/* ===== TRADEEP FINAL UI LAYER - loaded after styles.css, wins unconditionally ===== */
/* ===== FINAL APPROVED LAYOUT (source of truth from the live-page session) ===== */
aside#sidebar{position:fixed!important;top:56px!important;left:0!important;width:225px!important;height:calc(100vh - 56px)!important;padding-top:0!important;margin-top:0!important;border-top:2px solid transparent!important;transition:border-color .2s ease,box-shadow .2s ease!important}
aside#sidebar:hover{border-top-color:#ff0000!important;box-shadow:inset 0 3px 6px -3px rgba(255,0,0,.5)!important}
aside#sidebar:active{border-top-color:#b30000!important;border-top-width:3px!important}
#sidebar nav{margin-top:18px!important;display:grid!important;grid-template-columns:repeat(2,92px)!important;column-gap:6px!important;row-gap:9px!important}
nav .plugin-tile{width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important}
.sidebar-head{display:flex!important;justify-content:center!important;height:fit-content!important;margin:0!important;padding:0!important}
.sidebar-head::before{display:none!important}
.sidebar-head > span{display:block!important;margin-top:4px!important;text-align:center!important;color:#990000!important;line-height:1.5!important;transition:color .2s ease,text-shadow .2s ease!important}
.sidebar-head > span:hover{color:#ff6666!important}
.sidebar-head > span:active{color:#ffb3b3!important}
div#utilityDock{position:fixed!important;top:8px!important;left:8px!important;display:flex!important;gap:7px!important;z-index:10000!important}
div#liveIndicator{position:fixed!important;top:10px!important;left:93px!important;width:fit-content!important;height:auto!important;min-height:auto!important;padding:2px 4px!important;background-color:red;color:white;font-size:10px!important;font-weight:700!important;font-family:var(--font-uniform)!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;gap:0!important;margin:0!important;border:none!important;box-shadow:none!important;border-radius:4px!important;transition:none!important;z-index:10001!important}
div#operationLockIndicator{display:none!important}
/* identity + hide-nav fixes, per operator pass */
#hideSidebar{position:absolute!important;top:4px!important;right:2px!important;z-index:10002!important;min-height:28px!important;max-height:28px!important}

/* compact identity: orbit preserved full-size, guardian layers scaled only */
button#identity{position:fixed!important;top:4px!important;right:2px!important;transform:none!important;z-index:50!important;width:132px!important;height:150px!important;display:grid!important;place-items:center!important;background:none!important;border:none!important;overflow:visible!important;padding:0!important}
#identity span.guardian-stage{position:absolute!important;left:78px!important;top:41.5px!important;transform:translate(-50%,-50%)!important;width:118px!important;height:118px!important}
#identity .guardian-layer{transform:scale(.7)!important;transform-origin:center center!important}
#identity span.planet-orbit{position:absolute!important;top:50%!important;left:50%!important;width:92px!important;height:92px!important;transform-origin:50% 50%!important;z-index:-1!important;animation:none!important}
#identity:hover .guardian-agni,#identity:focus-visible .guardian-agni{animation:eye-ember .42s ease-in-out infinite alternate!important}
#identity:hover .mars::before,#identity:focus-visible .mars::before{animation:mars-flame .3s ease-in-out infinite alternate!important}
#identity span.wordmark{position:absolute!important;left:78px!important;top:65.75px!important;transform:translateX(-50%)!important;font-size:10px!important;font-weight:400!important;z-index:10005!important;display:block!important;text-align:center!important;white-space:nowrap!important}

/* dock toggles: perfect circles, red hover/active glow */
#workspaceToggle,#backendStatusToggle{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;aspect-ratio:1/1!important;border-radius:4px!important;padding:0!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;overflow:hidden!important}
#workspaceToggle:hover,#backendStatusToggle:hover{border-color:#ff0000!important;box-shadow:0 0 0 4px rgba(255,0,0,.85),0 0 16px rgba(255,0,0,.55)!important}
#workspaceToggle:active,#backendStatusToggle:active{border-color:#ff0000!important;box-shadow:0 0 12px rgba(255,0,0,.9)!important}

/* center-page watermark: same logo at 30% opacity, behind all content */
div#watermark{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:132px!important;height:150px!important;pointer-events:none!important;opacity:.3!important;z-index:1!important}
#watermark .guardian-stage{position:absolute!important;left:50%!important;top:41.5px!important;transform:translate(-50%,-50%)!important;width:118px!important;height:118px!important}
#watermark .guardian-layer{transform:scale(1.4)!important;transform-origin:center center!important}
#watermark .planet-orbit{position:absolute!important;top:50%!important;left:50%!important;width:184px!important;height:184px!important;transform:translate(-50%,-50%) rotate(14deg)!important;transform-origin:50% 50%!important;z-index:-1!important;animation:none!important;border:0.5px dashed rgba(190,200,210,.1)!important;border-radius:50%!important;box-sizing:border-box!important;-webkit-mask:repeating-linear-gradient(90deg,rgba(0,0,0,1) 0 26px,rgba(0,0,0,.8) 26px 34px,rgba(0,0,0,1) 34px 58px,rgba(0,0,0,.5) 58px 66px,rgba(0,0,0,1) 66px 90px,rgba(0,0,0,.7) 90px 98px);mask:repeating-linear-gradient(90deg,rgba(0,0,0,1) 0 26px,rgba(0,0,0,.8) 26px 34px,rgba(0,0,0,1) 34px 58px,rgba(0,0,0,.5) 58px 66px,rgba(0,0,0,1) 66px 90px,rgba(0,0,0,.7) 90px 98px)}
#watermark .mars{width:22px!important;height:22px!important;margin-left:-11px!important;top:50%!important;margin-top:-11px!important;border-radius:53% 47% 51% 49%/54% 52% 46% 48%!important}
#watermark .wordmark{position:absolute!important;left:50%!important;top:90px!important;transform:translateX(-50%)!important;font-size:12.5px!important;font-weight:400!important;display:block!important;text-align:center!important;white-space:nowrap!important}

#watermark .orbit-earth{width:422px!important;height:254px!important;left:calc(50% + 8px)!important;top:calc(50% - 10px)!important}
#watermark .orbit-mars{width:826px!important;height:496px!important}
#watermark .orbit-jupiter{width:1260px!important;height:756px!important;top:calc(50% + 10px)!important}
#watermark .earth{position:absolute;left:50%;top:50%;width:22px;height:22px;margin-left:-11px;margin-top:-11px;border-radius:52% 48% 55% 45%/56% 50% 48% 44%;opacity:.9;background:radial-gradient(circle at 35% 32%,#a5dcf5 0 9%,#4fa8d8 22%,#2f8fae 38%,#2e7d52 56%,#1d5c3c 74%,#0c3020 90%,#071c13 100%);box-shadow:0 0 9px rgba(110,200,235,.45)}
#watermark .jupiter{position:absolute;left:50%;top:50%;width:26px;height:26px;margin-left:-13px;margin-top:-13px;border-radius:51% 49% 54% 46%/53% 49% 51% 47%;opacity:.45;background:radial-gradient(circle at 35% 30%,#fbfcfe 0 7%,#e0e5e9 16%,#c3cbd1 30%,#b3a98f 42%,#a89b7d 52%,#8d9aa3 64%,#6f7e89 78%,#49565f 90%,#303c45 100%)}
#watermark .jupiter::after{content:"";position:absolute;inset:-3px;border-radius:50%;pointer-events:none;background:conic-gradient(from 12deg,transparent 0 14%,rgba(255,255,255,.6) 17% 21%,transparent 24% 38%,rgba(214,232,242,.45) 41% 46%,transparent 49% 63%,rgba(255,255,255,.55) 66% 70%,transparent 73% 100%);filter:blur(.6px)}

#watermark .moon{position:absolute!important;left:215px!important;top:-137.5px!important;width:26px!important;height:26px!important;border-radius:50%!important;z-index:-2!important;opacity:.55!important;background:radial-gradient(circle at 40% 38%,#f8faf6 0 15%,#dfe6ee 40%,#b9c5d2 72%,#96a5b8 100%);box-shadow:inset -12px 6px 14px -4px rgba(28,30,40,.75),inset -18px 12px 20px -8px rgba(28,30,40,.55),0 0 14px rgba(215,226,240,.45)}

/* dialogue popups: viewport-anchored, one row, condensed, minimal space */
.utility-panel{position:fixed!important;top:1px!important;left:52px!important;right:auto!important;width:max-content!important;max-width:calc(100vw - 60px)!important;padding:8px 10px!important;border-radius:8px!important}
#workspaceControlPanel{display:flex!important;flex-direction:row!important;gap:4px!important;right:auto!important;padding:6px 8px!important}
#workspaceControlPanel button{min-height:26px!important;max-height:26px!important;padding:3px 8px!important;font-family:'Roboto Condensed','Barlow Condensed','Archivo Narrow','Asap Condensed','Arial Narrow',sans-serif!important;font-size:10px!important;font-weight:400!important;border:none!important;border-radius:5px!important;background:transparent!important;color:#6fb3ff!important;white-space:nowrap!important}
#workspaceControlPanel button:hover{background:rgba(255,110,110,.26)!important;color:#9cc9ff!important}
#backendStatusPanel{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:6px 10px!important}
#backendStatusPanel .backend-link{font-family:'Roboto Condensed','Barlow Condensed','Archivo Narrow','Asap Condensed','Arial Narrow',sans-serif!important;font-size:13px!important;font-weight:400!important;font-style:normal!important;text-decoration:none!important;letter-spacing:.02em!important;color:var(--vintage-info-bright)!important}
#backendStatusPanel .backend-link:hover{color:#9fd8ff!important}
#backendStatusPanel #clock{font-family:'Roboto Condensed','Barlow Condensed','Archivo Narrow','Asap Condensed','Arial Narrow',sans-serif!important;font-size:13px!important;font-weight:400!important;font-style:normal!important;font-variant-numeric:tabular-nums!important;letter-spacing:.08em!important;color:var(--vintage-gold-bright)!important}
.operation-close{min-height:30px!important;max-height:30px!important}

/* toast overlay: 50% fill + close button */
.utility-panel{background:rgba(20,21,30,.5)!important}
.utility-panel::before{background:rgba(20,21,30,.5)!important}
.panel-close{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0!important;margin:0!important;border:1px solid rgba(200,168,92,.35)!important;border-radius:4px!important;background:transparent!important;color:var(--vintage-text-muted)!important;font-family:'Roboto Condensed','Barlow Condensed','Archivo Narrow','Asap Condensed','Arial Narrow',sans-serif!important;font-size:12px!important;line-height:1!important}
.panel-close:hover{border-color:#ff0000!important;color:#ff6666!important;background:rgba(255,0,0,.08)!important}

/* the hidden attribute must ALWAYS win - display overrides cannot trap panels open */
#workspaceControlPanel[hidden],#backendStatusPanel[hidden],div#liveIndicator[hidden]{display:none!important}

/* connected cube hover: green gradient mixed into the lucky red */
/* live-connection control: radial green-core -> red-edge hover, perfect circle, dot untouched */
.backend-status-control.connected #backendStatusToggle:hover,.backend-status-control.connected #backendStatusToggle:active{border-radius:50%!important;border-color:#ea4335!important;background:radial-gradient(circle at 50% 50%,rgba(52,168,83,.95) 0%,rgba(52,168,83,.6) 26%,rgba(52,168,83,.3) 45%,rgba(234,67,53,.55) 68%,rgba(234,67,53,.9) 100%)!important;box-shadow:0 0 0 3px rgba(234,67,53,.9),0 0 14px rgba(234,67,53,.5)!important}

/* ===== leak-kill: base stylesheet may never touch these elements again ===== */
div#liveIndicator{height:auto!important;min-height:auto!important;max-height:none!important;padding:2px 4px!important;margin:0!important;border:none!important;box-shadow:none!important;font-weight:700!important;font-family:var(--font-uniform)!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important;line-height:1.2!important;transition:none!important;gap:0!important}
div#utilityDock{margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;transform:none!important;align-items:center!important;height:auto!important;width:auto!important;max-width:none!important}
#workspaceToggle,#backendStatusToggle{box-shadow:none!important;font:inherit!important;color:inherit!important;letter-spacing:normal!important;text-transform:none!important}
.utility-panel{margin:0!important;box-shadow:0 14px 42px rgba(0,0,0,.52)!important;backdrop-filter:blur(14px)!important}
aside#sidebar,#sidebar{box-sizing:border-box!important}
button#identity{min-height:auto!important;max-height:none!important;box-sizing:border-box!important}
span.guardian-stage,span.planet-orbit,span.wordmark{box-sizing:border-box!important}
div#watermark{box-sizing:border-box!important;overflow:visible!important}

/* paper evidence table */
.evidence-table{width:100%;border-collapse:collapse;font-family:'Roboto Condensed','Barlow Condensed','Archivo Narrow','Asap Condensed','Arial Narrow',sans-serif;font-size:11px}
.evidence-table th{text-align:left;padding:3px 6px;color:var(--vintage-gold);font-weight:400;letter-spacing:.04em;border-bottom:1px solid rgba(200,168,92,.3);text-transform:lowercase}
.evidence-table td{padding:3px 6px;color:var(--vintage-text);border-bottom:1px solid rgba(200,168,92,.12)}
.evidence-table td.num{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-align:left}
.evidence-table td.pos{color:#34a853}
.evidence-table td.neg{color:#ea4335}
.evidence-table td.reason{color:var(--vintage-text-muted)}
.evidence-table .empty-state{color:var(--vintage-text-muted)}
.table-wrap{max-height:220px;overflow:auto;margin-top:6px}

/* evidence filters + date grouping */
.ev-filters{display:flex;gap:10px;margin-top:6px;font-family:'Roboto Condensed','Barlow Condensed','Archivo Narrow','Asap Condensed','Arial Narrow',sans-serif;font-size:11px;color:var(--vintage-text-muted)}
.ev-filters label{display:flex;align-items:center;gap:4px}
.ev-filters select{min-height:24px!important;max-height:24px;padding:0 6px;font-family:inherit;font-size:11px;background:rgba(20,21,30,.9);border:1px solid rgba(200,168,92,.35);border-radius:4px;color:var(--vintage-text)}
tr.ev-date td{font-family:'Roboto Condensed','Barlow Condensed','Archivo Narrow','Asap Condensed','Arial Narrow',sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--vintage-gold-bright);border-bottom:1px solid rgba(200,168,92,.35);padding-top:8px;background:rgba(200,168,92,.05)}

/* vitals plugin */
.vitals-stats{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.vital-chip{font-family:var(--font-numeric);font-size:11px;padding:3px 8px;border:1px solid rgba(200,168,92,.3);border-radius:4px;color:var(--vintage-text);background:rgba(20,21,30,.5);font-variant-numeric:tabular-nums}


/* allowed users plugin (owner-only) */
.allowed-user-form{margin-bottom:10px}
.table-scroll{overflow:auto;max-height:340px;border:1px solid rgba(200,168,92,.25);border-radius:6px;background:rgba(13,14,22,.5)}
.allowed-users-table{width:100%;border-collapse:collapse;font-family:var(--font-numeric);font-size:12px}
.allowed-users-table th{position:sticky;top:0;background:#14161f;color:var(--vintage-accent,#c8a85c);text-align:left;padding:7px 9px;border-bottom:1px solid rgba(200,168,92,.35)}
.allowed-users-table td{padding:6px 9px;border-bottom:1px solid rgba(200,168,92,.12);color:var(--vintage-text)}
.allowed-users-table code{color:#9fd3a8;letter-spacing:.04em}
.allowed-toggle{border:1px solid rgba(200,168,92,.4);background:rgba(200,168,92,.08);color:var(--vintage-text);border-radius:4px;padding:3px 8px;cursor:pointer;font-size:11px}
.allowed-toggle.on{background:rgba(66,160,90,.25);border-color:rgba(66,160,90,.7);color:#a8e6b5}
.allowed-toggle:hover{filter:brightness(1.2)}

/* status & metrics — plain Arvo, no bold, no uppercase */
@font-face{font-family:'Arvo';src:url('/assets/fonts/arvo-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
#statusMetrics,#statusMetrics .metric,#statusMetrics .metric small,#statusMetrics .metric b{font-family:'Arvo',serif!important;font-weight:400!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important}
#statusMetrics .metric small{font-size:12px!important}
#statusMetrics .metric b{font-size:15px!important}