*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#071722;color:#dbeaf2}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#07141f,#0a1e2c);border-left:1px solid #18384b;padding:18px;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:6px 4px 18px}.brand small{display:block;color:#6fa3bd;margin-top:3px}.bot-orb{width:90px;height:90px;border-radius:30px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#73d9eb,#2e8bab 45%,#12384d 75%);box-shadow:0 0 70px #3aa7c555;color:#fff;font-weight:900;font-size:28px}.bot-orb.sm{width:46px;height:46px;border-radius:16px;font-size:14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:13px;color:#9fc1d1}.sidebar nav a.active,.sidebar nav a:hover{background:#123349;color:#fff}.sidebar nav i{font-style:normal;background:#db6374;color:#fff;border-radius:999px;padding:2px 6px;font-size:10px}.logout{display:block;margin-top:14px;padding:10px;color:#d98b98}.main{padding:26px;max-width:1600px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.top h1{margin:5px 0 0;font-size:28px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#59bdd8;font-weight:900}.status{font-size:12px;color:#88afc0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#58d09b;box-shadow:0 0 18px #58d09b;margin-left:6px}.hero{background:linear-gradient(135deg,#0e2c3f,#103a50 58%,#0b2535);border:1px solid #1b4961;border-radius:30px;padding:34px;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden}.hero.compact{min-height:180px}.hero h2{font-size:38px;line-height:1.3;margin:8px 0}.hero p{color:#9cc0d0;max-width:760px;line-height:1.8}.brain{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;position:relative;background:#0a2030}.brain .ring{position:absolute;inset:14px;border:1px dashed #4fc3df;border-radius:50%;animation:spin 14s linear infinite}.brain strong{font-size:45px;color:#fff}.brain span{position:absolute;bottom:36px;font-size:10px;letter-spacing:.2em;color:#75cfe3}@keyframes spin{to{transform:rotate(360deg)}}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:10px 14px;font-weight:900;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#3aafc8,#2a7f9f);color:#fff}.btn.soft{background:#15394e;color:#c9e4ee;border:1px solid #28556d}.btn.danger{background:#712c39;color:#fff}.btn.sm{padding:7px 10px;font-size:11px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0}.kpis article,.feature,.panel{background:#0c2230;border:1px solid #173c50;border-radius:20px;padding:18px}.kpis small{color:#7ea8bb;display:block}.kpis b{font-size:25px;margin-top:8px;display:block}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{transition:.2s}.feature:hover{transform:translateY(-3px);border-color:#2d7390}.feature>span{font-size:25px;color:#5ec7df}.feature h3{margin:12px 0 8px}.feature p{color:#8eb1c0;line-height:1.7;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips i{font-style:normal;font-size:9px;background:#132f40;padding:5px 8px;border-radius:999px;color:#81b3c7}.panel{margin-top:14px}.panel h2{margin-top:0}.panel-head{display:flex;justify-content:space-between;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.setup-card label,.login-card label{display:flex;flex-direction:column;gap:7px;color:#9dbdca}input,textarea,select{background:#081923;border:1px solid #244b60;color:#e8f5fa;border-radius:12px;padding:11px;outline:none}textarea{min-height:130px;resize:vertical}.chat-layout{display:grid;grid-template-columns:260px 1fr;gap:12px;height:calc(100vh - 110px)}.agent-rail,.chat{background:#0b202e;border:1px solid #173d50;border-radius:20px;padding:12px;overflow:auto}.agent-btn{width:100%;text-align:right;background:transparent;border:0;color:#9cb9c5;padding:11px;border-radius:12px;cursor:pointer}.agent-btn b,.agent-btn small{display:block}.agent-btn small{font-size:10px;margin-top:4px;color:#6e93a4}.agent-btn.selected{background:#12384d;color:#fff}.chat{display:grid;grid-template-rows:1fr auto}.messages{overflow:auto;padding:8px}.msg{display:flex;gap:10px;margin:12px 0;max-width:85%}.msg.user{margin-right:auto;background:#15384c;padding:13px;border-radius:16px}.msg.bot .avatar{width:34px;height:34px;border-radius:12px;background:#2e88a5;display:grid;place-items:center;font-size:10px;font-weight:900}.msg p{line-height:1.8;white-space:pre-wrap}.composer{border-top:1px solid #173d50;padding-top:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.composer textarea{min-height:70px}.composer>div{display:flex;gap:7px;align-items:end}.icon-btn{width:44px;height:44px;border-radius:14px;background:#12384d;color:#68cade;border:0}.dropzone{border:1px dashed #2e708b;border-radius:20px;padding:30px;text-align:center;position:relative}.dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.dropzone small,.dropzone b{display:block}.table{display:flex;flex-direction:column}.tr{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;padding:10px;border-bottom:1px solid #143447;align-items:center}.th{color:#73bfd4;font-size:11px;font-weight:900}.approval-list article{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #143447}.approval-list form{display:flex;gap:6px;align-items:center}.warning,.success,.error{padding:13px 15px;border-radius:14px}.warning{background:#483a18;color:#f3d889}.success{background:#123f31;color:#7ee0b2}.error{background:#4a2028;color:#f0a0ae}.audit-row{padding:11px 0;border-bottom:1px solid #143447}.audit-row small{display:block;color:#7ea4b5;margin-top:5px}.module-result{white-space:pre-wrap;background:#07141e;border-radius:16px;padding:16px;min-height:80px;color:#b9d6e1}.setup,.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#113b52,#071722 50%)}.setup-card,.login-card{width:min(560px,92vw);background:#0c2230;border:1px solid #1b4860;border-radius:28px;padding:28px}.setup-card form,.login-card form{display:grid;gap:12px}.setup-card h1,.login-card h1{font-size:34px;margin:10px 0}.login-card{text-align:center}.login-card .bot-orb{margin:0 auto 20px}.login-card form{text-align:right;margin-top:20px}
@media(max-width:1000px){.app{grid-template-columns:76px 1fr}.sidebar{padding:12px 8px}.brand>div:last-child,.sidebar nav a b,.sidebar .logout{display:none}.sidebar nav a{grid-template-columns:1fr;place-items:center}.brand{justify-content:center}.kpis{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr 1fr}.chat-layout{grid-template-columns:1fr}.agent-rail{display:flex;height:auto;overflow:auto}.agent-btn{min-width:180px}.chat-layout{height:auto}.chat{min-height:70vh}}
@media(max-width:650px){.main{padding:14px}.top{display:block}.status{margin-top:8px}.hero{display:block;padding:22px}.hero h2{font-size:28px}.brain{margin:20px auto 0;width:150px;height:150px}.kpis{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.tr{grid-template-columns:1fr 1fr}.tr span:nth-child(3),.tr span:nth-child(4){font-size:11px}.composer{grid-template-columns:1fr}.panel-head{display:block}}

/* V1.2.1 mobile drawer hotfix */
.standalone{max-width:1200px;margin:auto;min-height:100vh}
.badge{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}
.badge.ok{background:#143f32;color:#84ddb2}
.badge.bad{background:#542631;color:#f4aab8}
.mobile-menu{display:none;position:fixed;z-index:90;top:10px;right:10px;width:44px;height:44px;border-radius:14px;border:1px solid #2a5368;background:#0c2635;color:#fff;font-size:20px}
.nlbot-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px);z-index:79}
.nlbot-menu-close{display:none;position:absolute;top:12px;left:12px;width:38px;height:38px;border:1px solid #315b70;border-radius:12px;background:#102d3e;color:#fff;font-size:20px;cursor:pointer}
@media(max-width:1000px){
  .app{display:block}
  .main{padding-top:68px}
  .mobile-menu{display:grid;place-items:center}
  .sidebar{
    position:fixed;
    top:0;
    right:0;
    left:auto;
    width:min(290px,86vw);
    height:100dvh;
    z-index:80;
    transform:translateX(110%);
    transition:transform .22s ease;
    box-shadow:-20px 0 60px rgba(0,0,0,.45);
    overflow-y:auto;
    padding:18px 14px 30px;
  }
  .sidebar.open{transform:translateX(0)}
  .sidebar .brand>div:last-child,
  .sidebar nav a b,
  .sidebar .logout{display:block}
  .sidebar nav a{grid-template-columns:30px 1fr auto;place-items:initial}
  .sidebar .brand{justify-content:flex-start;padding-left:44px}
  .nlbot-menu-close{display:grid;place-items:center}
  body.menu-open{overflow:hidden}
  body.menu-open .nlbot-menu-overlay{display:block}
}
@media(min-width:1001px){
  .sidebar{transform:none!important}
  .nlbot-menu-overlay,.nlbot-menu-close,.mobile-menu{display:none!important}
}


/* V3 Intelligence Fabric */
.ops-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;margin:14px 0}
.ops-strip>div,.ops-strip>a{background:linear-gradient(135deg,#0b2737,#103448);border:1px solid #1d4b61;border-radius:18px;padding:14px}
.ops-strip b,.ops-strip span{display:block}.ops-strip b{font-size:20px}.ops-strip span{font-size:10px;color:#78a6b9;margin-top:4px}.ops-strip>a{display:grid;place-items:center;color:#71d1e5;font-weight:900}
.readiness{min-width:150px;text-align:center;padding:18px;border-radius:24px;background:radial-gradient(circle at 50% 20%,#15506a,#0a2636);border:1px solid #25617a}.readiness strong{font-size:38px;display:block}.readiness span{font-size:10px;color:#80b6c9}
.state{padding:4px 8px;border-radius:999px;font-size:10px}.state.connected{background:#123f31;color:#7ee0b2}.state.error{background:#4a2028;color:#f0a0ae}.state.configured{background:#483a18;color:#f3d889}.state.unconfigured{background:#172e3c;color:#8eaebb}
.integration-card{box-shadow:0 18px 60px rgba(0,0,0,.12)}.job-result{margin-top:10px;color:#79cce0;font-weight:700}
@media(max-width:760px){.ops-strip{grid-template-columns:1fr 1fr}.ops-strip>a{grid-column:1/-1}.service-grid{grid-template-columns:1fr 1fr}.integration-card .form-grid{grid-template-columns:1fr}}

/* V4 Intelligence OS */
.v4-orchestrator{background:radial-gradient(circle at 85% 0,#123f55 0,#0a2635 42%,#081e2a 100%);border-color:#28617a}
.v4-orchestrator textarea{min-height:150px;font-size:16px;line-height:1.8}
.ai-result{white-space:pre-wrap;margin-top:14px;padding:16px;border-radius:16px;background:#071a25;border:1px solid #19485c;min-height:54px;color:#dff6fb;overflow-wrap:anywhere}
.hero.compact{min-height:auto}.feature span{font-size:24px;color:#70d4e8}

/* V5 Autonomous Clinic Intelligence */
.mission-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.mission-kpis>div{background:#0a2635;border:1px solid #19485c;border-radius:18px;padding:16px}.mission-kpis b{display:block;font-size:25px}.mission-kpis span{font-size:11px;color:#84afc0}
.action-card{display:block;text-decoration:none}.case-layout{display:grid;grid-template-columns:300px 1fr;gap:14px}.case-list a{display:block;padding:12px;border-radius:14px;margin:7px 0;background:#0a2230;border:1px solid transparent}.case-list a.active{border-color:#49bdd5;background:#0d3041}.case-list span,.case-list small{display:block}.case-list small{color:#759aaa;margin-top:4px}.wide{grid-column:1/-1}.artifact-actions{display:flex;gap:8px;flex-wrap:wrap}.timeline-item,.artifact{padding:14px;border-inline-start:3px solid #2f93ad;background:#091f2c;border-radius:12px;margin:10px 0}.artifact header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.artifact header span{font-size:10px;padding:4px 8px;border-radius:999px;background:#183849}
@media(max-width:900px){.mission-kpis{grid-template-columns:1fr 1fr}.case-layout{grid-template-columns:1fr}.case-list{max-height:330px;overflow:auto}}