/* ==========================================================
   CybrSecAI 15.0 FINAL — unified Web / PWA / Mobile polish
   Loaded last. Keep overrides narrow and progressive.
   ========================================================== */
:root{
  --v15-bg:#03080c;
  --v15-surface:#07131b;
  --v15-surface-2:#091923;
  --v15-surface-3:#0b2029;
  --v15-line:rgba(118,239,204,.115);
  --v15-line-strong:rgba(100,244,198,.24);
  --v15-accent:#62f2bd;
  --v15-accent-2:#4ee0d1;
  --v15-cyan:#5dcfff;
  --v15-text:#f2faf7;
  --v15-muted:#8fa3af;
  --v15-soft:#647985;
  --v15-danger:#ff667a;
  --v15-warning:#f5c869;
  --v15-shadow:0 26px 84px rgba(0,0,0,.36);
  --v15-radius:18px;
  --v15-topbar-h:64px;
}
html{background:var(--v15-bg)}
body{
  background:
    radial-gradient(circle at 14% -10%,rgba(98,242,189,.06),transparent 27%),
    radial-gradient(circle at 88% -4%,rgba(93,207,255,.045),transparent 24%),
    linear-gradient(180deg,#03080c,#040a0f 55%,#03080c);
  color:var(--v15-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(98,242,189,.22);color:#fff}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(104,246,196,.72);outline-offset:2px}
textarea:focus-visible{outline:none!important}

/* Subtle global grid — keeps the product identity without visual noise. */
.main:before{
  content:"";position:absolute;inset:var(--v15-topbar-h) 0 0;pointer-events:none;z-index:0;opacity:.26;
  background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.48) 52%,transparent 94%);
}
.main>*{position:relative;z-index:1}

/* Sidebar — dense, calm, and collapsible on large screens. */
.sidebar{
  background:linear-gradient(180deg,rgba(4,12,17,.975),rgba(4,10,15,.985));
  border-right-color:rgba(126,193,192,.08);
  box-shadow:12px 0 42px rgba(0,0,0,.12);
}
.brand{padding-top:17px;padding-bottom:14px}
.brand-mark{width:40px;height:40px;border-radius:13px;box-shadow:0 0 30px rgba(72,236,184,.07)}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand-title strong{font-size:17px;letter-spacing:-.025em}.brand-title small{font-size:8.5px;color:#6d818c;letter-spacing:.11em}
.new-chat{margin:0 13px 14px;min-height:43px;border-radius:12px;background:linear-gradient(135deg,#6af5bf,#4ae3ce);box-shadow:0 10px 28px rgba(54,224,173,.12)}
.side-label{font-size:9px;padding-inline:17px;color:#51636e}
.nav{gap:3px;padding-inline:9px}.nav-btn{min-height:43px;padding:7px 10px;border-radius:11px;color:#aebdc6;font-size:12px}
.nav-btn:hover,.nav-btn:focus-visible{background:rgba(95,242,190,.046);border-color:rgba(95,242,190,.08);color:#eaf8f3}
.nav-icon{width:29px;height:29px;border-radius:9px;background:rgba(80,224,181,.045);border:1px solid rgba(80,224,181,.07)}
.nav-feature em{margin-left:auto;border-radius:999px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.06em;border:1px solid rgba(98,242,189,.12);background:rgba(98,242,189,.04);color:#73dbae}
.history{min-height:0}.history-search{border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.016)!important}
.profile{border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.015)!important}

.v15-sidebar-toggle{position:absolute;right:-14px;top:17px;z-index:31;width:28px;height:28px;border-radius:9px;border:1px solid rgba(98,242,189,.14);background:#07131a;color:#8aa8a2;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:.16s ease}
.v15-sidebar-toggle:hover{color:#dffaf0;border-color:rgba(98,242,189,.28);transform:translateX(1px)}
body.v15-sidebar-collapsed{--sidebar:76px}
body.v15-sidebar-collapsed .brand-title,body.v15-sidebar-collapsed .side-label,body.v15-sidebar-collapsed .nav-btn>span:not(.nav-icon),body.v15-sidebar-collapsed .nav-btn em,body.v15-sidebar-collapsed .history,body.v15-sidebar-collapsed .side-actions,body.v15-sidebar-collapsed .profile-meta,body.v15-sidebar-collapsed .profile .dots{display:none!important}
body.v15-sidebar-collapsed .brand{justify-content:center;padding-inline:10px}body.v15-sidebar-collapsed .new-chat{font-size:0;margin-inline:11px;padding:0;min-width:48px}body.v15-sidebar-collapsed .new-chat:after{content:"＋";font-size:22px}body.v15-sidebar-collapsed .nav{align-items:center;padding-inline:8px}body.v15-sidebar-collapsed .nav-btn{width:48px;justify-content:center;padding:8px}body.v15-sidebar-collapsed .nav-icon{margin:0}body.v15-sidebar-collapsed .sidebar-bottom{padding-inline:10px}body.v15-sidebar-collapsed .profile{justify-content:center;padding-inline:0}body.v15-sidebar-collapsed .v15-sidebar-toggle{transform:rotate(180deg)}

/* Top bar — retains controls but adds command surface. */
.topbar{height:var(--v15-topbar-h);padding:0 17px;background:rgba(3,10,15,.82);border-bottom:1px solid rgba(255,255,255,.045);backdrop-filter:blur(22px) saturate(130%)}
.model-pill{border:1px solid rgba(91,240,191,.10)!important;background:rgba(8,26,31,.60)!important;color:#9cb6b0!important;box-shadow:inset 0 1px rgba(255,255,255,.012)}
.status-dot{box-shadow:0 0 13px rgba(64,245,166,.55)}
.top-actions{gap:7px}.top-actions>button{min-height:37px}
.primary-small{background:linear-gradient(135deg,#67f2bb,#49e1c9)!important;color:#04110b!important;box-shadow:0 8px 24px rgba(59,226,176,.10)!important}
.ghost-btn,.install-top-btn,.notify-btn{border-color:rgba(255,255,255,.065)!important;background:rgba(255,255,255,.018)!important;color:#aab9c1!important}
.ghost-btn:hover,.install-top-btn:hover,.notify-btn:hover{border-color:rgba(96,238,194,.15)!important;background:rgba(96,238,194,.04)!important;color:#e9f8f2!important}
.v15-command-trigger{display:flex;align-items:center;gap:8px;min-height:37px;padding:0 11px;border-radius:10px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);color:#9eb0ba;cursor:pointer}
.v15-command-trigger:hover{border-color:rgba(98,242,189,.16);color:#e9f9f2;background:rgba(98,242,189,.035)}
.v15-command-trigger kbd{font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;padding:4px 5px;border-radius:5px;border:1px solid rgba(255,255,255,.09);background:#071118;color:#687e89}

/* Hero and cards — more legible at 1080p and still compact on laptops. */
.content{max-width:1380px!important;width:calc(100% - 40px)!important;padding-top:18px!important}
.hero{padding:28px 31px 27px!important;border-radius:23px!important;border-color:rgba(107,232,199,.115)!important;background:
  radial-gradient(circle at 80% 18%,rgba(70,208,255,.092),transparent 27%),
  radial-gradient(circle at 91% 43%,rgba(76,238,183,.10),transparent 26%),
  linear-gradient(138deg,rgba(6,18,25,.985),rgba(4,12,18,.992))!important;box-shadow:0 28px 86px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.018)!important}
.hero-stage{grid-template-columns:minmax(0,1.09fr) minmax(350px,.91fr)!important;gap:30px!important;min-height:300px!important}
.hero-copy h1{font-size:clamp(42px,3.75vw,64px)!important;max-width:780px!important}.hero-copy p{max-width:720px!important;color:#98abb7!important}
.hero-copy .eyebrow{font-size:9px!important;letter-spacing:.13em!important}
.hero-badges span{background:rgba(3,14,19,.56)!important;border-color:rgba(255,255,255,.055)!important;color:#8fa3af!important}
.hero-visual{min-height:290px!important}.cyber-globe{width:250px!important;height:250px!important}.hero-visual-halo{width:345px!important;height:345px!important}
.intel-float{box-shadow:0 15px 42px rgba(0,0,0,.25);border-color:rgba(86,241,194,.18)}
.quick-grid{margin-top:17px!important;gap:9px!important}.quick-card{min-height:130px!important;border-radius:14px!important;padding:14px 15px!important;border-color:rgba(120,173,188,.095)!important}.quick-card:hover{transform:translateY(-2px)!important}.quick-card>b{font-size:12px!important}.quick-card>span:not(.quick-arrow){font-size:9.7px!important;color:#8296a2!important}

/* Composer — premium low-noise focus treatment. */
.composer-wrap{padding-top:18px!important}.composer{border-color:rgba(98,242,189,.125)!important;background:linear-gradient(180deg,rgba(8,22,29,.97),rgba(5,15,21,.992))!important;box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.013)!important}
.composer:focus-within{outline:none!important;border-color:rgba(98,242,189,.20)!important;box-shadow:0 22px 70px rgba(0,0,0,.36),inset 0 1px rgba(98,242,189,.018)!important}
.composer textarea,.composer textarea:focus,.composer textarea:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
.composer-label-row span{font-size:10px!important;color:#a8b9c0!important}.composer-label-row small{font-size:8px!important;color:#536875!important}
.tool-btn{border:1px solid rgba(255,255,255,.05)!important;background:rgba(255,255,255,.014)!important;color:#80939e!important}.tool-btn:hover{border-color:rgba(98,242,189,.12)!important;background:rgba(98,242,189,.032)!important;color:#d8eee7!important}
.send{background:linear-gradient(135deg,#68f4be,#45dfca)!important;box-shadow:0 9px 24px rgba(53,226,176,.13)!important}
.footer-note{color:#546a76!important;font-size:9px!important}

/* Compact live support button by default. */
.v12-support-fab{height:39px!important;min-width:44px!important;padding:0 12px!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(10,30,37,.98),rgba(7,19,27,.98))!important;border:1px solid rgba(89,239,189,.16)!important;box-shadow:0 14px 38px rgba(0,0,0,.32)!important;color:#a5c5ba!important}
.v12-support-fab b{font-size:9px!important}.v12-support-fab:hover{border-color:rgba(89,239,189,.27)!important;color:#e2f8ef!important}
.v12-support-rail{background:linear-gradient(180deg,#06131a,#071018)!important;border-left-color:rgba(98,242,189,.10)!important;box-shadow:-28px 0 90px rgba(0,0,0,.35)!important}

/* V15 connection banner shown only on state changes. */
.v15-network-banner{position:fixed;left:50%;top:74px;z-index:95;transform:translate(-50%,-18px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 30px);padding:8px 11px;border-radius:999px;border:1px solid rgba(255,200,105,.15);background:rgba(25,22,12,.94);color:#e6cd91;font-size:10px;font-weight:750;box-shadow:0 14px 40px rgba(0,0,0,.28);transition:.22s ease}.v15-network-banner.show{opacity:1;transform:translate(-50%,0)}.v15-network-banner.online{border-color:rgba(98,242,189,.16);background:rgba(6,28,24,.94);color:#9aeacb}

/* Command palette */
.v15-command-backdrop{position:fixed;inset:0;z-index:180;display:none;place-items:start center;padding:12vh 16px 20px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}
.v15-command-backdrop.open{display:grid}
.v15-command{width:min(680px,100%);overflow:hidden;border-radius:19px;border:1px solid rgba(106,239,199,.16);background:linear-gradient(180deg,rgba(8,22,30,.99),rgba(5,14,20,.995));box-shadow:0 36px 120px rgba(0,0,0,.62)}
.v15-command-search{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.055)}
.v15-command-search span{color:#65edba;font-size:17px}.v15-command-search input{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:#f3fbf8;font-size:14px}.v15-command-search input::placeholder{color:#607582}
.v15-command-list{max-height:min(52vh,520px);overflow:auto;padding:8px}.v15-command-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;border:1px solid transparent;background:transparent;color:#c5d2d7;text-align:left;cursor:pointer}.v15-command-item:hover,.v15-command-item.active{background:rgba(98,242,189,.045);border-color:rgba(98,242,189,.08)}.v15-command-item i{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-style:normal;background:rgba(98,242,189,.055);border:1px solid rgba(98,242,189,.08);color:#72ebbd}.v15-command-item div{min-width:0;flex:1}.v15-command-item b{display:block;font-size:11px}.v15-command-item small{display:block;margin-top:2px;color:#657b87;font-size:9px}.v15-command-item kbd{font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#5f7580;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:4px 5px}.v15-command-empty{padding:24px;color:#708590;text-align:center;font-size:11px}
.v15-command-footer{display:flex;justify-content:space-between;gap:12px;padding:9px 13px;border-top:1px solid rgba(255,255,255,.045);color:#576c77;font-size:8px}.v15-command-footer kbd{font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#78909a}

/* Update notification */
.v15-update-toast{position:fixed;right:18px;bottom:70px;z-index:170;display:none;align-items:center;gap:12px;width:min(360px,calc(100vw - 28px));padding:12px;border-radius:14px;border:1px solid rgba(98,242,189,.14);background:rgba(6,20,27,.97);box-shadow:0 20px 70px rgba(0,0,0,.46)}.v15-update-toast.show{display:flex}.v15-update-toast>div{min-width:0;flex:1}.v15-update-toast b{display:block;font-size:11px}.v15-update-toast small{display:block;color:#718691;font-size:9px;margin-top:3px}.v15-update-toast button{height:34px;border-radius:9px;padding:0 11px;background:linear-gradient(135deg,#62f2bd,#4bded0);color:#04120c;font-weight:850;font-size:9px;cursor:pointer}

/* Modals / billing / workspace */
.modal{border-color:rgba(108,178,190,.10)!important;background:linear-gradient(180deg,rgba(9,21,29,.99),rgba(5,14,20,.995))!important;box-shadow:0 34px 110px rgba(0,0,0,.54)!important}.modal-close{border:1px solid rgba(255,255,255,.055)!important}.wide-primary{background:linear-gradient(135deg,#65f1ba,#49dfca)!important}.auth-tabs{background:rgba(255,255,255,.018)!important}.auth-tab.active{background:rgba(98,242,189,.055)!important;border-color:rgba(98,242,189,.11)!important}.billing-modal,.workspace-modal,.security-center-modal,.v12-siem-modal,.intel-modal,.mitre-updates-modal{border-color:rgba(98,242,189,.12)!important}

/* Mobile: app-like, safe-area aware, one-handed. */
@media (max-width:1023px){.v15-sidebar-toggle{display:none}.v15-command-trigger kbd{display:none}}
@media (max-width:760px){
  :root{--v15-topbar-h:56px}
  body{overscroll-behavior:none}
  .topbar{height:56px;padding:0 10px}.top-actions{gap:5px}.top-actions .ghost-btn#topHelpBtn{display:none}.v15-command-trigger{width:38px;padding:0;justify-content:center}.v15-command-trigger span:last-of-type{display:none}
  .main:before{inset:56px 0 0;background-size:34px 34px;opacity:.18}
  .content{width:100%!important;padding:9px 8px 2px!important}
  .hero{padding:19px 14px 16px!important;border-radius:18px!important}
  .hero-stage{grid-template-columns:1fr!important;gap:6px!important;min-height:0!important}
  .hero-copy .eyebrow{font-size:7.5px!important;margin-bottom:12px!important;padding:6px 8px!important}
  .hero-copy h1{font-size:clamp(30px,9.9vw,42px)!important;line-height:1.02!important;letter-spacing:-.055em!important}
  .hero-copy p{font-size:12px!important;line-height:1.58!important;margin-top:12px!important}
  .hero-badges{margin-top:11px!important}.hero-badges span{font-size:7.5px!important;min-height:27px!important;padding-inline:8px!important}
  .security-posture{margin-top:6px!important}.security-posture>div{font-size:7.5px!important;min-height:24px!important}
  .hero-visual{height:142px!important;min-height:142px!important;margin-top:7px!important;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}
  .hero-visual-halo{width:210px!important;height:210px!important}.cyber-globe{width:132px!important;height:132px!important}.orbit{width:180px!important;height:90px!important}.orbit-c{width:165px!important;height:78px!important}.globe-core{width:36px!important;height:36px!important;font-size:7px!important}.continent-a{width:36px!important;height:23px!important;left:35px!important;top:31px!important}.continent-b{width:25px!important;height:41px!important;left:60px!important;top:51px!important}.continent-c{width:29px!important;height:21px!important;right:16px!important;top:36px!important}.continent-d{width:17px!important;height:11px!important;right:25px!important;bottom:27px!important}
  .intel-float{min-width:100px!important;padding:5px 6px!important;gap:5px!important}.intel-float i{width:20px!important;height:20px!important;font-size:8px!important}.intel-float b{font-size:5.5px!important}.intel-float span{font-size:6.5px!important}.intel-float-a{left:3px!important;top:4px!important}.intel-float-b{right:2px!important;top:18px!important}.intel-float-c{left:3px!important;bottom:7px!important}.intel-float-d{right:2px!important;bottom:2px!important}
  .quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:7px!important;padding:0!important;margin-top:11px!important;scroll-snap-type:none!important}.quick-card{min-width:0!important;flex:none!important;min-height:116px!important;padding:11px!important;border-radius:13px!important}.quick-card-top{margin-bottom:7px!important}.quick-card-top .quick-icon{width:31px!important;height:31px!important;font-size:11px!important}.quick-arrow{width:24px!important;height:24px!important;font-size:11px!important}.quick-card>b{font-size:10.5px!important}.quick-card>span:not(.quick-arrow){font-size:8.7px!important;line-height:1.42!important}
  .guest-mode-note{grid-template-columns:1fr!important;padding:10px!important}.guest-mode-note span,.guest-mode-note button{grid-column:1!important}
  .composer-wrap{bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;padding:11px 7px 6px!important;background:linear-gradient(180deg,rgba(3,8,12,0),rgba(3,8,12,.94) 22%,#03080c 48%)!important}
  .composer{padding:7px!important;border-radius:15px!important}.composer-label-row{padding:0 6px 1px!important}.composer textarea{font-size:16px!important;min-height:42px!important;max-height:118px!important;padding:6px!important}.composer-footer{padding-inline:2px!important}.tools{overflow-x:auto;scrollbar-width:none;gap:4px}.tools::-webkit-scrollbar{display:none}.tool-btn{flex:0 0 auto;height:36px!important;font-size:8.5px!important;padding-inline:8px!important}.send{width:42px!important;height:42px!important;min-width:42px!important}
  .mobile-bottom-nav{background:rgba(3,10,15,.965)!important;border-top-color:rgba(98,242,189,.075)!important;backdrop-filter:blur(22px) saturate(130%);box-shadow:0 -16px 44px rgba(0,0,0,.34)!important}.mobile-nav-item{min-height:50px}.mobile-nav-item.active{background:rgba(98,242,189,.045)!important;color:#79e9bd!important}.mobile-nav-new{background:linear-gradient(135deg,#67f3bd,#48dfce)!important;box-shadow:0 9px 28px rgba(53,226,176,.18)!important}
  .v12-support-fab{bottom:calc(var(--mobile-nav-h) + 8px + env(safe-area-inset-bottom))!important;right:8px!important;height:36px!important;min-width:36px!important;padding:0 10px!important}.v12-support-fab b{font-size:8px!important}
  .modal-backdrop{padding:0!important;align-items:end!important}.modal{max-height:94dvh!important;padding-bottom:calc(15px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important}
  .v15-command-backdrop{padding:8vh 8px 0;align-items:start}.v15-command{border-radius:17px}.v15-command-list{max-height:58dvh}.v15-command-footer{display:none}
  .v15-network-banner{top:62px}
  .v15-update-toast{left:8px;right:8px;bottom:calc(var(--mobile-nav-h) + 12px + env(safe-area-inset-bottom));width:auto}
}
@media (max-width:420px){.quick-grid{grid-template-columns:1fr 1fr!important}.quick-card{min-height:110px!important}.quick-card>span:not(.quick-arrow){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-visual{height:126px!important;min-height:126px!important}.intel-float-c{display:none!important}.v12-support-fab b{display:none!important}.v12-support-fab{width:36px!important;padding:0!important}}
@media (max-width:350px){.quick-grid{grid-template-columns:1fr!important}.hero-badges span:nth-child(n+3){display:none!important}}

/* Short-height laptops: fit the first screen without turning everything tiny. */
@media (min-width:761px) and (max-height:760px){.content{padding-top:10px!important}.hero{padding-block:19px!important}.hero-stage{min-height:245px!important}.hero-copy h1{font-size:clamp(37px,3.35vw,54px)!important}.hero-copy p{margin-top:13px!important;font-size:12.5px!important}.hero-badges{margin-top:13px!important}.security-posture{margin-top:6px!important}.hero-visual{min-height:235px!important;transform:scale(.89)}.quick-grid{margin-top:10px!important}.quick-card{min-height:112px!important;padding:11px 12px!important}.composer-wrap{padding-top:10px!important}}

/* Accessibility and power saving. */
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media (prefers-contrast:more){:root{--v15-line:rgba(255,255,255,.22);--v15-line-strong:rgba(98,242,189,.55)}.quick-card,.composer,.modal,.v12-support-rail{border-color:var(--v15-line)!important}}

/* ==========================================================
   CybrSecAI 15.1 — Mobile Web/PWA hardening
   Fixes narrow-column rendering caused by the desktop grid,
   removes fixed-composer collisions and optimizes in-app browsers.
   ========================================================== */
.mobile-top-brand{display:none}
.v15-update-dismiss{width:30px;height:30px;display:grid;place-items:center;padding:0!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important;color:#7f949e!important;font-size:16px!important;font-weight:500!important;cursor:pointer}

@media (max-width:1023px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .app{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important}
  .main{grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .chat-shell,.messages,.content{max-width:100%!important;min-width:0!important}
}

@media (max-width:760px){
  :root{--v15-topbar-h:58px;--mobile-nav-h:66px}
  html{height:100%;overflow:hidden;background:#03080c}
  body{height:var(--app-vh,100dvh)!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;background:#03080c}
  .app{height:var(--app-vh,100dvh)!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:hidden!important}
  .main{height:var(--app-vh,100dvh)!important;min-height:0!important;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;overflow:hidden!important;background:#03080c!important}
  .main:before{inset:calc(58px + env(safe-area-inset-top)) 0 0!important;opacity:.13!important;background-size:34px 34px!important}

  /* Compact mobile header. Login/notification actions already live in bottom navigation. */
  .topbar{flex:0 0 calc(58px + env(safe-area-inset-top))!important;height:calc(58px + env(safe-area-inset-top))!important;min-height:calc(58px + env(safe-area-inset-top))!important;width:100%!important;padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))!important;gap:8px!important;background:rgba(3,10,15,.96)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;overflow:hidden!important}
  .top-left{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
  .menu-btn{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.055)!important;color:#e6f5ef!important;font-size:18px!important}
  .mobile-top-brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;overflow:hidden!important}
  .mobile-top-brand img{width:30px!important;height:30px!important;flex:0 0 30px!important;filter:drop-shadow(0 0 11px rgba(98,242,189,.14))}
  .mobile-top-brand>div{min-width:0!important;display:grid!important;gap:1px!important}.mobile-top-brand b{font-size:12px!important;line-height:1.1!important;letter-spacing:-.02em!important;white-space:nowrap!important}.mobile-top-brand small{font-size:7px!important;line-height:1.1!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#627983!important;white-space:nowrap!important}
  .model-pill{display:none!important}
  .top-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
  .top-actions #topHelpBtn,.top-actions #loginBtn,.top-actions #registerBtn,.top-actions #accountBtn,.top-actions #notificationBtn{display:none!important}
  .v15-command-trigger,.install-top-btn{display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.055)!important;color:#9eb1b9!important}
  .v15-command-trigger span:first-child,.install-top-icon{font-size:17px!important;line-height:1!important}.v15-command-trigger span:not(:first-child),.v15-command-trigger kbd,.install-top-text{display:none!important}

  /* Let the chat shell own the viewport. Composer is in normal flow, not layered over content. */
  .chat-shell{flex:1 1 auto!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .messages{flex:1 1 auto!important;min-height:0!important;width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;scroll-padding-bottom:20px!important;scrollbar-gutter:auto!important}
  .content{width:100%!important;max-width:none!important;margin:0!important;padding:0 10px 14px!important;overflow:visible!important}

  /* Mobile-first hero: full width and intentionally compact. */
  .hero{width:100%!important;max-width:none!important;margin:0!important;padding:18px 15px 17px!important;border-radius:18px!important;overflow:hidden!important;text-align:left!important;background:radial-gradient(circle at 100% 0%,rgba(76,238,183,.085),transparent 34%),linear-gradient(145deg,rgba(7,20,27,.99),rgba(4,13,19,.995))!important;box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.015)!important}
  .hero:before{width:310px!important;height:310px!important;right:-160px!important;top:-175px!important;opacity:.42!important}.hero:after{background-size:30px 30px!important;opacity:.28!important}
  .hero-stage{display:block!important;min-height:0!important}
  .hero-copy{width:100%!important;min-width:0!important;padding:0!important}
  .hero-copy .eyebrow{display:inline-flex!important;max-width:100%!important;margin:0 0 12px!important;padding:6px 8px!important;font-size:7.2px!important;line-height:1!important;letter-spacing:.10em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .hero-copy h1{margin:0!important;max-width:100%!important;font-size:clamp(32px,9.5vw,39px)!important;line-height:1.015!important;letter-spacing:-.052em!important;text-align:left!important;text-wrap:balance!important}
  .hero-copy p{max-width:none!important;margin:13px 0 0!important;font-size:12.2px!important;line-height:1.56!important;color:#8fa4af!important;text-align:left!important}
  .hero-badges{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:13px 0 0!important;padding:0!important;overflow:visible!important}
  .hero-badges span{min-width:0!important;min-height:29px!important;padding:6px 8px!important;border-radius:9px!important;font-size:7.6px!important;line-height:1.2!important;white-space:normal!important;justify-content:flex-start!important;overflow:hidden!important}
  .security-posture{display:none!important}
  .guest-mode-note{display:grid!important;grid-template-columns:1fr auto!important;gap:6px 8px!important;align-items:center!important;width:100%!important;max-width:none!important;margin:11px 0 0!important;padding:10px 11px!important;border-radius:12px!important;overflow:hidden!important}
  .guest-mode-note b{grid-column:1!important;font-size:10px!important}.guest-mode-note span{grid-column:1/-1!important;font-size:9px!important;line-height:1.42!important;color:#778c97!important}.guest-mode-note button{grid-column:2!important;grid-row:1!important;min-height:30px!important;padding:0 9px!important;font-size:8px!important;white-space:nowrap!important}
  .hero-visual{display:none!important}

  /* Feature cards: stable 2-column layout; no horizontal carousel / clipped cards. */
  .quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:10px 0 0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  .quick-card{display:block!important;width:100%!important;min-width:0!important;min-height:112px!important;padding:11px!important;border-radius:13px!important;scroll-snap-align:none!important;overflow:hidden!important}
  .quick-card-top{margin-bottom:8px!important}.quick-card-top .quick-icon{width:31px!important;height:31px!important;font-size:10px!important}.quick-arrow{width:25px!important;height:25px!important;font-size:11px!important}
  .quick-card>b{display:block!important;font-size:10.5px!important;line-height:1.25!important}.quick-card>span:not(.quick-arrow){display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;margin-top:5px!important;font-size:8.7px!important;line-height:1.4!important;color:#7f939d!important}

  /* Composer now consumes its own space — no overlap with hero, toasts or browser chrome. */
  .composer-wrap{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:25!important;flex:0 0 auto!important;width:100%!important;padding:7px 8px 8px!important;background:linear-gradient(180deg,rgba(3,8,12,.76),#03080c 28%)!important;border-top:1px solid rgba(255,255,255,.035)!important;box-shadow:0 -12px 36px rgba(0,0,0,.24)!important}
  .composer{width:100%!important;max-width:none!important;margin:0!important;padding:7px!important;border-radius:15px!important;border-color:rgba(98,242,189,.13)!important;background:linear-gradient(180deg,rgba(8,22,29,.99),rgba(5,15,21,.995))!important;box-shadow:0 12px 38px rgba(0,0,0,.28)!important}
  .composer:focus-within{border-color:rgba(98,242,189,.19)!important;box-shadow:0 12px 38px rgba(0,0,0,.30)!important}
  .composer-label-row{display:none!important}
  .composer textarea,.composer textarea:focus,.composer textarea:focus-visible{display:block!important;width:100%!important;min-height:42px!important;max-height:92px!important;margin:0!important;padding:9px 9px 6px!important;border:0!important;outline:0!important;box-shadow:none!important;font-size:16px!important;line-height:1.4!important;background:transparent!important}
  .composer textarea::placeholder{font-size:13px!important;color:#536975!important}
  .composer-footer{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:center!important;gap:7px!important;padding:3px 1px 0!important}
  .tools{display:flex!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}.tools::-webkit-scrollbar{display:none!important}
  .tool-btn{flex:0 0 auto!important;min-width:auto!important;width:auto!important;height:34px!important;min-height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:8.8px!important;white-space:nowrap!important}
  .send{grid-column:2!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:12px!important}
  .footer-note{display:none!important}

  /* Bottom navigation stays simple and evenly spaced. */
  .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;padding:5px max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left))!important;background:rgba(3,10,15,.985)!important;border-top:1px solid rgba(98,242,189,.07)!important;box-shadow:0 -12px 36px rgba(0,0,0,.34)!important;backdrop-filter:blur(22px) saturate(130%)!important;overflow:visible!important}
  .mobile-nav-item{min-width:0!important;min-height:52px!important;border-radius:12px!important;gap:3px!important}.mobile-nav-item span{font-size:17px!important}.mobile-nav-item b{font-size:7.8px!important;line-height:1!important}.mobile-nav-item.active{background:rgba(98,242,189,.04)!important;color:#77edbe!important}
  .mobile-nav-new{position:relative!important;align-self:start!important;justify-self:center!important;width:47px!important;height:47px!important;min-height:47px!important;margin-top:-8px!important;border-radius:15px!important;border:3px solid #030a0f!important;box-shadow:0 8px 23px rgba(53,226,176,.16)!important}.mobile-nav-new span{font-size:22px!important}.mobile-nav-new b{position:absolute!important;top:50px!important;left:50%!important;transform:translateX(-50%)!important;color:#738691!important;font-size:7.5px!important}

  /* Transient UI must not cover the composer. */
  .v15-update-toast{left:8px!important;right:8px!important;top:calc(66px + env(safe-area-inset-top))!important;bottom:auto!important;width:auto!important;min-height:46px!important;padding:9px 9px 9px 11px!important;border-radius:13px!important;gap:8px!important;box-shadow:0 14px 42px rgba(0,0,0,.38)!important}
  .v15-update-toast b{font-size:9.5px!important}.v15-update-toast small{font-size:7.8px!important;margin-top:2px!important}.v15-update-toast .v15-update-action{height:32px!important;padding:0 9px!important;font-size:8px!important}.v15-update-dismiss{width:30px!important;min-width:30px!important;height:30px!important}
  .toast{left:8px!important;right:8px!important;top:calc(66px + env(safe-area-inset-top))!important;bottom:auto!important;width:auto!important;max-width:none!important;text-align:center!important}
  .v15-network-banner{top:calc(66px + env(safe-area-inset-top))!important}

  /* Small support button remains available without sitting on top of the composer. */
  .v12-support-fab{display:grid!important;place-items:center!important;right:9px!important;bottom:calc(var(--mobile-nav-h) + 112px + env(safe-area-inset-bottom))!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:12px!important;z-index:58!important}.v12-support-fab b{display:none!important}
  .v12-support-rail{width:100vw!important;max-width:100vw!important;height:var(--app-vh,100dvh)!important;top:0!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}

  /* Bottom-sheet modals fit in Instagram/Chrome WebViews and respect the keyboard. */
  .modal-backdrop{padding:0!important;align-items:end!important;overflow:hidden!important}
  .modal,.billing-modal,.workspace-modal,.security-center-modal,.v12-siem-modal,.intel-modal,.mitre-updates-modal{width:100%!important;max-width:100%!important;max-height:calc(var(--app-vh,100dvh) - env(safe-area-inset-top))!important;border-radius:20px 20px 0 0!important;margin:0!important;padding-bottom:calc(15px + env(safe-area-inset-bottom))!important;overflow:auto!important}
  .v15-command-backdrop{padding:calc(66px + env(safe-area-inset-top)) 8px 8px!important;align-items:start!important}.v15-command{max-height:calc(var(--app-vh,100dvh) - 82px)!important;border-radius:16px!important}.v15-command-list{max-height:calc(var(--app-vh,100dvh) - 170px)!important}.v15-command-footer{display:none!important}

  img,svg,canvas,video{max-width:100%;height:auto}
  body.keyboard-open .main{padding-bottom:env(safe-area-inset-bottom)!important}
  body.keyboard-open .composer-wrap{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
  body.keyboard-open .mobile-bottom-nav,body.keyboard-open .v12-support-fab{display:none!important}
}

@media (max-width:430px){
  .content{padding-inline:8px!important}
  .hero{padding:17px 13px 15px!important}
  .hero-copy h1{font-size:clamp(31px,9.4vw,37px)!important}
  .hero-copy p{font-size:11.8px!important}
  .hero-badges span:nth-child(n+3){display:none!important}
  .guest-mode-note{grid-template-columns:1fr!important}.guest-mode-note b,.guest-mode-note span,.guest-mode-note button{grid-column:1!important;grid-row:auto!important}.guest-mode-note button{justify-self:start!important}
  .quick-card{min-height:108px!important;padding:10px!important}
  .mobile-top-brand small{display:none!important}
}

@media (max-width:350px){
  .quick-grid{grid-template-columns:1fr!important}
  .hero-copy h1{font-size:31px!important}
  .mobile-top-brand b{font-size:11px!important}
  .install-top-btn{display:none!important}
}

/* ==========================================================
   CybrSecAI 17.0 NEON COMMAND — precision UI / responsive polish
   This block is intentionally last and resolves legacy cascade
   conflicts from app.css, v12.css and earlier v15 rules.
   ========================================================== */
:root{
  --v152-content:1260px;
  --v152-composer:1120px;
  --v152-panel:#07151d;
  --v152-panel-2:#091b24;
  --v152-border:rgba(111,232,199,.13);
  --v152-border-hover:rgba(103,244,199,.23);
  --v152-muted:#91a7b2;
  --v152-soft:#6d838e;
  --v152-touch:44px;
}
html,body{max-width:100%;overflow-x:hidden}
body{font-kerning:normal}
button,a,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
.main,.chat-shell,.messages,.content,.hero,.hero-stage,.hero-copy,.quick-grid,.composer-wrap,.composer{min-width:0}

/* Desktop workspace: denser information, larger readable controls, less dead space. */
@media (min-width:1024px){
  .topbar{height:62px!important;padding-inline:20px!important}
  .top-actions>button,.v15-command-trigger{min-height:38px!important;font-size:11px!important}
  .model-pill{min-height:35px!important;padding-inline:12px!important;font-size:10.5px!important}
  .messages{
    overflow-x:hidden!important;
    scrollbar-gutter:stable;
  }
  .content{
    width:min(var(--v152-content),calc(100% - 36px))!important;
    max-width:var(--v152-content)!important;
    margin:0 auto!important;
    padding-top:0!important;
  }
  .hero{
    width:100%!important;
    padding:30px 32px 28px!important;
    border-radius:22px!important;
  }
  .hero-stage{
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)!important;
    gap:34px!important;
    min-height:305px!important;
    align-items:center!important;
  }
  .hero-copy h1{
    font-size:clamp(46px,3.7vw,68px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
  }
  .hero-copy p{
    max-width:720px!important;
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.62!important;
    color:var(--v152-muted)!important;
  }
  .hero-badges{gap:7px!important;margin-top:15px!important}
  .hero-badges span{min-height:31px!important;padding:7px 9px!important;font-size:9px!important}
  .security-posture{margin-top:8px!important}
  .security-posture>div{min-height:28px!important;font-size:8.6px!important}
  .guest-mode-note{
    margin-top:11px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:10px!important;
  }
  .hero-visual{min-height:300px!important}
  .hero-visual-halo{width:350px!important;height:350px!important}
  .cyber-globe{width:260px!important;height:260px!important}
  .quick-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:14px!important;
  }
  .quick-card{
    min-height:138px!important;
    padding:15px 16px!important;
    border-radius:15px!important;
    background:linear-gradient(155deg,rgba(10,31,39,.93),rgba(6,19,26,.97))!important;
    border-color:rgba(119,186,198,.11)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.012)!important;
  }
  .quick-card:hover{
    transform:translateY(-2px)!important;
    border-color:var(--v152-border-hover)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.018)!important;
  }
  .quick-card-top{margin-bottom:10px!important}
  .quick-card-top .quick-icon{width:36px!important;height:36px!important;border-radius:10px!important;font-size:12px!important}
  .quick-arrow{width:28px!important;height:28px!important}
  .quick-card>b{font-size:12.5px!important;line-height:1.25!important}
  .quick-card>span:not(.quick-arrow){margin-top:6px!important;font-size:10.4px!important;line-height:1.48!important;color:#8298a4!important}
  .composer-wrap{
    padding:14px 24px 17px!important;
    background:linear-gradient(180deg,rgba(3,8,12,0),rgba(3,8,12,.86) 28%,#03080c 68%)!important;
  }
  .composer{
    width:min(var(--v152-composer),calc(100% - 28px))!important;
    max-width:var(--v152-composer)!important;
    border-radius:17px!important;
    padding:9px!important;
  }
  .composer textarea{
    min-height:48px!important;
    max-height:150px!important;
    padding:9px 10px 5px!important;
    font-size:13.5px!important;
    line-height:1.45!important;
  }
  .composer textarea::placeholder{color:#5f7580!important}
  .composer-footer{padding-top:4px!important}
  .tool-btn{height:36px!important;padding-inline:10px!important;font-size:9.5px!important;border-radius:9px!important}
  .send{width:42px!important;height:42px!important;border-radius:11px!important}
  .footer-note{margin-top:6px!important;font-size:8.5px!important}
  .v12-support-fab{right:18px!important;bottom:18px!important;height:38px!important}
}

/* Mid-size laptops/tablets: preserve hierarchy without squeezing cards. */
@media (min-width:761px) and (max-width:1180px){
  .content{width:calc(100% - 24px)!important}
  .hero{padding:24px!important}
  .hero-stage{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;gap:22px!important}
  .hero-copy h1{font-size:clamp(40px,5vw,56px)!important}
  .hero-visual-halo{width:280px!important;height:280px!important}
  .cyber-globe{width:210px!important;height:210px!important}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-card{min-height:118px!important}
  .composer{width:min(920px,calc(100% - 24px))!important}
}

/* Mobile/PWA: one viewport, no horizontal escape, readable text, stable composer. */
@media (max-width:760px){
  :root{--v15-topbar-h:60px;--mobile-nav-h:68px}
  html{width:100%;height:100%;overflow:hidden!important;background:#03080c}
  body{
    width:100%!important;
    height:var(--app-vh,100dvh)!important;
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#03080c!important;
  }
  .app{
    width:100%!important;
    height:var(--app-vh,100dvh)!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  .main{
    width:100%!important;
    height:var(--app-vh,100dvh)!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  .topbar{
    position:relative!important;
    flex:0 0 calc(60px + env(safe-area-inset-top))!important;
    width:100%!important;
    height:calc(60px + env(safe-area-inset-top))!important;
    min-height:calc(60px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
    background:rgba(3,10,15,.975)!important;
  }
  .top-left{min-width:0!important;flex:1 1 auto!important;gap:8px!important}
  .menu-btn,.v15-command-trigger,.install-top-btn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:12px!important;
  }
  .mobile-top-brand{min-width:0!important;max-width:calc(100vw - 154px)!important}
  .mobile-top-brand img{width:31px!important;height:31px!important;flex-basis:31px!important}
  .mobile-top-brand b{font-size:12.5px!important}
  .mobile-top-brand small{font-size:7.4px!important;color:#6b828c!important}
  .top-actions{gap:5px!important}

  .chat-shell{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .messages{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scroll-padding-bottom:16px!important;
  }
  .content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px 15px!important;
    overflow:visible!important;
  }
  .hero{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:17px 14px 15px!important;
    border-radius:17px!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  .hero-stage{display:block!important;min-height:0!important}
  .hero-copy{width:100%!important;min-width:0!important}
  .hero-copy .eyebrow{
    max-width:100%!important;
    min-height:27px!important;
    margin:0 0 11px!important;
    padding:6px 8px!important;
    font-size:7.8px!important;
    letter-spacing:.09em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .hero-copy h1{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(33px,9.6vw,40px)!important;
    line-height:1.01!important;
    letter-spacing:-.052em!important;
    text-align:left!important;
    text-wrap:balance!important;
  }
  .hero-copy p{
    max-width:none!important;
    margin:12px 0 0!important;
    font-size:12.7px!important;
    line-height:1.55!important;
    color:#92a7b1!important;
    text-align:left!important;
  }
  .hero-badges{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin:12px 0 0!important;
    overflow:visible!important;
  }
  .hero-badges span{
    min-width:0!important;
    min-height:33px!important;
    padding:7px 8px!important;
    border-radius:9px!important;
    font-size:9px!important;
    line-height:1.22!important;
    white-space:normal!important;
    justify-content:flex-start!important;
  }
  .security-posture{display:none!important}
  .guest-mode-note{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 8px!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:10px 11px!important;
    border-radius:12px!important;
  }
  .guest-mode-note b{font-size:10.5px!important}
  .guest-mode-note span{grid-column:1/-1!important;font-size:9.5px!important;line-height:1.42!important}
  .guest-mode-note button{min-height:32px!important;padding-inline:10px!important;font-size:8.5px!important}
  .hero-visual{display:none!important}

  .quick-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .quick-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:122px!important;
    padding:11px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }
  .quick-card-top{margin-bottom:8px!important}
  .quick-card-top .quick-icon{width:32px!important;height:32px!important;font-size:11px!important}
  .quick-arrow{width:26px!important;height:26px!important}
  .quick-card>b{font-size:11.4px!important;line-height:1.25!important}
  .quick-card>span:not(.quick-arrow){
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1.38!important;
    color:#8297a2!important;
  }

  .composer-wrap{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:25!important;
    flex:0 0 auto!important;
    width:100%!important;
    padding:7px 8px 8px!important;
    background:linear-gradient(180deg,rgba(3,8,12,.72),#03080c 28%)!important;
    border-top:1px solid rgba(255,255,255,.035)!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.22)!important;
  }
  .composer{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:7px!important;
    border-radius:15px!important;
    box-shadow:0 10px 30px rgba(0,0,0,.25)!important;
  }
  .composer-label-row{display:none!important}
  .composer textarea,.composer textarea:focus,.composer textarea:focus-visible{
    width:100%!important;
    min-height:44px!important;
    max-height:96px!important;
    margin:0!important;
    padding:9px 9px 6px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    font-size:16px!important;
    line-height:1.42!important;
  }
  .composer textarea::placeholder{font-size:13px!important;color:#5d737e!important}
  .composer-footer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:7px!important;
    padding:3px 1px 0!important;
  }
  .tools{
    display:flex!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    max-width:100%!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tools::-webkit-scrollbar{display:none!important}
  .tool-btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  .send{
    grid-column:2!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
  }
  .footer-note{display:none!important}

  .mobile-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    padding:5px max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left))!important;
    overflow:visible!important;
  }
  .mobile-nav-item{
    min-width:0!important;
    min-height:54px!important;
    border-radius:12px!important;
    gap:3px!important;
  }
  .mobile-nav-item span{font-size:18px!important}
  .mobile-nav-item b{font-size:8.4px!important;line-height:1!important}
  .mobile-nav-new{
    width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin-top:-8px!important;
    border-radius:15px!important;
  }
  .mobile-nav-new b{top:51px!important;font-size:8px!important}

  .v15-update-toast,.toast{
    left:9px!important;
    right:9px!important;
    top:calc(68px + env(safe-area-inset-top))!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
  }
  .v15-update-toast{min-height:48px!important;padding:9px 9px 9px 11px!important}
  .v15-update-toast b{font-size:10px!important}
  .v15-update-toast small{font-size:8px!important}
  .v15-network-banner{top:calc(68px + env(safe-area-inset-top))!important}
  .v12-support-fab{
    right:10px!important;
    bottom:calc(var(--mobile-nav-h) + 116px + env(safe-area-inset-bottom))!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .v12-support-fab b{display:none!important}
  .v12-support-rail{
    width:100vw!important;
    max-width:100vw!important;
    height:var(--app-vh,100dvh)!important;
    top:0!important;
    padding-top:env(safe-area-inset-top)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .modal-backdrop{padding:0!important;align-items:end!important;overflow:hidden!important}
  .modal,.billing-modal,.workspace-modal,.security-center-modal,.v12-siem-modal,.intel-modal,.mitre-updates-modal{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(var(--app-vh,100dvh) - env(safe-area-inset-top))!important;
    margin:0!important;
    border-radius:20px 20px 0 0!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }
  input,select,textarea{font-size:16px}
  body.keyboard-open .main{padding-bottom:env(safe-area-inset-bottom)!important}
  body.keyboard-open .mobile-bottom-nav,
  body.keyboard-open .v12-support-fab{display:none!important}
  body.keyboard-open .composer-wrap{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
}

/* Small phones should never force microscopic cards. */
@media (max-width:374px){
  .mobile-top-brand small{display:none!important}
  .quick-grid{grid-template-columns:1fr!important}
  .quick-card{
    min-height:96px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
  }
  .quick-card-top{grid-row:1/-1!important;margin:0!important;align-self:start!important}
  .quick-card-top .quick-arrow{display:none!important}
  .quick-card>b{grid-column:2!important;font-size:12px!important}
  .quick-card>span:not(.quick-arrow){grid-column:2!important;-webkit-line-clamp:2!important;font-size:10.2px!important}
  .hero-copy h1{font-size:31px!important}
  .hero-badges{grid-template-columns:1fr!important}
  .hero-badges span:nth-child(n+3){display:none!important}
  .guest-mode-note{grid-template-columns:1fr!important}
  .guest-mode-note button{grid-column:1!important;grid-row:auto!important;justify-self:start!important}
  .install-top-btn{display:none!important}
}

/* Coarse pointers: keep all primary tap targets comfortable. */
@media (pointer:coarse){
  .nav-btn,.side-action,.ghost-btn,.primary-small,.install-top-btn,.notify-btn,.v15-command-trigger{min-height:var(--v152-touch)}
}

/* Standalone PWA/native shells get a slightly calmer chrome. */
@media (display-mode:standalone){
  .topbar{box-shadow:0 8px 30px rgba(0,0,0,.16)}
  .main:before{opacity:.10!important}
}

/* High-resolution desktop: never let typography become visually tiny. */
@media (min-width:1700px) and (min-height:850px){
  .content{width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important}
  .hero-copy p{font-size:14.5px!important}
  .quick-card>b{font-size:13px!important}
  .quick-card>span:not(.quick-arrow){font-size:10.8px!important}
  .composer{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important}
}

/* 15.2 compact desktop viewport: keep all 8 launch cards reachable without visual dead space. */
@media (min-width:1024px) and (max-height:940px){
  .hero{padding:22px 26px 21px!important}
  .hero-stage{min-height:250px!important;gap:26px!important}
  .hero-copy h1{font-size:clamp(42px,3.4vw,56px)!important}
  .hero-copy p{margin-top:12px!important;font-size:12.8px!important;line-height:1.5!important}
  .hero-badges{margin-top:11px!important}
  .hero-badges span{min-height:28px!important;padding:6px 8px!important;font-size:8.5px!important}
  .security-posture{display:none!important}
  .guest-mode-note{margin-top:8px!important;padding:8px 10px!important}
  .hero-visual{min-height:245px!important}
  .hero-visual-halo{width:290px!important;height:290px!important}
  .cyber-globe{width:220px!important;height:220px!important}
  .quick-grid{margin-top:10px!important;gap:8px!important}
  .quick-card{min-height:108px!important;padding:11px 13px!important}
  .quick-card-top{margin-bottom:7px!important}
  .quick-card-top .quick-icon{width:32px!important;height:32px!important}
  .quick-card>b{font-size:11.5px!important}
  .quick-card>span:not(.quick-arrow){margin-top:4px!important;font-size:9.6px!important;line-height:1.38!important}
  .composer-wrap{padding-top:10px!important;padding-bottom:12px!important}
  .composer textarea{min-height:42px!important}
}

/* Restore meaningful voice labels on normal phone widths; very small phones keep icon-only controls. */
@media (min-width:375px) and (max-width:760px){
  .voice-btn #voiceBtnLabel,.voice-output-btn #voiceOutputLabel{display:inline!important}
  .voice-btn,.voice-output-btn{width:auto!important;min-width:auto!important;padding-inline:9px!important;justify-content:center!important}
}
@media (max-width:374px){
  .voice-btn #voiceBtnLabel,.voice-output-btn #voiceOutputLabel{display:none!important}
  .voice-btn,.voice-output-btn{width:36px!important;padding:0!important;justify-content:center!important}
}



/* Narrow phones: keep voice controls understandable without stealing composer width. */
@media (min-width:375px) and (max-width:430px){
  #voiceBtnLabel,#voiceOutputLabel{font-size:0!important}
  #voiceBtnLabel::after{content:"Sesli";font-size:9px!important}
  #voiceOutputLabel::after{content:"Yanıt";font-size:9px!important}
}