/* Sabz Studio Activity / matching translucent desktop theme.
   No external font requests or copied operating-system artwork. */
:root{
 --black:#1f3c62;--black-2:#e5f0ff;--ink:#294563;--slate:#7d8fa9;
 --frame:#d3e3f4;--paper:rgba(250,253,255,.83);--paper-dark:#e8f1fb;
 --paper-tint:#f1f6ff;--line:#d6e4f5;--lime:#96c4fa;--teal:#437fcb;
 --mono:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",sans-serif;
 --pix:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Segoe UI",sans-serif;
 --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Segoe UI",sans-serif;
 font:13px/1.5 var(--sans);color:var(--ink);
}
body{
 color:#2c486d;min-height:100vh;overflow-x:clip;
 background:
 radial-gradient(ellipse 66% 56% at 9% 3%,rgba(180,219,253,.9),transparent 72%),
 radial-gradient(ellipse 66% 66% at 102% 44%,rgba(174,172,245,.8),transparent 69%),
 radial-gradient(ellipse 64% 50% at 6% 99%,rgba(152,227,226,.85),transparent 78%),
 linear-gradient(135deg,#e5f0ff 2%,#d7e6fc 31%,#f1e3ff 62%,#d4ecf5 100%);
 background-attachment:fixed
}
body::before{content:"";position:fixed;z-index:-1;pointer-events:none;width:80vw;height:58vh;
 background:linear-gradient(138deg,#ffffff81,#8db9ff22,#aa9aff42);border-radius:53% 42% 80% 45%;right:-27vw;top:3vh;
 filter:blur(24px);transform:rotate(-28deg)}
.topbar{
 position:sticky;top:0;z-index:20;height:56px;padding:0 clamp(15px,3vw,50px);
 background:rgba(251,253,255,.55);border-bottom:1px solid #ffffffd3;color:#2c4564;
 -webkit-backdrop-filter:blur(35px) saturate(175%);backdrop-filter:blur(35px) saturate(175%);
 box-shadow:0 1px 15px #406ca70d
}
.logo-mark{height:32px;width:32px;border-radius:10px;border:1px solid #ffffff9e;
 background:linear-gradient(145deg,#64b6f0,#3c83d9,#6b6fdc);color:#fff;
 font:700 18px var(--pix);letter-spacing:-.05em;box-shadow:0 3px 9px #3567bc31}
.logo-mark span{color:#d9f1ff}
.logo-type strong{font:740 15px/1.15 var(--sans);letter-spacing:-.04em;color:#28486e}
.logo-type strong span{color:#427fc4}
.logo-type small,.top-env{font:650 9px/1.5 var(--sans);letter-spacing:.08em;color:#7a95b5}
.led{background:#57c99a;border:0;border-radius:50%;box-shadow:0 0 0 3px #69caa023}
.top-exit{color:#416aa1;border:1px solid #ffffffc8;border-radius:11px;background:#ffffff9b;
 padding:9px 13px;font:690 11px var(--sans)}
.top-exit:hover{background:#fff}
.workspace{max-width:1550px;width:calc(100% - 26px);padding:24px 4px 38px;margin:0 auto;min-height:calc(100vh - 110px)}
.layout{
 position:relative;display:grid;grid-template-columns:214px minmax(0,1fr);
 overflow:hidden;min-height:650px;
 background:linear-gradient(135deg,#fffffff0,#f7fbffcf 54%,#f0f6ffcc);
 border:1px solid #ffffffec;border-radius:25px;
 box-shadow:0 30px 90px #284c7c34,0 5px 18px #4a70a018;
}
.sidebar{background:linear-gradient(160deg,#f4f8ffe8,#edf5ffbd);border-color:#d6e4f6;color:#537295}
.side-intro{border-color:#d8e6f5;padding:26px 19px 23px}
.side-intro strong{font:740 18px var(--sans);letter-spacing:-.05em;color:#416db2}
.small-caption,.side-title,.side-foot{font:730 10px/1.5 var(--sans);letter-spacing:.09em;color:#8da6c2}
.side-nav{padding:18px 11px}
.nav-entry{font:670 11px var(--sans);border:0;border-radius:11px;color:#647f9d;padding:0 11px;margin-bottom:5px;min-height:41px}
.nav-entry:hover{background:#ffffffad;color:#426eab}
.nav-entry.selected{background:linear-gradient(120deg,#daeaff,#eaf1ff);color:#315ca2;border:0}
.nav-index,.nav-entry.selected .nav-index{color:#83a4c7}
.side-lower{border-color:#d7e5f6}
.side-status,.side-lower p{color:#6d89a4;font:550 10px/1.6 var(--sans)}
.side-dot{background:#54bc98;border-radius:50%;border:0}
.binding-state{border:1px solid #c6dcf5;background:#e4f0ff;color:#41679a;border-radius:9px;font:650 10px var(--sans)}
.binding-state.online{background:#e5f8f2;color:#318970;border-color:#bce8d9}
.binding-state.offline{background:#fceeea;color:#ac6859;border-color:#f1d7ca}
.side-hairline{background:#d5e4f5}
.main-panel{padding:clamp(19px,3vw,36px)}
.breadcrumb,.micro{font:780 10px var(--sans);letter-spacing:.12em;color:#7a9cc4}
.breadcrumb span{color:#95a9d6}
.page-head{margin-bottom:25px}
.page-head h1{font:740 clamp(27px,3.5vw,41px)/1.1 var(--sans);letter-spacing:-.06em;color:#22436c;margin:8px 0}
.period{font:730 1em var(--sans);color:#79a4e8}
.page-head p{color:#7990aa;line-height:1.55}
.page-actions{align-items:center}
.readout-tag{color:#7d99bd;font:700 10px var(--sans)}
.readout-tag span{color:#72a0e7}
.button{font:700 11px var(--sans);letter-spacing:0;border:1px solid #d6e4f4;border-radius:11px;padding:10px 13px;color:#426c99;
 background:#ffffffbd;box-shadow:0 2px 8px #4b77ad0c}
.button:hover{background:#fff}
.button-primary{background:linear-gradient(110deg,#4b9aeb,#3675d6);color:#fff;border-color:#74a3e3;
 box-shadow:0 5px 14px #3575d22a}
.button-primary:hover{background:linear-gradient(110deg,#337fd6,#2966c0);color:#fff}
.metrics{background:transparent;border:0;border-radius:0;gap:11px;margin-bottom:22px;overflow:visible}
.metric,.metric:nth-child(n){
 min-height:104px;padding:17px;border-radius:17px;border:1px solid #ffffffd9;
 background:#ffffffbc;box-shadow:0 4px 18px #3d70a510;
}
.metric-name,.metric-sub{font:730 10px/1.45 var(--sans);letter-spacing:.04em;color:#8fa7bf}
.metric-glyph,.metric:nth-child(3) .metric-glyph,.metric:nth-child(4) .metric-glyph{color:#6c9cdd}
.metric strong{font:740 32px/1 var(--sans);letter-spacing:-.05em;color:#365e90}
.archive{border:1px solid #ffffffdb;border-radius:19px;background:rgba(255,255,255,.8);box-shadow:0 7px 28px #3e6da51c}
.archive-bar{background:#f1f7ffb5;border-color:#e2ecf8;padding:20px 22px}
.archive h2{font-size:20px;color:#365b84;font-weight:730}
.archive-bar .micro{color:#7fa5cc}
.sort-readout{font:720 10px var(--sans);color:#94abc3}
.filterbar{background:#ffffffb5;padding:13px 18px}
.search,.filter-wrap{height:42px;border:1px solid #dce8f5;background:#f9fcff;border-radius:12px}
.search:focus-within{border-color:#79b1ec;box-shadow:0 0 0 3px #9ed3ff49}
.search-icon{color:#78a1cd}
.search input{color:#345c86}
.search input::placeholder{color:#9aacc5}
.shortcut-hint{border:1px solid #d8e6f3;background:#f0f6ff;border-radius:6px;color:#8aa3c0}
.filter-label{color:#8aa5bf}
.filter-wrap select{color:#4d7092;font:650 11px var(--sans)}
.column-head{background:#eff5ff;border-color:#e0eaf7;color:#8ea6c0;font:750 10px var(--sans)}
.event,.event:nth-child(even){background:#ffffffd8;border-color:#e8eff7;padding:16px 20px}
.event:nth-child(even){background:#f7fbffcd}
.event:before{width:4px;--stripe:#94b8e8}
.event.published,.event.accepted{--stripe:#57bda4;--symbol:#2b9776;--pill-bg:#e4f6ed;--pill-bd:#c6e9da}
.event.proposed{--stripe:#78a4e6;--symbol:#3f72bf;--pill-bg:#e8f2ff;--pill-bd:#cbdff9}
.event.brief{--stripe:#a68cd9;--symbol:#876fc1;--pill-bg:#f1ebfb;--pill-bd:#e4d9f5}
.event.failed,.event.rejected{--stripe:#eea19a;--symbol:#ae665e;--pill-bg:#fff0ed;--pill-bd:#f5d5cd}
.event-title{font:700 13px var(--sans);color:#365a81}
.event-time{font:550 10px/1.4 var(--sans);color:#8fa4be}
.event-summary{font:450 12px/1.55 var(--sans);color:#6682a1}
.event-symbol{border-radius:6px}
.pill{font:670 10px var(--sans);border:1px solid #d9e5f5;border-radius:7px;background:#edf4ff;color:#56799b}
.request-block{background:#f0f6ff;border:0;border-left:3px solid #8db4e8;border-radius:9px;padding:10px 12px}
.request-block>summary,.request-excerpt{color:#547698;font:500 11px var(--sans)}
.request-block .small-title{color:#7197bf;font:720 10px var(--sans)}
.request-full,.event-details pre{background:#f8fbff;border:1px solid #dae7f5;border-radius:9px;color:#335479}
.event-details summary{color:#3675c4;font:690 10px var(--sans)}
.empty{background:#fbfdff;color:#8199b4}
.empty strong{color:#4d7196;font:700 12px var(--sans)}
.empty-mark{font:750 17px var(--sans);color:#89b1df;border-color:#c9dcf1;border-radius:11px}
.disclosure{color:#8095ad}
.disclosure-icon{color:#679bd8;border-color:#a3c4ec}
.disclosure strong{color:#4a6f96}
.signin-shell{min-height:calc(100vh - 155px)}
.signin{width:min(465px,100%);background:#ffffffcc;border:1px solid #ffffffdf;border-radius:25px;
 box-shadow:0 22px 70px #395d8b39;overflow:hidden;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}
.window-label,.window-bottom{background:rgba(238,246,255,.88);color:#5e85b1;
 padding:13px 17px;font:730 10px var(--sans);letter-spacing:.08em}
.window-label .square{background:#66a4ee;border-radius:50%;height:10px;width:10px}
.window-id{color:#87a2bb}
.login-content{padding:29px}
.login-glyph{border-color:#d3e5fa;background:#e6f2ff;color:#5889c4;border-radius:16px}
.login-content h1{font:750 28px var(--sans);letter-spacing:-.06em;color:#2d507c}
.login-content>p{font:450 12px/1.6 var(--sans);color:#748da7}
.login-content label{font:720 11px var(--sans);color:#5983ae}
.login-content input{border:1px solid #d6e4f3;border-radius:12px;background:#ffffffec;color:#345577}
.window-bottom{border-color:#e1eaf5}
footer{color:#eff6ff;text-shadow:0 1px 8px #4977a57a;font:650 10px var(--sans)}
:where(button,input,select,a,summary):focus-visible{outline:3px solid #69a9f6;outline-offset:2px}
@media(max-width:760px){
 .workspace{width:calc(100% - 17px);padding:12px 0 26px}
 .layout{border-radius:22px}
 .sidebar{background:#eaf3ffb0;border-color:#dce9f8}
 .side-nav{padding:8px}
 .nav-entry{font-size:10px}
 .main-panel{padding:19px 14px}
 .metric{padding:13px}
}
@media(max-width:510px){
 .topbar{height:54px;padding:0 12px}
 .page-head h1{font-size:29px}
 .metrics{gap:8px}
 .metric{border-radius:13px;min-height:83px}
 .event{padding:13px}
 .filterbar{padding:11px}
 .sort-readout{display:none}
 .login-content{padding:20px}
}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){
 .signin,.layout,.topbar{background:#f8fbff!important}
}