/* Borbolla OS — original compact security dashboard using near-black/neon-green design patterns. */
#bo-root{--bo-green:#33e08a;--bo-green2:#26bb76;--bo-bg:#050607;--bo-panel:#0f1216;--bo-line:#252d2b;--bo-text:#edf1f3;--bo-muted:#9aaba8;--bo-accent:#33e08a;--bo-purple:transparent;background:#050607!important;color:#edf1f3!important;font-family:Inter,"Space Grotesk",system-ui,sans-serif}
#bo-root .bo-v15-matrix{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.36;mask-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.46) 24%,rgba(0,0,0,.5) 76%,rgba(0,0,0,.87))}
#bo-root .bo-gridbg{opacity:.36;inset:0;background-image:linear-gradient(rgba(51,224,138,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(51,224,138,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:none}
#bo-root .bo-scan{opacity:.065}
#bo-root .bo-top{height:62px;margin:0;border:0;border-bottom:1px solid #222b29;border-radius:0;background:rgba(5,6,7,.96);padding:0 clamp(12px,2vw,32px);box-shadow:none;backdrop-filter:blur(10px)}
#bo-root .bo-brand{font:500 11px/1.3 "JetBrains Mono",monospace;letter-spacing:.1em;color:#33e08a}
#bo-root .bo-brand strong{color:#edf1f3;font-weight:700}
#bo-root .bo-brand span:last-child{color:#33e08a}
#bo-root .bo-status{border:0;border-radius:6px;background:#101614;padding:8px 12px;color:#a2b2ab;font:10px "JetBrains Mono",monospace;box-shadow:inset 0 0 0 1px #242c28}
#bo-root .bo-status b{color:#33e08a;font-weight:600}
#bo-root .bo-top-actions{gap:8px}
#bo-root .bo-top-actions button{border-radius:7px;border:1px solid #303937;background:#101413;color:#dce9e2;padding:8px 12px;box-shadow:none;min-height:34px}
#bo-root .bo-top-actions button:hover{background:#18261e;color:#6affb2;border-color:#3b7957}
#bo-root .bo-desktop{inset:62px 0 0;padding:0 0 66px;overflow:auto;background:transparent}
#bo-root .bo-v15-frame{display:grid;grid-template-columns:242px minmax(0,1fr);width:min(1480px,100%);min-height:100%;margin:auto;position:relative;isolation:isolate;background:rgba(5,6,7,.10)}
#bo-root .bo-v15-sidebar{display:flex;flex-direction:column;position:sticky;top:0;align-self:start;height:calc(100dvh - 62px);min-height:560px;padding:22px 13px 18px;border-right:1px solid #243029;background:rgba(8,11,11,.96);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#253d2f #0c110e;z-index:3}
#bo-root .bo-v15-sidebrand{display:flex;align-items:center;gap:11px;border-bottom:1px solid #1f2b24;padding:2px 10px 22px;margin-bottom:22px}
#bo-root .bo-v15-brandmark{width:35px;height:35px;background:#33e08a;border-radius:8px;display:grid;place-items:center;color:#08140e;font:700 19px "JetBrains Mono",monospace}
#bo-root .bo-v15-brandtext strong,#bo-root .bo-v15-brandtext small{display:block}
#bo-root .bo-v15-brandtext strong{font:700 13px Inter,"Space Grotesk",sans-serif;color:#f4fff7;letter-spacing:.025em}
#bo-root .bo-v15-brandtext small{font:10px/1.7 "JetBrains Mono",monospace;color:#63e6a3;letter-spacing:.085em}
#bo-root .bo-v15-navlabel{color:#7f998a;letter-spacing:.13em;font:9px/1.6 "JetBrains Mono",monospace;margin:0 10px 10px}
#bo-root .bo-v15-nav{display:grid;gap:5px}
#bo-root .bo-v15-navitem{display:flex;align-items:center;gap:11px;text-align:left;padding:10px 9px;border:1px solid transparent;border-radius:8px;cursor:pointer;background:transparent;color:#cbd9d0;min-height:57px;font-family:Inter,"Space Grotesk",sans-serif;transition:background .16s,border-color .16s}
#bo-root .bo-v15-navitem:hover,#bo-root .bo-v15-navitem.is-current{background:#112019;border-color:#264a36;color:#e9fff2}
#bo-root .bo-v15-navnum{flex:0 0 27px;height:27px;display:grid;place-items:center;color:#33e08a;font:700 11px "JetBrains Mono",monospace;background:#13221a;border:1px solid #304638;border-radius:6px}
#bo-root .bo-v15-navcopy{min-width:0;flex:1}
#bo-root .bo-v15-navcopy strong{display:block;font:600 11px/1.45 Inter,"Space Grotesk",sans-serif;color:#d8e7de}
#bo-root .bo-v15-navcopy small{display:block;font:9px/1.45 "JetBrains Mono",monospace;color:#8ca397;margin-top:3px}
#bo-root .bo-v15-navarrow{font-size:14px;color:#61c18f}
#bo-root .bo-v15-sidefooter{margin-top:auto;border-top:1px solid #213027;padding-top:20px}
#bo-root .bo-v15-ctilink{width:100%;border:1px solid #304437;background:#12251b;color:#bdf5d3;border-radius:8px;padding:10px 9px;font:600 11px Inter,"Space Grotesk",sans-serif;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}
#bo-root .bo-v15-ctilink:hover{border-color:#33e08a;background:#183b27}
#bo-root .bo-v15-cti-icon{color:#33e08a;font-size:16px}
#bo-root .bo-v15-sidefootnote{color:#6a987b;margin:16px 10px 0;font:9px/1.6 "JetBrains Mono",monospace}
#bo-root .bo-v15-workspace{width:100%;min-width:0;padding:clamp(18px,3vw,42px);padding-bottom:90px}
#bo-root .bo-intro{display:block;max-width:none;padding:26px clamp(18px,2.5vw,35px);margin:0 0 20px;background:linear-gradient(115deg,rgba(16,24,20,.98),rgba(10,14,12,.97));border:1px solid #294333;border-radius:10px;box-shadow:none;position:relative;overflow:hidden}
#bo-root .bo-intro:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#33e08a}
#bo-root .bo-kicker{font:700 10px/1.5 "JetBrains Mono",monospace;letter-spacing:.18em;color:#33e08a}
#bo-root .bo-intro h2{font:750 clamp(31px,4.4vw,59px)/1.03 Inter,"Space Grotesk",sans-serif;letter-spacing:-.055em;margin:10px 0 12px;color:#f1f6f2;max-width:970px}
#bo-root .bo-intro p{font:12px/1.8 Inter,"Space Grotesk",sans-serif;color:#a7bdb1;max-width:790px}
#bo-root .bo-intro .bo-command{color:#6bffc0;font-family:"JetBrains Mono",monospace}
#bo-root .bo-v15-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px}
#bo-root .bo-v15-metric{padding:16px 20px 15px;border:1px solid #242b27;border-radius:8px;background:rgba(15,18,17,.96);box-shadow:none}
#bo-root .bo-v15-metric-label{color:#91aa9d;letter-spacing:.08em;font:10px/1.4 "JetBrains Mono",monospace}
#bo-root .bo-v15-metric-value{display:block;color:#f0f7f2;font:750 clamp(22px,2.5vw,32px)/1.4 Inter,"Space Grotesk",sans-serif;margin:3px 0 0;letter-spacing:-.03em}
#bo-root .bo-v15-metric:first-child .bo-v15-metric-value{color:#33e08a}
#bo-root .bo-v15-metric-sub{color:#8d9f95;font:10px/1.5 Inter,"Space Grotesk",sans-serif}
#bo-root .bo-v15-sectionbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}
#bo-root .bo-v15-kicker{font:9px/1.6 "JetBrains Mono",monospace;color:#62d99a;letter-spacing:.12em}
#bo-root .bo-v15-sectionbar h3{font:700 18px/1.35 Inter,"Space Grotesk",sans-serif;margin:2px 0;color:#e9f6ed}
#bo-root .bo-v15-counter{border:1px solid #2a3b30;border-radius:5px;color:#9aeabc;background:#122019;padding:7px 9px;font:9px "JetBrains Mono",monospace;white-space:nowrap}
#bo-root .bo-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:none;margin:0}
#bo-root .bo-app{display:flex;flex-direction:column;align-items:flex-start;min-height:166px;text-align:left;border:1px solid #2b332e;border-radius:8px;background:#0f1211;padding:17px;box-shadow:none;color:#e0ece4;transition:transform .2s ease,background .2s ease,border-color .2s ease}
#bo-root .bo-app:hover{transform:translateY(-3px);border-color:#33e08a;background:#151d17;box-shadow:0 8px 22px rgba(0,0,0,.15)}
#bo-root .bo-app:focus-visible,#bo-root .bo-v15-navitem:focus-visible,#bo-root .bo-v15-ctilink:focus-visible,#bo-root .bo-v15-menu:focus-visible{outline:2px solid #33e08a;outline-offset:3px}
#bo-root .bo-app-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;margin:0 0 12px;border-radius:8px;border:1px solid #29523a;color:#65fca9;background:#10291c;font:700 13px/1 "JetBrains Mono",monospace;box-shadow:none}
#bo-root .bo-app b{font:700 13px/1.5 Inter,"Space Grotesk",sans-serif;color:#ebf5ed}
#bo-root .bo-app span:not(.bo-app-icon):not(.bo-v15-cardaction){display:block;font:11px/1.55 Inter,"Space Grotesk",sans-serif;color:#a5b3ab;margin-top:4px}
#bo-root .bo-v15-cardaction{margin-top:auto;padding-top:13px;color:#6cdda1;font:700 9px/1.3 "JetBrains Mono",monospace;letter-spacing:.08em}
#bo-root .bo-dock{left:calc(50% + 121px);transform:translateX(-50%);right:auto;bottom:12px;width:max-content;max-width:calc(100vw - 270px);height:47px;border:1px solid #2c3e31;border-radius:8px;padding:0 10px;background:rgba(8,11,9,.97);box-shadow:0 9px 26px rgba(0,0,0,.44);backdrop-filter:blur(10px)}
#bo-root .bo-dock button{height:31px;border-radius:6px;border:1px solid #303d33;background:#121916;color:#c7ddcf;font:10px "JetBrains Mono",monospace}
#bo-root .bo-dock button:hover{color:#3fffa2;border-color:#318957;background:#1c3123}
#bo-root .bo-window{width:min(1050px,calc(100vw - 278px));height:min(740px,calc(100dvh - 102px));max-height:none;left:calc(50% + 121px);top:50%;transform:translate(-50%,-50%);background:#0b0f0e;border:1px solid #2f533b;border-radius:9px;box-shadow:0 28px 80px rgba(0,0,0,.70);backdrop-filter:none}
#bo-root .bo-titlebar{height:41px;background:#111916;border-bottom:1px solid #304838;padding:0 14px}
#bo-root .bo-title{font:10px "JetBrains Mono",monospace;color:#adc2b4}
#bo-root .bo-window .bo-body{height:calc(100% - 41px);background:rgba(7,12,9,.98);padding:clamp(11px,1.8vw,22px)}
#bo-root .bo-window.bo-minimized{height:41px;min-height:41px}
#bo-root .bo-window.bo-maximized{left:10px;top:72px;transform:none;width:calc(100vw - 20px);height:calc(100dvh - 83px);border-radius:9px}
#bo-root .bo-window .bo-dot{box-shadow:none}
#bo-root .bo-v2-section{background:#101715!important;border-color:#314b3a!important;border-radius:9px!important;color:#e2efe7!important}
#bo-root .bo-v2-panel,#bo-root .bo-v2-detail,#bo-root .bo-v2-story,#bo-root .bo-v2-evidence,#bo-root .bo-v2-compare,#bo-root .bo-v2-hypothesis{border-color:#2a3c30!important;border-radius:8px!important;background:#0d1310!important;box-shadow:none!important}
#bo-root .bo-ac-card,#bo-root .bo-ac-profile,#bo-root .bo-ac-case,#bo-root .bo-ac-results,#bo-root .bo-cr-track-summary,#bo-root .bo-cr-stage{background:#111713!important;border-color:#2a3d32!important;border-radius:8px!important;box-shadow:none!important}
#bo-root .bo-v2-btn,#bo-root .bo-v2-tab,#bo-root .bo-v2-mini,#bo-root .bo-v2-step,#bo-root .bo-v2-ttp,#bo-root .bo-v2-tech,#bo-root .bo-ac-btn,#bo-root .bo-ac-step,#bo-root .bo-cr-tab,#bo-root .bo-cr-check{background:#152219!important;color:#c3f6d9!important;border-color:#365640!important;border-radius:7px!important;box-shadow:none!important}
#bo-root .bo-v2-btn:hover,#bo-root .bo-v2-tab:hover,#bo-root .bo-v2-mini:hover,#bo-root .bo-v2-step:hover,#bo-root .bo-v2-ttp:hover,#bo-root .bo-v2-tech:hover,#bo-root .bo-ac-btn:hover,#bo-root .bo-ac-step:hover,#bo-root .bo-cr-tab:hover{background:#23442c!important;border-color:#33e08a!important}
#bo-root .bo-v2-title,#bo-root .bo-ac-title,#bo-root .bo-cr-heading{color:#edf1f3!important}
#bo-root .bo-v2-eyebrow,#bo-root .bo-cr-badge,#bo-root .bo-ac-badges{color:#33e08a!important}
#bo-root .bo-v2-lead,#bo-root .bo-v2-note,#bo-root .bo-ac-lead,#bo-root .bo-cr-lead{color:#a7b7ad!important}
#bo-root .bo-v15-backdrop,#bo-root .bo-v15-menu{display:none}
@media(max-width:1180px){#bo-root .bo-v15-frame{grid-template-columns:210px minmax(0,1fr)}#bo-root .bo-window{width:calc(100vw - 244px);left:calc(50% + 105px)}#bo-root .bo-dock{left:calc(50% + 105px)}#bo-root .bo-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){#bo-root .bo-v15-frame{display:block}#bo-root .bo-v15-sidebar{position:fixed;z-index:55;top:62px;bottom:0;left:0;width:min(285px,88vw);height:calc(100dvh - 62px);min-height:0;transform:translateX(-110%);transition:transform .22s ease;box-shadow:0 20px 60px rgba(0,0,0,.5)}#bo-root.bo-v15-nav-open .bo-v15-sidebar{transform:translateX(0)}#bo-root .bo-v15-backdrop{display:none;position:fixed;z-index:54;inset:62px 0 0;opacity:.92;background:rgba(0,0,0,.70);border:0;border-radius:0}#bo-root.bo-v15-nav-open .bo-v15-backdrop{display:block}#bo-root .bo-v15-menu{display:inline-flex;align-items:center;gap:7px}#bo-root .bo-v15-workspace{padding:18px 14px 110px}#bo-root .bo-dock{left:50%;max-width:calc(100vw - 18px);padding:0 6px;gap:4px}#bo-root .bo-window{width:calc(100vw - 20px);left:50%;height:calc(100dvh - 92px)}#bo-root .bo-window.bo-maximized{left:5px;top:66px;width:calc(100vw - 10px);height:calc(100dvh - 75px)}#bo-root .bo-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#bo-root .bo-v15-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#bo-root .bo-v15-metric{padding:12px}#bo-root .bo-v15-metric-label{font-size:9px}}
@media(max-width:560px){#bo-root .bo-top{padding:0 10px;min-height:55px;height:55px;margin:0;flex-wrap:nowrap}#bo-root .bo-brand{gap:4px;font-size:9px;letter-spacing:.01em}#bo-root .bo-brand span:last-child{font-size:8px}#bo-root .bo-top-actions{gap:5px}#bo-root .bo-top-actions button{min-height:31px;padding:6px 7px;font-size:9px}#bo-root .bo-v15-menu span:last-child{display:none}#bo-root .bo-desktop{inset:55px 0 0}#bo-root .bo-v15-sidebar{top:55px;height:calc(100dvh - 55px)}#bo-root .bo-v15-backdrop{inset:55px 0 0}#bo-root .bo-v15-workspace{padding:13px 10px 108px}#bo-root .bo-intro{padding:19px 15px;margin-bottom:12px}#bo-root .bo-intro h2{font-size:clamp(28px,8.5vw,40px)}#bo-root .bo-intro p{font-size:11px;line-height:1.65}#bo-root .bo-v15-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}#bo-root .bo-v15-metric:last-child{grid-column:span 2}#bo-root .bo-v15-metric{padding:10px 11px}#bo-root .bo-v15-metric-value{font-size:24px}#bo-root .bo-v15-sectionbar h3{font-size:16px}#bo-root .bo-app-grid{gap:8px}#bo-root .bo-app{padding:13px;min-height:166px}#bo-root .bo-app b{font-size:12px}#bo-root .bo-app span:not(.bo-app-icon):not(.bo-v15-cardaction){font-size:10px}#bo-root .bo-v15-cardaction{font-size:8px}#bo-root .bo-dock{bottom:5px;max-width:calc(100vw - 8px);height:44px;gap:3px}#bo-root .bo-dock button{font-size:9px;padding:0 7px}#bo-root .bo-window{width:calc(100vw - 8px);left:50%;top:calc(50% + 16px);height:calc(100dvh - 82px)}#bo-root .bo-window.bo-maximized{left:4px;top:58px;width:calc(100vw - 8px);height:calc(100dvh - 66px)}#bo-root .bo-window .bo-body{padding:9px}}
@media(prefers-reduced-motion:reduce){#bo-root .bo-v15-sidebar,#bo-root .bo-app{transition:none!important}#bo-root .bo-v15-matrix{opacity:.19}}


/* v17 fit to viewport without page vertical scroll */
#bo-root .bo-desktop{height:calc(100dvh - 62px)!important;padding:0 0 0!important;overflow:hidden!important}
#bo-root .bo-v15-frame{height:100%!important;max-height:100%!important;align-items:stretch!important}
#bo-root .bo-v15-sidebar{height:100%!important;min-height:0!important;padding:18px 13px 16px!important}
#bo-root .bo-v15-sidebrand{padding:2px 10px 18px!important;margin-bottom:18px!important}
#bo-root .bo-v15-nav{gap:4px!important}
#bo-root .bo-v15-navitem{min-height:50px!important;padding:8px 9px!important}
#bo-root .bo-v15-navcopy strong{font-size:11px!important;line-height:1.35!important}
#bo-root .bo-v15-navcopy small{font-size:8px!important;line-height:1.35!important;margin-top:2px!important}
#bo-root .bo-v15-sidefooter{padding-top:16px!important}
#bo-root .bo-v15-workspace{height:100%!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:12px!important;padding:18px 22px 74px!important;overflow:hidden!important;align-content:stretch!important}
#bo-root .bo-intro{padding:18px 28px!important;margin:0!important}
#bo-root .bo-intro h2{font-size:clamp(28px,3.8vw,56px)!important;line-height:1.02!important;margin:8px 0 10px!important;max-width:920px!important}
#bo-root .bo-intro p{font-size:11px!important;line-height:1.65!important;max-width:760px!important}
#bo-root .bo-v15-sectionbar{margin:0!important}
#bo-root .bo-v15-sectionbar h3{font-size:17px!important}
#bo-root .bo-v15-counter{padding:6px 8px!important;font-size:8px!important}
#bo-root .bo-app-grid{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:11px!important;align-content:stretch!important;overflow:hidden!important}
#bo-root .bo-app{min-height:0!important;padding:15px 16px!important;justify-content:flex-start!important}
#bo-root .bo-app-icon{margin-bottom:10px!important}
#bo-root .bo-app b{font-size:12px!important;line-height:1.4!important}
#bo-root .bo-app span:not(.bo-app-icon):not(.bo-v15-cardaction){font-size:10px!important;line-height:1.45!important;margin-top:3px!important}
#bo-root .bo-v15-cardaction{padding-top:10px!important;margin-top:auto!important;font-size:8px!important}
#bo-root .bo-dock{bottom:8px!important;height:40px!important;padding:0 8px!important}
#bo-root .bo-dock button{height:28px!important;font-size:9px!important;padding:0 10px!important}
@media (max-height:900px){#bo-root .bo-v15-workspace{padding:14px 18px 64px!important;gap:10px!important}#bo-root .bo-intro{padding:16px 22px!important}#bo-root .bo-intro h2{font-size:clamp(26px,3.4vw,48px)!important;margin:6px 0 8px!important}#bo-root .bo-intro p{font-size:10px!important;line-height:1.55!important}#bo-root .bo-v15-sectionbar h3{font-size:16px!important}#bo-root .bo-app-grid{gap:10px!important}#bo-root .bo-app{padding:13px 14px!important}#bo-root .bo-app-icon{width:34px!important;height:34px!important;flex-basis:34px!important;margin-bottom:8px!important;font-size:12px!important}#bo-root .bo-v15-navitem{min-height:46px!important;padding:7px 8px!important}#bo-root .bo-v15-sidebrand{padding-bottom:14px!important;margin-bottom:14px!important}}
@media(max-width:1180px){#bo-root .bo-v15-workspace{padding:16px 18px 72px!important}#bo-root .bo-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:auto!important;padding-right:4px!important}#bo-root .bo-desktop{overflow:hidden!important}}
@media(max-width:820px){#bo-root .bo-desktop{overflow:auto!important;height:auto!important}#bo-root .bo-v15-workspace{display:block!important;height:auto!important;overflow:visible!important;padding:18px 14px 110px!important}#bo-root .bo-app-grid{height:auto!important;overflow:visible!important;grid-auto-rows:auto!important}}

/* v18 mobile usability refinement */
@media(max-width:480px){
  #bo-root .bo-app-grid{grid-template-columns:1fr!important;gap:9px!important}
  #bo-root .bo-app{min-height:132px!important;padding:14px!important}
  #bo-root .bo-v15-workspace{padding-left:10px!important;padding-right:10px!important}
  #bo-root .bo-v15-sectionbar{align-items:flex-end!important}
  #bo-root .bo-v15-counter{font-size:8px!important}
}