/* AMBER MASTER THEME — Shared design tokens & base layout for Omega-7 family
   (Duplicate of my.berners.at version; keep them in sync or centralize later)
*/
:root {
    --amber: #FFB347;
    --amber-rgb: 255,179,71;
    --amber-dim: rgba(var(--amber-rgb), 0.22);
    --amber-deep: rgba(var(--amber-rgb), 0.05);
    --amber-crit: #ff4444;
    --amber-pause: #44aaff;
    --amber-green: #00ff41;
    --amber-white: #ffffee;

    --bg: #050505;
    --panel: #0a0a0a;
    --panel-weak: rgba(10,10,10,0.75);
    --panel-strong: rgba(12,12,12,0.95);

    --font-main: 'JetBrains Mono', monospace;

    --topbar-height: 56px;
    --sidebar-left-width: 240px;
    --sidebar-right-width: 260px;

    --border-w: 1px;
    --accent-cyan: #8be9fd;

    --scanline-opacity: 0.10;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
    font-family:var(--font-main);
    color:var(--amber);
    background: radial-gradient(circle at center, rgba(0,0,0,0.84), rgba(0,0,0,0.98));
}

body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background: linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,0.22) 50%);background-size:100% 2px;opacity:var(--scanline-opacity)}

.os-wrapper, #app-layout{display:grid;grid-template-columns:var(--sidebar-left-width) 1fr var(--sidebar-right-width);width:100%;height:100%}

.topbar, nav[role="topbar"], nav.fixed-top, nav{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:fixed;left:0;right:0;top:0;z-index:2000;background:rgba(5,5,5,0.95);border-bottom:1px solid var(--amber-dim);box-shadow:0 6px 18px rgba(var(--amber-rgb), 0.06);backdrop-filter:blur(4px)}

.os-sidebar, .sidebar-left, .sidebar-right{padding:30px 20px;margin-top:calc(var(--topbar-height));background:var(--panel-weak);overflow-y:auto}

.os-sidebar-left, .sidebar-left{border-right:1px solid rgba(var(--amber-rgb), 0.35)}
.os-sidebar-left::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,rgba(var(--amber-rgb), 1) 0%, rgba(var(--amber-rgb), 0) 100%);box-shadow:0 0 18px rgba(var(--amber-rgb), 0.45);pointer-events:none}
.os-sidebar-right, .sidebar-right{border-left:1px solid rgba(var(--amber-rgb), 0.12)}
.os-sidebar-right::after{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,rgba(var(--amber-rgb), 1) 0%, rgba(var(--amber-rgb), 0) 100%);box-shadow:0 0 18px rgba(var(--amber-rgb), 0.45);pointer-events:none}

.os-box, .panel, .w-card{background:rgba(10,10,10,0.88);border:1px solid var(--amber-dim);padding:20px;color:var(--amber);box-shadow:inset 0 0 15px rgba(var(--amber-rgb), 0.02);transition:all .18s ease}

.os-header-container{margin-bottom:0}
.breadcrumb{font-size:10px;opacity:.7;color:var(--amber);margin-bottom:6px;letter-spacing:1px}
.page-title{font-size:24px;font-weight:900;color:var(--amber);letter-spacing:2px;text-shadow:0 0 10px var(--amber-deep)}
.header-divider{height:1px;width:100%;background:linear-gradient(to right,var(--amber-dim),transparent);margin-top:8px}

@media (max-width:900px){.os-wrapper, #app-layout{grid-template-columns:1fr}.os-sidebar{display:none}}