#clarixo-path-guide-root{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:9999;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.clarixo-path-launcher{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.14);
  background:linear-gradient(180deg,#1d4ed8 0%,#1e40af 100%);
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1;
  box-shadow:0 14px 34px rgba(15,23,42,0.28);
  cursor:pointer;
  user-select:none;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.clarixo-path-launcher:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 42px rgba(15,23,42,0.34);
}

.clarixo-path-panel{
  width:380px;
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 32px);
  display:flex;
  flex-direction:column;
  border-radius:24px;
  background:#0b1220;
  color:#e5eef9;
  border:1px solid rgba(148,163,184,0.20);
  box-shadow:0 30px 70px rgba(2,6,23,0.52);
  overflow:hidden;
}

.clarixo-path-hidden{
  display:none !important;
}

.clarixo-path-header{
  padding:18px 18px 12px;
  border-bottom:1px solid rgba(148,163,184,0.14);
  background:linear-gradient(180deg,rgba(30,41,59,0.95) 0%,rgba(11,18,32,0.98) 100%);
}

.clarixo-path-title{
  margin:0;
  font-size:16px;
  font-weight:800;
  color:#f8fbff;
}

.clarixo-path-subtitle{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.55;
  color:#a9bbd3;
}

.clarixo-path-close{
  appearance:none;
  border:none;
  background:transparent;
  color:#9fb2c9;
  font-size:20px;
  font-weight:500;
  cursor:pointer;
  padding:0;
  line-height:1;
}

.clarixo-path-header-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.clarixo-path-body{
  padding:18px;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}

.clarixo-path-state-title{
  margin:0 0 10px;
  font-size:18px;
  font-weight:800;
  color:#ffffff;
}

.clarixo-path-text{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.7;
  color:#d7e3f2;
}

.clarixo-path-v2-card{
  margin-top:14px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(96,165,250,0.22);
  background:linear-gradient(180deg,rgba(30,41,59,0.78) 0%,rgba(15,23,42,0.96) 100%);
  box-shadow:0 14px 34px rgba(2,6,23,0.24);
}

.clarixo-path-v2-eyebrow{
  margin:0 0 8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8fb9ff;
}

.clarixo-path-v2-title{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.45;
  font-weight:800;
  color:#ffffff;
}

.clarixo-path-v2-text{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.7;
  color:#d7e3f2;
}

.clarixo-path-v2-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}

.clarixo-path-entry-grid,
.clarixo-path-children-grid,
.clarixo-path-quick-grid{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.clarixo-path-entry-grid{
  grid-template-columns:1fr 1fr;
}

.clarixo-path-children-grid,
.clarixo-path-quick-grid{
  grid-template-columns:1fr;
}

.clarixo-path-btn{
  appearance:none;
  width:100%;
  border:none;
  border-radius:16px;
  padding:13px 14px;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease, border-color .16s ease;
  font-size:14px;
  line-height:1.45;
}

.clarixo-path-btn:hover{
  transform:translateY(-1px);
}

.clarixo-path-btn-primary{
  background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);
  color:#fff;
  font-weight:800;
  box-shadow:0 12px 28px rgba(37,99,235,0.28);
}

.clarixo-path-btn-secondary{
  background:#142033;
  color:#e5eef9;
  border:1px solid rgba(148,163,184,0.20);
  font-weight:700;
  box-shadow:0 8px 20px rgba(2,6,23,0.22);
}

.clarixo-path-btn-tertiary{
  background:#0f172a;
  color:#b9c9dd;
  border:1px solid rgba(148,163,184,0.14);
  font-weight:600;
}

.clarixo-path-cta-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}

.clarixo-path-divider{
  height:1px;
  background:rgba(148,163,184,0.12);
  margin:16px 0;
}

.clarixo-path-footer{
  padding:14px 18px 18px;
  border-top:1px solid rgba(148,163,184,0.12);
  background:rgba(15,23,42,0.55);
  flex:0 0 auto;
}

.clarixo-path-input-wrap{
  display:flex;
  gap:10px;
  align-items:center;
}

.clarixo-path-input{
  width:100%;
  min-width:0;
  background:#09101c;
  color:#eef6ff;
  border:1px solid rgba(148,163,184,0.18);
  border-radius:14px;
  padding:12px 13px;
  font-size:14px;
  outline:none;
}

.clarixo-path-input:focus{
  border-color:rgba(96,165,250,0.72);
  box-shadow:0 0 0 3px rgba(59,130,246,0.16);
}

.clarixo-path-send{
  appearance:none;
  border:none;
  border-radius:14px;
  padding:12px 14px;
  background:#1e293b;
  color:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}

.clarixo-path-prompt{
  margin:0 0 12px;
  font-size:13px;
  line-height:1.6;
  color:#9fb2c9;
}

.clarixo-path-chip{
  appearance:none;
  border:1px solid rgba(148,163,184,0.16);
  background:#10192a;
  color:#d3e0ef;
  border-radius:999px;
  padding:10px 12px;
  cursor:pointer;
  text-align:left;
  font-size:12px;
  line-height:1.4;
}

@media (max-width:640px){
  #clarixo-path-guide-root{
    right:12px;
    left:12px;
    bottom:12px;
  }

  .clarixo-path-panel{
    width:100%;
    max-height:calc(100vh - 24px);
    border-radius:20px;
  }

  .clarixo-path-body{
    padding:16px;
  }

  .clarixo-path-footer{
    padding:12px 16px 16px;
  }

  .clarixo-path-entry-grid,
  .clarixo-path-cta-row,
  .clarixo-path-v2-actions{
    grid-template-columns:1fr;
  }

  .clarixo-path-launcher{
    width:100%;
    justify-content:center;
  }
}