@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/DMSans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/DMSans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/Manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/Manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --bg:#f5f7f5;--panel:#ffffff;--raise:#f1f4f2;--line:#e8ece9;
  --text:#16231f;--muted:#77827e;--faint:#98a29d;
  --amber:#a96915;--amber-bg:#fff5e6;--blue:#505da5;--blue-bg:#edf1ff;
  --red:#b64f48;--red-bg:#fceceb;--green:#167451;--green-bg:#e8f4ed;
  --lime:#c6eb76;
  --forest:#14231f;--forest2:#1f332b;--forest3:#263a32;
  --shadow:0 8px 24px #17251d0a;
  --shadow-sm:0 1px 2px rgba(20,30,24,.05);
  --display:"Manrope","DM Sans","Segoe UI",ui-sans-serif,system-ui,-apple-system,Arial,sans-serif;
  --body:"DM Sans","Manrope","Segoe UI",ui-sans-serif,system-ui,-apple-system,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font:14px/1.5 var(--body);display:flex;flex-direction:column}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--panel);padding:8px 14px;box-shadow:var(--shadow-sm)}
button:hover{border-color:#c7d2c9;background:#fbfbf9}
button:disabled{opacity:.45;cursor:default}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.go{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}
.go:hover{background:#186b44;border-color:#186b44}
.ghost{background:transparent;box-shadow:none}
.icon{width:36px;height:36px;padding:0;font-size:16px;background:transparent;box-shadow:none}
.danger{color:#a52f28;border-color:#e3b3ae;background:#fff}
.note{color:var(--muted);font-size:13px;margin:8px 0 0}

/* ---------- raspored: bocna traka + glavni stupac ---------- */
.app{display:flex;flex:1;min-height:0}
.sidebar{width:228px;flex:none;background:var(--forest);color:#eef4f0;display:flex;flex-direction:column;padding:24px 15px 18px;overflow:auto}
.maincol{flex:1;min-width:0;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}
.mark{width:35px;height:35px;border-radius:11px;background:var(--lime);color:#173327;display:grid;place-items:center;font:800 16px var(--display)}
.bname{display:block;font:800 15px var(--display);letter-spacing:-.4px;color:#fff;text-transform:lowercase}
.bsub{display:block;font-size:10px;color:#9aaca4;letter-spacing:.5px;margin-top:1px}
.navlabel-h{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#71847b;padding:13px 11px 8px;text-transform:uppercase}
.views{display:flex;flex-direction:column;gap:4px}
.views button{background:transparent;border:0;box-shadow:none;border-radius:9px;padding:10px 11px;color:#a8b8b0;display:flex;align-items:center;gap:11px;text-align:left;font-size:12.5px;font-weight:600}
.views button:hover{background:var(--forest3);color:#fff;border:0}
.views button[aria-selected="true"]{background:var(--forest3);color:#fff;box-shadow:inset 2px 0 var(--lime)}
.navicon{width:17px;text-align:center;opacity:.9;font-size:15px}
.navlabel{flex:1;min-width:0}
.n{font:700 10px var(--display);color:#a8b8b0;font-variant-numeric:tabular-nums}
.n.hot:not(:empty){background:#d1ef86;color:#1a362a;border-radius:99px;padding:0 7px;min-width:21px;line-height:19px;text-align:center}
.sidefoot{margin-top:auto;padding-top:14px}

/* topbar */
.topbar{display:flex;align-items:center;gap:20px;padding:0 34px;height:62px;background:#ffffffd9;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.crumbs{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.crumbs .csep{color:var(--faint)}
.crumbs .ccur{color:var(--text);font-weight:700}
.run{margin-left:auto;display:flex;align-items:center;gap:9px}
.run button{padding:9px 14px;font-size:11px;font-weight:700;border-radius:9px}
.run .icon{width:34px;height:34px;padding:0;font-size:14px;background:#fff;box-shadow:none}
.pill{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:7px 12px;border-radius:20px;background:var(--raise);font-variant-numeric:tabular-nums;justify-content:center}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}
.pill.on{color:var(--text)}
.banner{background:var(--amber-bg);color:#6b4a0c;padding:10px 34px;font-size:13px;border-bottom:1px solid #eeddb8}
.banner p{margin:0 0 4px}
.banner p:last-child{margin-bottom:0}

main{flex:1;min-height:0;display:flex;flex-direction:column}
.view{flex:1;min-height:0;display:flex;flex-direction:column;padding:28px 34px 0}
.view[hidden]{display:none}

/* dobrodoslica / pregled */
.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--green);text-transform:uppercase}
.welcome h1{margin:4px 0 4px;font:800 25px var(--display);letter-spacing:-1px}
.welcome .sub{margin:0;color:var(--muted);font-size:11px}
.statstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:15px 17px;box-shadow:var(--shadow)}
.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:600}
.stat-icon{width:27px;height:27px;background:#f2f6f3;border-radius:8px;display:grid;place-items:center;color:var(--green);font-size:14px}
.stat-value{font:800 22px var(--display);letter-spacing:-.7px;margin:10px 0 2px;font-variant-numeric:tabular-nums}
.stat-value.money{color:var(--green)}
.stat-foot{font-size:9px;color:#87928c}

.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{background:var(--raise);border-color:transparent;box-shadow:none;color:#6e7973;padding:6px 11px;border-radius:99px;font-size:10px;font-weight:600}
.chips button:hover{background:#e6ebe8}
.chips button[aria-pressed="true"]{background:var(--green-bg);border-color:#d6e9dc;color:var(--green)}
.chips b{font:700 10px var(--display);margin-left:5px;opacity:.7;font-variant-numeric:tabular-nums}
#search{flex:1;min-width:140px;max-width:260px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:11px}
#search:focus{border-color:#8ab59c;outline:0}

/* red zahtjeva */
.qpanel{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden}
.panel-head{padding:16px 17px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.panel-title{font:700 13px var(--display)}
.count{font-size:9px;color:var(--muted);font-weight:500;margin-left:5px}
.panel-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.qpanel .chips{padding:0 17px 12px}
.qpanel .listwrap{flex:1;min-height:0;overflow:auto;padding-bottom:0;border-top:1px solid #edf0ed}
.qpanel .list{border:0;border-radius:0;box-shadow:none}
.qpanel .note{padding:0 17px 12px}
.rightcol{min-height:0;overflow:auto;padding-bottom:20px;display:flex;flex-direction:column;gap:14px}
.rightcol .detail{overflow:visible;flex:none}
.activity{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden;flex:none}
.activity .panel-head{padding-bottom:8px}
.activity-item{padding:9px 15px;display:flex;gap:9px;align-items:flex-start}
.activity-mark{width:21px;height:21px;border-radius:7px;background:#eaf5ed;color:var(--green);display:grid;place-items:center;font-size:11px;flex:0 0 auto}
.activity-item p{margin:1px 0;font-size:11px;line-height:1.5}
.activity-item small{font-size:10px;color:#929d96}
.activity .empty-act{padding:2px 17px 16px;margin:0;font-size:11px;color:var(--muted)}
/* popis + detalj */
.split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:14px}
#v-inbox .split{grid-template-columns:minmax(340px,440px) minmax(0,1fr)}
.listwrap{overflow:auto;padding-bottom:20px}
.list{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.row{display:grid;grid-template-columns:48px 34px 1fr auto;gap:12px;padding:12px 14px 12px 14px;border-left:3px solid transparent;border-bottom:1px solid var(--line);cursor:pointer}
.row:last-child{border-bottom:0}
.row:hover{background:#f4f9f5}
.row.sel{background:#f4f9f5;border-left-color:var(--green)}
.row.c-await,.row.c-reply{border-left-color:var(--amber)}
.row.c-waitbuyer,.row.c-prepared,.row.c-offered{border-left-color:var(--blue)}
.row.s-bought{border-left-color:var(--red)}
.row.s-dead,.row.s-hidden{opacity:.55}
.when{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}
.when b{font:700 12px var(--display)}
.when small{color:var(--faint);font-size:10px}
.what{min-width:0}
.l1{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}
.range{font:700 14px/1.3 var(--display);letter-spacing:-.1px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.range .arr{color:var(--green);font-weight:400}
.desc{font:700 14px/1.3 var(--display);letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who{font-size:10px;color:var(--muted);display:flex;gap:10px}
.plat{color:var(--faint)}
.tags{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.tag{font-size:9px;padding:4px 8px;border-radius:99px;white-space:nowrap;font-weight:600}
.t-active{color:var(--green);background:var(--green-bg)}
.t-bought{color:#fff;background:var(--red);font-weight:700}
.t-dead{color:#8a5551;background:#f4e5e2}
.t-pending{color:var(--muted);background:var(--raise)}
.t-hidden{color:var(--muted);background:var(--raise)}
.k-reply{color:#fff;background:var(--amber);font-weight:700}
.k-await{color:var(--amber);background:var(--amber-bg)}
.k-waitbuyer,.k-prepared,.k-offered{color:var(--blue);background:var(--blue-bg)}
.k-chat,.k-seen{color:var(--muted);background:var(--raise)}
.spam{color:var(--red);font:700 12px var(--display);letter-spacing:1px}

.detail{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px 18px 22px;box-shadow:var(--shadow);font-size:12px}
.placeholder{color:var(--muted);margin-top:40px;text-align:center}
.dh{display:flex;align-items:flex-start;gap:12px}
.dh .game{margin:0;color:var(--muted);font-size:12px}
.dh h2{margin:0;font:700 14px var(--display)}
.dh .tags{flex-direction:row;margin-left:auto}
.close{display:none}
.lead{font:700 18px/1.3 var(--display);margin:14px 0 4px;max-width:40ch;overflow-wrap:anywhere}
.bigrange{font:700 20px/1.25 var(--display);letter-spacing:-.4px;margin:12px 0 4px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.bigrange .arr{color:var(--green);font-weight:400}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 14px;font-size:11px}
.meta span{color:var(--muted)}
.meta b{font-weight:600;margin-left:6px;color:var(--text)}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.actions a{align-self:center;color:var(--blue);margin-left:4px}
.detail h3{font:700 9px var(--display);letter-spacing:.9px;text-transform:uppercase;color:var(--muted);margin:22px 0 8px}
.bubble{background:var(--green-bg);color:#123527;border:1px solid #d6e9dc;border-radius:12px 12px 4px 12px;padding:10px 12px;white-space:pre-wrap;max-width:560px;font-size:12px}
.warn{color:#8a5a12;font-size:13px;margin:8px 0 0}
.sale{border-left:3px solid var(--red);background:var(--red-bg);border-radius:0 8px 8px 0;padding:12px 16px}
.sale .who2{font:700 18px var(--display)}
.sale .nums{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:6px;font-size:13px}
.sale .nums span{color:#8a4e49}
.sale .nums b{font-weight:600;color:#5c2622;margin-left:6px}
.reason{background:var(--raise);border-radius:8px;padding:10px 14px;color:var(--muted);font-size:13px}
.err{color:#a52f28;font-size:13px}
.fields{display:grid;grid-template-columns:minmax(130px,200px) 1fr;gap:8px 16px;margin:0;font-size:13px}
.fields dt{color:var(--muted)}
.fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}

/* inbox */
.inbox{overflow:auto;padding-bottom:24px;max-width:980px}
.summary{margin:0;color:var(--muted)}
.summary b{color:var(--text);font:700 15px var(--display)}
#readAll{margin-left:auto}
.igroup{font:700 15px var(--display);letter-spacing:.2px;margin:18px 0 6px;display:flex;gap:8px}
.igroup .c{color:var(--faint)}
.g-new .igroup,.igroup.g-new{color:var(--amber)}
.igroup.g-await{color:var(--amber)}.igroup.g-waitbuyer{color:var(--blue)}.igroup.g-seen,.igroup.g-other{color:var(--muted)}
.ilist{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.irow{display:grid;grid-template-columns:44px 1fr auto auto;gap:14px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}
.irow:last-child{border-bottom:0}
.irow .chat{width:38px;height:38px;padding:0;font-size:16px;background:var(--blue-bg);border-color:#c9ddf1}
.irow .chat.dim{background:var(--raise);border-color:var(--line)}
.irow b{display:block;font-weight:700}
.irow .sub{font-size:12px;color:var(--muted)}
.itime{font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.unread{background:var(--green);color:#fff;border-radius:10px;padding:0 8px;font:700 12px var(--display);justify-self:end}
.irow .show{padding:5px 10px;font-size:13px;background:transparent}
.empty{color:var(--muted);padding:40px 0;text-align:center}
.empty button{margin-top:12px}

/* postavke */
#v-set{overflow:auto;padding-bottom:30px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;max-width:1200px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow)}
.card.wide{grid-column:span 2}
.card h2{margin:0 0 14px;font:700 17px var(--display)}
.card h3{margin:18px 0 6px;font:700 13px var(--display);color:var(--muted)}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:13px}
.field span{color:var(--muted)}
select,textarea,input[type=search]{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
select,input[type=number],input[type=text],input[type=password]{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
textarea{width:100%;resize:vertical;line-height:1.5}
.switch{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:13px;cursor:pointer}
.switch input{appearance:none;width:36px;height:20px;border-radius:10px;background:var(--line);position:relative;margin:0;cursor:pointer;flex:none}
.switch input::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.switch input:checked{background:var(--green)}
.switch input:checked::after{transform:translateX(16px)}
.fieldchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fieldchips button{padding:3px 9px;font-size:12px;background:var(--bg);color:var(--blue)}
.plabel{font-size:12px;color:var(--muted);margin:14px 0 6px}
.btns{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.plain{list-style:none;margin:0;padding:0}
.plain li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.plain.small li{font-size:12px;color:var(--muted)}
.stats{display:grid;grid-template-columns:1fr auto;gap:5px 14px;margin:0;font-size:13px}
.stats dt{color:var(--muted)}.stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}

.toast{position:fixed;left:50%;top:70px;transform:translate(-50%,-12px);box-shadow:0 8px 24px rgba(20,30,24,.25);z-index:20;opacity:0;background:var(--forest);color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.bad{background:#a52f28}

@media (max-width:980px){
  .card.wide{grid-column:auto}
  .split{display:block}
  .listwrap{overflow:visible}
  .view{overflow:auto}
  .detail{position:fixed;left:0;right:0;bottom:0;max-height:85vh;border-radius:16px 16px 0 0;transform:translateY(105%);transition:transform .2s;z-index:10;box-shadow:0 -10px 30px rgba(20,30,24,.3)}
  .detail.open{transform:none}
  .close{display:block;margin-left:8px}
  .sidebar{width:100%;flex-direction:row;align-items:center;padding:10px 12px;gap:10px}
  .brand{padding:0;flex:none}
  .views{flex-direction:row;flex:1;overflow-x:auto}
  .views button{flex-direction:column;gap:2px;padding:6px 10px;font-size:11px}
  .navicon{font-size:15px}
  .sidefoot{margin:0;padding:0;border:0;flex:none}
  .app{flex-direction:column}
  .topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}
  .welcome{flex-direction:column;align-items:flex-start}
  .bigrange{font-size:20px}
  .row{grid-template-columns:48px 30px 1fr}
  .row .tags{grid-column:3;flex-direction:row;flex-wrap:wrap;align-items:center}
  .row .tags:empty{display:none}
}
@media (max-width:980px){
  .navlabel-h,.bsub{display:none}
  .rightcol{overflow:visible;padding-bottom:0}
  .rightcol .detail{overflow:auto}
  .qpanel .listwrap{overflow:visible}
  .statstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .view{padding:20px 16px 0}
  .topbar{height:auto;padding:10px 16px}
  .banner{padding:10px 16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* v2.1: razgovor */
.irow{cursor:pointer;grid-template-columns:44px 1fr auto}
.irow:hover{background:var(--raise)}
.irow.sel{background:var(--green-bg);box-shadow:inset 3px 0 0 var(--green)}
.irow .snip{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.irow .snip.them{color:var(--text)}
.irow .imain{min-width:0}
.irow .side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.thread{display:flex;flex-direction:column;padding:0}
.th{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.th h2{margin:0;font:700 19px var(--display)}
.th p{margin:2px 0 0;color:var(--muted);font-size:12px}
.th .acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.th .acts button{padding:6px 11px;font-size:12px}
.msgs{flex:1;overflow:auto;padding:14px 20px;display:flex;flex-direction:column}
.msg{max-width:74%;padding:8px 12px 6px;border-radius:12px;margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.msg.mine{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:4px}
.msg.theirs{align-self:flex-start;background:var(--raise);border-bottom-left-radius:4px}
.msg.sys{align-self:center;background:transparent;color:var(--muted);font-size:12px;text-align:center}
.msg small{display:block;text-align:right;font-size:11px;color:rgba(255,255,255,.75);margin-top:2px}
.msg.theirs small{color:var(--faint)}
.msg .att{display:block;font-size:12px;color:var(--blue);margin-top:2px}
.day{align-self:center;font-size:12px;color:var(--faint);margin:10px 0 4px}
.tnote{color:var(--muted);text-align:center;margin:auto;padding:30px}
.compose{border-top:1px solid var(--line);padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:8px}
.compose textarea{min-height:44px;max-height:180px;background:var(--bg)}
.compose .cbtns{display:flex;flex-direction:column;gap:6px}
.compose .hint{grid-column:1/-1;font-size:11px;color:var(--faint);margin:0}

/* v2.2: potvrde */
.msg small{display:flex;justify-content:flex-end;align-items:center;gap:5px}
.rc{font-size:11px;letter-spacing:-1px}
.rc.read{color:#8ad0ff;font-weight:700}
.rc.pending{letter-spacing:0}
.rc.failed{color:#ffd0cc;letter-spacing:0}
.msg.pending{opacity:.7}
.msg.failed{background:#e7b7b0}
.msg .retry{margin-top:6px;padding:3px 10px;font-size:11px;background:transparent;border-color:#a5625c;color:#7a2a24}
.seenline{align-self:flex-end;font-size:11px;color:var(--blue);margin:2px 4px 6px}
.irow .rcl{font-size:11px;color:var(--faint)}
.irow .rcl.read{color:var(--blue)}

/* v2.3: kategorije */
.catpick{position:relative}
.catpick summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:20px;padding:7px 14px;color:var(--text);font-size:13px;user-select:none;background:var(--panel);box-shadow:var(--shadow-sm)}
.catpick summary::-webkit-details-marker{display:none}
.catpick summary::after{content:"\25BE";margin-left:8px;color:var(--muted)}
.catpick summary.on{border-color:var(--green);color:var(--green)}
.catpick .pop{position:absolute;top:calc(100% + 6px);left:0;z-index:15;min-width:280px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:var(--shadow)}
.catpick label{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:13px}
.catpick label:hover{background:var(--raise)}
.catpick label b{margin-left:auto;font:700 12px var(--display);color:var(--muted);font-variant-numeric:tabular-nums}
.catpick input{accent-color:var(--green);width:16px;height:16px}
.catpick .pbtns{display:flex;gap:6px;border-top:1px solid var(--line);margin-top:6px;padding-top:8px}
.catpick .pbtns button{flex:1;padding:5px 8px;font-size:12px;background:transparent;box-shadow:none}
.catpick .pnote{font-size:11px;color:var(--faint);margin:6px 8px 2px}

/* v2.4: won, stalni kupci, statistika */
.row.s-won{border-left-color:var(--green)}
.t-won{color:#fff;background:var(--green);font-weight:700}
.loyal{color:#8a6d16;font-size:11px;font-weight:700;white-space:nowrap}
.sale.won{border-left-color:var(--green);background:var(--green-bg)}
.sale.won .nums span{color:#2d6b46}
.sale.won .nums b{color:#123527}
.loyalbox{background:var(--amber-bg);color:#6b4a0c;border-radius:8px;padding:8px 12px;font-size:13px;margin:-6px 0 16px;display:inline-block}
.statswrap{overflow:auto;padding-bottom:30px;max-width:1150px}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}
.fig{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow)}
.fig .v{font:700 28px/1.2 var(--display);font-variant-numeric:tabular-nums;display:block}
.fig .v.money{color:var(--green)}
.fig .k{color:var(--muted);font-size:12px}
.fig .x{color:var(--faint);font-size:11px;display:block;margin-top:2px}
.sgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;align-items:start}
.chart{display:flex;align-items:flex-end;gap:4px;height:140px;padding-top:8px}
.chart .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}
.chart .cbar{width:100%;background:var(--green);border-radius:3px 3px 0 0;min-height:2px}
.chart .cbar.zero{background:var(--line)}
.chart .lbl{height:14px;line-height:14px;font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
.tbl td{padding:7px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.tbl td.num,.tbl th.num{text-align:right}
.tbl .dim{color:var(--muted);font-size:12px}

/* v2.6 */
.loyal{color:#8a6d16;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid #e3cf8a;border-radius:5px;padding:0 6px;background:var(--amber-bg)}
#ichips{flex-basis:100%}
#ichips b{margin-left:6px}
.irow .ist{font-size:11px;padding:1px 7px;border-radius:5px;white-space:nowrap}
.irow .nm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* v2.8: narudzbe */
.orders{overflow:auto;padding-bottom:30px;max-width:1100px}
.ogroup{font:700 15px var(--display);margin:18px 0 8px;color:var(--muted);display:flex;gap:8px}
.ogroup .c{color:var(--faint)}
.ord{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:14px 18px;margin:8px 0;box-shadow:var(--shadow-sm)}
.ord.s-todo{border-left-color:var(--amber)}.ord.s-waiting{border-left-color:var(--blue)}.ord.s-disputed{border-left-color:var(--red)}.ord.s-done{opacity:.75}.ord.s-canceled{opacity:.5}
.ord .cd{font:700 21px/1.1 var(--display);font-variant-numeric:tabular-nums}
.ord .cd.soon{color:var(--amber)}.ord .cd.overdue{color:var(--red)}
.ord .cdl{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.ord .who{font-weight:700;font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--text)}
.ord .what{font-size:13px;color:var(--muted);margin-top:2px}
.ord .money{font-size:13px;color:var(--muted);margin-top:4px}
.ord .money b{color:var(--green);font-weight:700}
.ord .acts{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:170px}
.ord .acts a{text-align:center;font-size:12px;color:var(--blue)}
.t-todo{color:#fff;background:var(--amber);font-weight:700}.t-waiting{color:var(--blue);background:var(--blue-bg)}.t-disputed{color:#fff;background:var(--red)}.t-done{color:var(--green);background:var(--green-bg)}.t-canceled,.t-other{color:var(--muted);background:var(--raise)}
.confirm{grid-column:1/-1;background:var(--amber-bg);border:1px solid #e3cf8a;border-radius:8px;padding:12px 14px;font-size:13px;color:#6b4a0c}
.confirm p{margin:0 0 10px}
.confirm .btns{margin-top:0}

/* v2.9: ikone igara */
.gicon{width:18px;height:18px;border-radius:4px;object-fit:cover;flex:none;vertical-align:middle;background:var(--raise)}
.gicon.big{width:34px;height:34px;border-radius:7px}
.gbadge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:var(--green-bg);color:var(--green);font:700 9px var(--display);letter-spacing:.3px;flex:none;vertical-align:middle}
.gbadge.big{width:34px;height:34px;border-radius:7px;font-size:14px}
.l1{flex-wrap:wrap}
.dh .gtitle{display:flex;align-items:center;gap:12px}
.irow .nm .gicon,.irow .nm .gbadge{margin-right:-2px}
.ord .what{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

/* v2.9.2: stupac s ikonom igre i oznaka platforme */
.gcol{display:flex;align-items:center;justify-content:center;padding-top:2px}
.gcol .gicon.big,.gcol .gbadge.big{width:32px;height:32px}
.ptag{font:700 10px/1 var(--display);letter-spacing:.6px;padding:3px 6px;border-radius:4px;border:1px solid;flex:none}
.p-pc{color:#4b5a51;border-color:#c7d2c9;background:#eef1ec}
.p-psn{color:#2f6fae;border-color:#bcd6ef;background:#e9f1fb}
.p-xbox{color:#1f7a4d;border-color:#bfe0cc;background:#e6f4ea}
.p-switch{color:#c1433a;border-color:#eec3bf;background:#fbebe9}
.p-mobile{color:#b3730f;border-color:#eed9ae;background:#faf0dc}
.p-x{color:var(--muted);border-color:var(--line);background:var(--raise)}
.row .range{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:6px}
.row .range span{overflow:hidden;text-overflow:ellipsis}
.newtag{font:700 10px/1 var(--display);letter-spacing:.6px;color:#fff;background:var(--green);border-radius:4px;padding:3px 6px}

/* v2.10: slanje poruke kupcu */
.composer{width:100%;max-width:640px;min-height:110px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 14px;font-size:13px;line-height:1.5;resize:vertical;box-shadow:var(--shadow-sm)}
.composer:focus{outline:2px solid var(--green);outline-offset:1px}
.sendbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.sendbar .note{margin:0}
.irow .ist.t-won,.th .ist.t-won{color:#fff;background:var(--green);font-weight:700}.irow .ist.t-bought,.th .ist.t-bought{color:#fff;background:var(--red);font-weight:700}.irow .ist.t-dead,.th .ist.t-dead{color:#8a5551;background:#f4e5e2}
.th .ist{font-size:11px;padding:2px 8px;border-radius:5px}

/* v2.15: backup */
.bkstatus{margin:0;font-size:14px;font-weight:600}
.bkstatus.bad{color:#a52f28}
.bkpreview{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--raise);border:1px solid var(--line);font-size:13px}
.bkpreview ul{margin:6px 0 10px;padding-left:18px;color:var(--muted)}

/* v2.17: knjiga cijena */
.mkt{display:inline-flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:var(--green-bg);border:1px solid #cfe8d9;margin:4px 0 14px;min-width:260px}
.mkt.c-low{background:var(--raise);border-color:var(--line)}.mkt.learn{background:var(--raise);border-color:var(--line)}
.mk-k{font-size:11px;color:#2d6b46}.mkt.learn .mk-k,.mkt.c-low .mk-k{color:var(--muted)}
.mk-v{font:700 26px/1.1 var(--display);display:flex;align-items:baseline;gap:10px}
.mk-r{font:600 13px var(--body);color:var(--muted)}
.mk-s{font-size:12px;color:var(--muted)}
.tag.pchip{color:var(--green);background:var(--green-bg);border:1px solid #cfe8d9}

.attachments{display:grid;gap:8px;margin-top:6px}.attachment{display:grid;gap:5px;overflow-wrap:anywhere;color:inherit}.attachment img{display:block;max-width:100%;max-height:280px;object-fit:contain;border-radius:8px;cursor:zoom-in}
.attachment-dialog{max-width:min(90vw,900px);max-height:90vh;overflow:auto;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:20px}.attachment-dialog::backdrop{background:rgba(20,30,24,.55)}.attachment-dialog img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:12px auto}.attachment-dialog button{margin:5px}.attachment-dialog a{color:var(--blue)}

.panel-tools .btn,.panel-tools button{padding:7px 12px;font-size:11px;border-radius:8px}
.panel-tools .catpick summary{padding:7px 12px;font-size:11px}

/* ---- request queue as a table, compact detail panel (prototype match) ---- */
.qpanel .listwrap{position:relative}
.thead,.row{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1.3fr) 76px 78px 76px 88px;gap:12px;align-items:center}
.thead{position:sticky;top:0;z-index:2;background:#fafcfa;border-bottom:1px solid var(--line);padding:9px 17px 9px 20px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.row{padding:11px 17px 11px 17px;border-left:3px solid transparent}
.row .what{display:flex;gap:11px;align-items:center;min-width:0}
.row .wtxt{min-width:0;flex:1}
.row .gcol{padding:0;flex:none}
.row .gcol .gicon.big,.row .gcol .gbadge.big{width:30px;height:30px}
.row .l1{font-size:12px;font-weight:700;margin-bottom:2px}
.row .who{display:block;font-size:11px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .who b{font-weight:700}
.row .plat{font-size:10px;font-weight:600;color:var(--muted);padding:3px 7px;background:#f2f5f3;border-radius:6px;justify-self:start;white-space:nowrap}
.row .bud{display:flex;flex-direction:column;font-size:12px;font-variant-numeric:tabular-nums}
.row .bud b{font:700 12px var(--display)}
.row .bud small{color:var(--faint);font-size:9px;background:none;padding:0}
.row .when{align-items:flex-start}
.row .when b{font:500 11px var(--body);color:var(--muted)}
.row .tags{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px}
.row .range,.row .desc{font-size:11px;color:var(--muted)}
@media (max-width:1280px){
 .thead,.row{grid-template-columns:minmax(0,2.4fr) minmax(0,1.1fr) 70px 70px}
 .thead span:nth-child(3),.row .plat,.thead span:nth-child(5),.row .when{display:none}
}
@media (max-width:980px){
 .thead{display:none}
 .row{grid-template-columns:1fr auto;row-gap:6px}
 .row .who,.row .plat,.row .when{display:none}
}
#detail{font-size:11px}
#detail .dh h2{font-size:14px}
#detail .game{font-size:10px}
#detail .bigrange{font-size:17px}
#detail .lead{font-size:13px}
#detail .meta{font-size:10px;gap:4px 14px}
#detail .mkt{padding:12px 14px}
#detail .mk-v{font-size:20px}
#detail .mk-s,#detail .note{font-size:10px}
#detail h3{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:16px 0 8px}
#detail .fields dt,#detail .fields dd{font-size:11px}
#detail textarea{font-size:11px;min-height:96px}
#detail button,#detail .actions a{font-size:11px}
.row .l1 .ptag{display:none}

#detail{padding:0}
#detail>*{margin-left:20px;margin-right:20px}
#detail .dhead{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 20px;border-bottom:1px solid var(--line)}
#detail .dhead h2{font:800 15px var(--display);margin:0}
#detail .dhead .close{position:static;background:none;border:0;color:var(--muted)}
#detail .dsum{margin-top:16px}
#detail .dtitle{display:flex;gap:10px;align-items:center}
#detail .dtitle .gicon,#detail .dtitle .gbadge{width:30px;height:30px}
#detail .dtitle b{font:700 13px var(--display);display:block}
#detail .dtitle small{font-size:10px;color:var(--faint)}
#detail .dchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
#detail .dchip{font-size:10px;font-weight:600;padding:5px 10px;border-radius:7px;background:#f2f5f3;border:1px solid var(--line);color:var(--muted)}
#detail .bcard{display:flex;gap:11px;align-items:center;margin-top:14px;padding:13px;background:#f5f8f6;border-radius:11px}
#detail .bcard .av{width:34px;height:34px;border-radius:50%;background:var(--green-bg);color:var(--green);display:grid;place-items:center;font-weight:800}
#detail .bcard b{display:block;font-size:12px}
#detail .bcard small{font-size:10px;color:var(--muted)}
#detail .ovh{margin-top:18px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
#detail .ov{margin-top:6px;display:grid;grid-template-columns:auto 1fr}
#detail .ov dt,#detail .ov dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}
#detail .ov dt{color:var(--muted)}
#detail .ov dd{text-align:right;font-weight:700}
#detail .bbox{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:16px;background:#f0f6f2;border:1px solid var(--line);border-radius:11px;font-size:11px;color:var(--muted)}
#detail .bbox b{font:800 22px var(--display);color:var(--green)}
#detail>:last-child{margin-bottom:20px}
#detail{overflow-x:hidden}
#detail .offrow,#detail .offer{max-width:100%;min-width:0}

/* ---- detail panel: prototype 1:1 ---- */
#detail>*{margin-left:0;margin-right:0}
#detail .dhead{margin:0;padding:16px 16px 13px;border-bottom:1px solid #edf0ed}
#detail .dhead h2{font:700 13px Manrope,'DM Sans',sans-serif}
#detail .dhead .close{font-size:16px;color:#95a098;padding:0 4px;box-shadow:none}
#detail .dbody{padding:15px 16px 18px;min-width:0}
#detail .dbody>*{margin-left:0;margin-right:0;max-width:100%}
#detail .req-name{font-size:11px;font-weight:700;color:#24332c}
#detail .detail-id{font-size:8px;color:#9aa49e;margin:3px 0 13px}
#detail .detail-tags{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;align-items:center}
#detail .platform{display:inline-flex;background:#f1f4f2;color:#65726b;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:600}
#detail .state{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:700;background:var(--green-bg);color:var(--green)}
#detail .state.s-bought,#detail .state.s-dead{background:#fdecec;color:var(--red)}
#detail .state .dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:none}
#detail .buyer-card{padding:11px;background:#f7f9f7;border-radius:9px;display:flex;align-items:center;gap:9px}
#detail .buyer-card .avatar{height:30px;width:30px;border-radius:50%;background:#d8ede0;display:grid;place-items:center;color:#236446;font-weight:700;font-size:11px}
#detail .buyer-card strong{font-size:10px;display:block}
#detail .buyer-card small{font-size:8px;color:#929d96}
#detail .section-label{font-size:8px;letter-spacing:.9px;color:#98a19b;text-transform:uppercase;font-weight:700;margin:17px 0 9px}
#detail .field{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #f0f2f0;font-size:9px}
#detail .field span{color:#849089}
#detail .field b{text-align:right;font-weight:600}
#detail .price-box{background:#f3f8f4;border:1px solid #e4efe7;border-radius:9px;padding:11px;margin-top:14px;display:flex;justify-content:space-between;align-items:center}
#detail .price-box span{font-size:9px;color:#718079}
#detail .price-box b{font:800 17px Manrope,sans-serif;color:var(--green)}
#detail .detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
#detail .detail-actions .btn{font-size:9px;font-weight:700;padding:9px 6px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#46544d;box-shadow:0 1px 2px #15241b08;cursor:pointer}
#detail .detail-actions .btn.primary{grid-column:1/-1;background:var(--green);border-color:var(--green);color:#fff}
#detail .auto-note{font-size:8px;line-height:1.5;color:#8e9992;text-align:center;margin:10px 3px 0}
#detail .dbody>.mkt,#detail .dbody>.offer{margin-top:16px}
#detail textarea{width:100%;box-sizing:border-box}
#detail .actions{margin-top:10px}
#detail>:last-child{margin-bottom:0}
#detail .field{flex-direction:row;margin-bottom:0;align-items:center}
#detail .fields{grid-template-columns:minmax(0,1fr) auto;gap:0 12px}
#detail .fields dt,#detail .fields dd{padding:7px 0;border-bottom:1px solid #f0f2f0;font-size:9px}
#detail .fields dd{text-align:right;font-weight:600}

/* ---- modals ---- */
dialog.modal{border:0;padding:0;border-radius:14px;width:min(460px,calc(100vw - 32px));box-shadow:0 24px 70px #0b1a1440;background:#fff;color:var(--text);font:14px 'DM Sans',sans-serif}
dialog.modal::backdrop{background:#0f1f1a80}
.modal .mhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}
.modal .mhead h2{margin:0;font:800 17px Manrope,'DM Sans',sans-serif}
.modal .mhead small{display:block;margin-top:4px;color:var(--muted);font-size:12.5px}
.modal .mhead .close{background:none;border:0;box-shadow:none;font-size:16px;color:#95a098;cursor:pointer}
.modal .mbody{padding:16px 20px 20px;display:grid;gap:14px}
.modal .mkt{margin:0}
.modal .mrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal .mfield{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}
.modal .mfield input,.modal .mfield select{width:100%;box-sizing:border-box;padding:11px 12px;font-size:15px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}
.modal .mstrat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.modal .mstrat button{display:grid;gap:2px;padding:10px 6px;text-align:center;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}
.modal .mstrat button span{font-size:11px;color:var(--muted);font-weight:600}
.modal .mstrat button b{font-size:15px}
.modal .mstrat button:hover:not(:disabled){border-color:var(--green);background:var(--green-bg)}
.modal textarea{width:100%;box-sizing:border-box;min-height:190px;padding:12px;font:14px/1.55 'DM Sans',sans-serif;border:1px solid var(--line);border-radius:9px;resize:vertical}
.modal .note,.modal .warn{margin:0;font-size:12.5px}
.modal .mfoot{display:flex;justify-content:flex-end;gap:8px}
.modal .mfoot button{padding:10px 18px;font-size:13.5px;border-radius:9px;cursor:pointer}
.modal .mfoot .go{background:var(--green);color:#fff;border:1px solid var(--green);font-weight:700}
.modal .mfoot .ghost{background:#fff;border:1px solid var(--line);color:var(--text)}
.modal .offhas{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;padding:10px 12px;background:#f3f8f4;border-radius:9px}

/* ---- larger, more readable request queue and detail ---- */
.thead{font-size:10.5px;padding:11px 17px 11px 20px}
.row{padding:14px 17px}
.row .l1{font-size:14.5px;margin-bottom:3px}
.row .range,.row .desc,.row .range span{font-size:13px}
.row .who{font-size:13.5px}
.row .plat{font-size:12px;padding:4px 9px}
.row .bud b{font-size:14px}
.row .bud small{font-size:11px}
.row .when b{font-size:13px}
.row .when small{font-size:11px}
.row .tag{font-size:11.5px;padding:4px 10px}
.row .gcol .gicon.big,.row .gcol .gbadge.big{width:36px;height:36px}
.row .newtag,.row .spam,.row .loyal{font-size:10.5px}
.qpanel .chips button{font-size:12.5px;padding:7px 13px}
.panel-title{font-size:16px}
.panel-tools .btn,.panel-tools button,.panel-tools .catpick summary,#search{font-size:12.5px}
.thead,.row{grid-template-columns:minmax(0,2.6fr) minmax(0,1.3fr) 92px 84px 84px 96px}
#detail .dhead h2{font-size:16px}
#detail .req-name{font-size:15px}
#detail .detail-id{font-size:11px}
#detail .platform,#detail .state{font-size:11px;padding:5px 9px}
#detail .buyer-card strong{font-size:13.5px}
#detail .buyer-card small{font-size:11px}
#detail .section-label,#detail h3{font-size:10.5px}
#detail .field,#detail .fields dt,#detail .fields dd{font-size:12.5px;padding:9px 0}
#detail .price-box span{font-size:12px}
#detail .price-box b{font-size:21px}
#detail .detail-actions .btn{font-size:12.5px;padding:11px 8px}
#detail .auto-note{font-size:11px}
#detail .mk-k{font-size:12px}#detail .mk-v{font-size:22px}#detail .mk-s{font-size:11.5px}
#detail button,#detail .actions a{font-size:12.5px}
/* ---- detail: utility + hide buttons ---- */
#detail .util,#detail .foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;padding:0;border:0}
#detail .util{margin-top:14px}
#detail .foot{padding-top:12px;border-top:1px solid var(--line)}
#detail .util button,#detail .util a,#detail .foot button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;padding:9px 10px;font:600 12.5px 'DM Sans',sans-serif;text-align:center;text-decoration:none;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:9px;cursor:pointer;box-shadow:none}
#detail .util button:hover,#detail .util a:hover,#detail .foot button:hover{border-color:var(--green);background:var(--green-bg);color:var(--green)}
#detail .foot button.danger{color:#b4412f;border-color:#f0d3cd;background:#fff8f6}
#detail .foot button.danger:hover{background:#fdeae6;border-color:#e6a99d;color:#9a3222}
#detail .mkt{margin:14px 0 0}
/* ---- detail panel aligned with the queue ---- */
@media (min-width:981px){
.reqlayout,.qpanel{min-height:640px}
.rightcol{position:relative;overflow:visible;padding:0}
.rightcol #detail,.rightcol .detail{position:absolute;inset:0;overflow:auto;flex:none}
}
/* ---- market price: full-width card ---- */
#detail .mkt{display:flex;width:100%;box-sizing:border-box;min-width:0;margin:16px 0 0;padding:14px 16px;gap:4px;border-radius:11px;border:1px solid #cfe8d9;border-left:4px solid var(--green);background:var(--green-bg)}
#detail .mkt.c-low,#detail .mkt.learn{background:#f6f8f6;border-color:var(--line);border-left-color:#b9c8bf}
#detail .mk-k{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px}
#detail .mk-v{font-size:24px;flex-wrap:wrap;row-gap:2px}
#detail .mk-s{font-size:12px;line-height:1.45}
.modal .mkt{width:100%;box-sizing:border-box;display:flex;border-left:4px solid var(--green)}
/* ---- stat cards: larger, readable ---- */
.statstrip{gap:16px}
.stat{padding:20px 22px;border-radius:14px}
.stat-top{font-size:13.5px;font-weight:600;color:#5c6a62}
.stat-icon{width:34px;height:34px;border-radius:10px;font-size:16px;background:#e8f4ed}
.stat-value{font-size:34px;letter-spacing:-1px;margin:14px 0 6px;color:var(--text)}
.stat-value.money{color:var(--text)}
.stat-foot{font-size:12.5px;color:#6f7c75}
.stat-foot .up{color:var(--green);font-weight:700}
/* ---- notifications ---- */
.syncinfo{font-size:12px;color:var(--muted);margin-right:4px;white-space:nowrap}
.run .bell{position:relative}
.bellbadge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--green);color:#fff;font:700 10px/17px 'DM Sans',sans-serif;text-align:center}
.bellbadge[hidden]{display:none}
.welcome-actions{display:flex;gap:8px;align-self:flex-end}
/* ---- welcome actions (Open Marketplace / Refresh) ---- */
.welcome-actions button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;font:700 12.5px 'DM Sans',sans-serif;border-radius:10px;cursor:pointer;white-space:nowrap}
.welcome-actions .ghost{background:#fff;border:1px solid var(--line);color:var(--text)}
.welcome-actions .go{background:var(--green);border:1px solid var(--green);color:#fff}
.welcome-actions .go:hover{filter:brightness(1.08)}
/* ---- larger welcome text and sidebar ---- */
.eyebrow{font-size:12px;letter-spacing:.12em}
.welcome h1{font-size:34px;letter-spacing:-1.2px;margin:6px 0 6px}
.welcome .sub{font-size:15px}
@media (min-width:981px){
.sidebar{width:256px}
.brand{gap:12px}
.brand .bname{font-size:20px}
.brand .bsub{font-size:11.5px}
.navlabel-h{font-size:12px;letter-spacing:.12em}
.views button{font-size:16px;padding:13px 14px;gap:13px}
.views button .navicon{font-size:19px;width:22px}
.views button .n{font-size:12px}
}
/* ---- hide scrollbar in request details panel ---- */
#detail{scrollbar-width:none;-ms-overflow-style:none}
#detail::-webkit-scrollbar{display:none;width:0;height:0}

/* ---- tighter detail panel so bottom actions sit higher ---- */
#detail .dbody{padding-bottom:10px}
#detail .dbody>.mkt,#detail .dbody>.offer{margin-top:12px}
#detail .util{margin-top:8px}
#detail .foot{margin-top:8px;padding-top:8px}
#detail .util button,#detail .util a,#detail .foot button{min-height:36px;padding:7px 10px}

/* ---- sort and platform selects ---- */
.panel-tools select.selbtn{font:600 12.5px 'DM Sans',sans-serif;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px;min-height:36px;cursor:pointer}
.panel-tools select.selbtn:hover,.panel-tools select.selbtn:focus-visible{border-color:var(--green)}

/* ---- rectangular categories and roomier search ---- */
.panel-tools .catpick summary{box-sizing:border-box;min-height:36px;display:flex;align-items:center;border-radius:9px;padding:8px 12px;font:600 12.5px 'DM Sans',sans-serif;box-shadow:none;background:#fff}
.panel-tools .catpick summary:hover{border-color:var(--green)}
.panel-tools #search{flex:1 1 260px;min-width:240px;max-width:340px;box-sizing:border-box;min-height:36px;border-radius:9px;padding:8px 12px;font:500 13px 'DM Sans',sans-serif;color:var(--text);background:#fff}
.panel-tools #search::placeholder{color:var(--faint);opacity:1}
.panel-tools #search:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-bg)}

/* ---- keep queue tools on one row ---- */
@media (min-width:981px){.panel-head{flex-wrap:nowrap}.panel-title{flex:none}.panel-tools{flex:1 1 auto;min-width:0;flex-wrap:nowrap;justify-content:flex-end}.panel-tools #search{flex:1 1 140px;min-width:110px;max-width:320px}.panel-tools .catpick,.panel-tools select.selbtn{flex:none}.panel-tools select.selbtn{max-width:150px}}

/* ---- compact detail panel so all actions fit */
#detail .field,#detail .fields dt,#detail .fields dd{padding:5px 0}
#detail .ovh{margin-top:12px}
#detail .dhead{padding:12px 16px 10px}
#detail .dbody{padding-top:11px;padding-bottom:8px}
#detail .dbody>.mkt,#detail .dbody>.offer{margin-top:10px}
#detail .util,#detail .foot{gap:6px}
#detail .util,#detail .foot{margin-top:6px}
#detail .foot{padding-top:6px}
#detail .util button,#detail .util a,#detail .foot button{min-height:34px;padding:6px 10px}

/* ---- larger request queue ---- */
@media (min-width:981px){.thead,.row{grid-template-columns:minmax(0,2.3fr) minmax(0,1.2fr) 104px 118px 100px 100px;gap:14px}.thead{font-size:11.5px}.row{padding-top:16px;padding-bottom:16px}.row .l1 span:not(.ptag):not(.newtag){font-size:16px}.row .desc,.row .range{font-size:14px}.row .who b{font-size:15px}.row .plat{font-size:13px}.row .bud b{font-size:17px;color:var(--green)}.row .bud small{font-size:12.5px;color:var(--muted)}.row .when b{font-size:15px;color:var(--text);font-weight:600}.row .when small{font-size:12.5px}.row .tag{font-size:12.5px;padding:5px 11px}}

/* ---- hidden queue scrollbar, slightly tighter rows ---- */
.qpanel .listwrap{scrollbar-width:none;-ms-overflow-style:none}
.qpanel .listwrap::-webkit-scrollbar{display:none;width:0;height:0}
@media (min-width:981px){.row{padding-top:13px;padding-bottom:13px}.qpanel .listwrap{padding-bottom:24px}}

/* ---- platform colours in queue ---- */
.row .plat.plat-xbox{color:#107c10;background:#e3f5e1;box-shadow:inset 0 0 0 1px #b9e0b5}
.row .plat.plat-psn{color:#0b5cc4;background:#e4efff;box-shadow:inset 0 0 0 1px #b7d2f5}

.row .plat.plat-ea{color:#c2410c;background:#fff0e5;box-shadow:inset 0 0 0 1px #f5cfb3}
.row .plat.plat-steam{color:#2b4a6b;background:#e6edf4;box-shadow:inset 0 0 0 1px #bccbdb}

/* ---- Sales & insights (matches prototype\sales-insights-preview.html) ---- */
#v-stats .statswrap{max-width:none;overflow:visible;padding-bottom:30px}
.si-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.si-head h1{margin:0 0 4px;font:800 30px/1.15 'DM Sans',sans-serif;letter-spacing:-.02em;color:var(--text)}
.si-sub{margin:0;color:var(--muted);font-size:15px}
.si-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 1px 2px rgba(20,35,31,.04);min-width:0}
.si-card h2{margin:0 0 4px;font:700 16px 'DM Sans',sans-serif}
.si-card .hint{color:var(--muted);font-size:12.5px;margin-bottom:16px}
.si-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.si-kpi small{color:var(--muted);font-weight:600;font-size:13px}
.si-kpi .v{font:800 32px/1.1 'DM Sans',sans-serif;letter-spacing:-.02em;margin:10px 0 6px}
.si-kpi .up{color:var(--green);font-weight:700;font-size:13px}.si-kpi .dn{color:#b4412f;font-weight:700;font-size:13px}.si-kpi .n{color:var(--muted);font-size:13px}
.si-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}
.si-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.si-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:10px;border-bottom:1px solid var(--line)}
.si-chart .col{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}
.si-chart .cbar{width:100%;background:var(--green-bg);border-radius:6px 6px 0 0;min-height:2px}
.si-chart .cbar.hi{background:var(--green)}.si-chart .cbar.zero{background:#eef2ef}
.si-axis{display:flex;gap:8px;margin-top:8px;color:var(--faint);font-size:12px}.si-axis span{flex:1;text-align:center;white-space:nowrap;min-width:0}
.si-bar{margin-bottom:14px}.si-bar .t{display:flex;justify-content:space-between;font-weight:600;margin-bottom:6px;gap:10px}.si-bar .t em{font-style:normal;color:var(--muted);font-weight:500}
.si-bar .tr{height:8px;background:#eef2ef;border-radius:99px}.si-bar .tr i{display:block;height:100%;border-radius:99px;background:var(--green)}
.si-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;margin:6px auto 14px}
.si-ring b{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 26px 'DM Sans',sans-serif}
.si-tbl{width:100%;border-collapse:collapse}.si-tbl td{padding:11px 0;border-bottom:1px solid var(--line)}.si-tbl td:last-child{text-align:right;font-weight:700}.si-tbl tr:last-child td{border:0}.si-tbl small{color:var(--muted);font-weight:500}
.si-pill{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:700;background:#eef1ec;color:#4b5a51}
.si-pill.plat-xbox{background:#e3f5e1;color:#107c10}.si-pill.plat-psn{background:#e4efff;color:#0b5cc4}.si-pill.plat-ea{background:#fff0e5;color:#c2410c}.si-pill.plat-steam{background:#e6edf4;color:#2b4a6b}
#v-stats .sgrid2{margin-top:2px}
@media (max-width:1100px){.si-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.si-grid,.si-grid3{grid-template-columns:1fr}}
@media (max-width:560px){.si-kpis{grid-template-columns:1fr}}
/* Price book */
.bk-actions{display:flex;gap:10px;flex-wrap:wrap}
.bk-actions button{min-height:40px;padding:0 18px;border-radius:10px;font-weight:700}
.bk-ban{display:flex;gap:14px;align-items:center;background:var(--green-bg);border:1px solid #cfe7da;border-radius:14px;padding:16px 20px;margin-bottom:14px}
.bk-ban small{display:block;color:var(--muted);margin-top:2px;font-size:13px}
.bk-ic{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--green);font-size:20px;flex:none}
.bk-games{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.bk-gl{color:var(--faint,#95a098);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-right:4px}
.bk-gc{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;font:600 13px 'DM Sans',sans-serif;color:var(--muted);cursor:pointer}
.bk-gc em{font-style:normal;color:#95a098;margin-left:6px}
.bk-gc[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}
.bk-gc[aria-pressed=true] em{color:#cfe9dc}
.bk-games select{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;font:600 13px 'DM Sans',sans-serif;color:var(--text)}
.bk-gm{display:inline-block;padding:3px 9px;border-radius:99px;background:#eef2ef;font-size:12px;font-weight:700}
.bk-conf{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:700}
.bk-conf.hi{background:var(--green-bg);color:var(--green)}.bk-conf.md{background:#fff3d6;color:#8a6100}.bk-conf.lo{background:#eef2ef;color:#6b7a72}
.bk-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start}
.bk-grid2 .orules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.bk-ex{width:100%;border-collapse:collapse}.bk-ex td{padding:11px 0;border-bottom:1px solid var(--line)}.bk-ex tr:last-child td{border:0}
.bk-ex td.num{text-align:right;font-weight:700}.bk-ex small{display:block;color:var(--muted);font-weight:500;margin-top:2px}
.si-kpi .v{font-size:32px}
@media (max-width:1100px){.bk-grid2{grid-template-columns:1fr}}
@media (max-width:560px){.bk-grid2 .orules{grid-template-columns:1fr}.bk-games select{margin-left:0}}
#v-book{overflow:auto;padding-bottom:30px}
#v-book #book{max-width:none;overflow:visible;flex:none;padding-bottom:0}
#v-book .bk-grid2{flex:none}
#v-book .si-card{overflow:visible}
#v-book .bk-grid2{align-items:stretch}
#v-book .bk-grid2>.si-card{margin:0}
#v-book .bk-grid2 .hint{min-height:20px;margin-bottom:14px}
#v-book .bk-ex{margin-top:6px}

/* ---- Orders overhaul ---- */
#v-orders{overflow:auto}
.ok-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:6px;max-width:1400px}
.ok-card{background:#fff;border:1px solid var(--line,#e8ece9);border-radius:14px;padding:16px 20px;box-shadow:0 1px 2px rgba(20,35,31,.04)}
.ok-card small{color:var(--muted);font-weight:600;font-size:13px}
.ok-v{font:800 28px/1.1 var(--display);letter-spacing:-.02em;margin:8px 0 4px}.ok-v.g{color:var(--green)}
.ok-card span{color:var(--muted);font-size:12.5px}
.orders{max-width:1400px}
.ogroup{align-items:center;color:var(--text,#14231f);font-size:15px;margin:22px 0 10px}
.ogroup .c{background:#eef2ef;color:var(--muted);border-radius:99px;padding:2px 9px;font-size:12px}
.ord{grid-template-columns:140px minmax(0,1fr) 170px 200px;gap:20px;background:#fff;border:1px solid var(--line,#e8ece9);border-left-width:4px;border-radius:14px;padding:16px 20px;margin-bottom:10px;box-shadow:0 1px 2px rgba(20,35,31,.04)}
.ord.s-todo .cd{font-size:24px}
.ord .meta{color:var(--faint);font-size:12.5px;margin-top:4px}
.ord .pay{text-align:right}.ord .pay .gross{color:var(--muted);font-size:12.5px}
.ord .pay .lab{font-size:11px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.ord .pay .net{font:800 22px/1.2 var(--display);color:var(--green);letter-spacing:-.02em}.ord .pay .net.est{color:var(--muted)}
.ord.s-canceled{opacity:.62}
.ord .acts a.ext{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:10px;background:var(--gbg,#e8f4ed);color:var(--green);font-weight:700;font-size:13px;border:1px solid #cfe7da;text-decoration:none}
.ord .acts a.ext:after{content:"\2197"}
.ord .acts a.ext:hover,.ord .acts a.ext:focus-visible{background:#d9eee2}
#ordersRefresh{box-shadow:0 2px 6px rgba(22,116,81,.25)}
@media (max-width:1100px){.ord{grid-template-columns:120px minmax(0,1fr) auto}.ord .acts{grid-column:1/-1;flex-direction:row}.ord .acts>*{flex:1}.ok-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ord{grid-template-columns:1fr}.ord .pay{text-align:left}.ok-grid{grid-template-columns:1fr}}
#v-orders{overflow-y:auto;scrollbar-width:none}
#v-orders::-webkit-scrollbar{display:none}
#v-orders .ok-grid,#v-orders .orders{max-width:none;width:100%;overflow:visible;flex:none}
.ord .who{font-size:17px;gap:10px;letter-spacing:-.01em}
.ord .who .tag,.ord .who .loyal{font-size:12px;font-weight:700;line-height:1;padding:5px 11px;border-radius:99px;display:inline-flex;align-items:center}
.ord .who .loyal{background:#fff7e0;color:#8a6100;border:1px solid #f1e0a8}
.ord .who .t-todo{background:var(--amber-bg,#fff3dc);color:#b4690e;border:1px solid #f1d6a0}
.ord .who .t-waiting{border:1px solid #cfdcf3}
.ord .who .t-canceled{background:#eef2ef;color:var(--faint)}
.ord .what{font-size:14px;color:#46544c;margin-top:8px;gap:8px}
.ord .what img,.ord .what svg,.ord .what .gi{width:24px;height:24px;border-radius:7px}
.ord .meta{font-size:13px;margin-top:6px}
/* Fixed shell: sidebar and topbar stay put, long pages scroll inside without a visible bar */
html,body{overflow:hidden}
#v-stats,#v-book,#v-orders{overflow-y:auto;scrollbar-width:none}
#v-stats::-webkit-scrollbar,#v-book::-webkit-scrollbar{display:none}
.sidebar{overflow-y:auto;scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
@media (max-width:980px){html,body{overflow:auto}}
/* ---- Inbox overhaul ---- */
#v-inbox{overflow:hidden}
#v-inbox .ibar{display:flex;align-items:center;gap:14px;margin-bottom:14px}
#v-inbox .autoc{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
#v-inbox .split{grid-template-columns:minmax(340px,400px) minmax(0,1fr);gap:14px;padding-bottom:20px}
#v-inbox .listwrap{overflow:auto;padding:0;scrollbar-width:none}
#v-inbox .listwrap::-webkit-scrollbar{display:none}
#v-inbox .inbox{max-width:none;padding:0;overflow:visible}
#v-inbox .ilist{display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:visible}
#v-inbox .irow{display:block;padding:13px 14px;border:1px solid transparent;border-radius:12px;box-shadow:none}
#v-inbox .irow:hover{background:var(--raise)}
#v-inbox .irow.sel{background:var(--green-bg);border-color:#cfe7da;box-shadow:none}
#v-inbox .irow .nm{flex-wrap:nowrap;gap:8px}
#v-inbox .irow .nm b{font:800 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#v-inbox .irow .itime{margin-left:auto;color:var(--faint);flex:none}
#v-inbox .irow .ud{width:9px;height:9px;border-radius:50%;background:var(--amber);flex:none}
#v-inbox .irow .tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}
#v-inbox .irow .ist{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px}
#v-inbox .irow .snip{margin-top:6px;font-size:13px}
#v-inbox .irow .sub{display:block;margin-top:3px;color:var(--faint)}
#v-inbox .thread{border-radius:14px;overflow:hidden;min-height:0}
#v-inbox .th{padding:16px 22px;align-items:center;background:#fff}
#v-inbox .th h2{font:800 19px var(--display)}
#v-inbox .th .acts button{padding:8px 14px;font-size:13px;font-weight:700;border-radius:10px}
#v-inbox .th .acts button:not(.close):last-of-type{}
#v-inbox .msgs{background:#fafbf9;padding:22px;gap:2px}
#v-inbox .msg{max-width:62%;padding:11px 15px 8px;border-radius:16px;font-size:14px;line-height:1.45}
#v-inbox .msg.theirs{background:#e7edfd;border:1px solid #cfdbf8;color:#1c2f63;border-bottom-left-radius:4px}
#v-inbox .msg.theirs small{color:#6f84bd}
#v-inbox .msg.mine{border-bottom-right-radius:4px}
#v-inbox .msg.sys{background:var(--green-bg);border:1px solid #cfe7da;color:#2d5645;border-radius:99px;padding:5px 14px}
#v-inbox .day{background:#eef2ef;border-radius:99px;padding:3px 12px;font-weight:700}
#v-inbox .compose{padding:14px 18px;background:#fff;grid-template-columns:1fr}
#v-inbox .compose textarea{min-height:56px;border-radius:14px;padding:14px;background:#f4f6f3}
#v-inbox .compose .cbtns{flex-direction:row;align-items:center;gap:8px}
#v-inbox .compose .cbtns #sendBtn{order:3;margin-left:auto;padding:11px 28px;border-radius:12px;font-size:14px;box-shadow:0 2px 6px rgba(22,116,81,.25)}
#v-inbox .compose .cbtns .ghost{padding:8px 14px;font-size:13px;border-radius:10px}
/* Sales & insights: long lists scroll inside their card */
.si-scroll{max-height:380px;overflow-y:auto;margin-right:-6px;padding-right:6px;scrollbar-width:thin}
/* Inbox: layout matched to the approved preview */
#v-inbox .split{grid-template-columns:minmax(320px,380px) minmax(0,1fr) 290px}
#v-inbox .isearch{display:block;width:100%;margin:0 0 10px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:14px var(--body)}
#v-inbox .ictx{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;align-self:start;box-shadow:var(--shadow)}
#v-inbox .ictx:empty{display:none}
#v-inbox .ictx h3{margin:0;font:700 12px var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}
#v-inbox .crow{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
#v-inbox .crow b{color:var(--text)}
#v-inbox .cnet small{color:var(--faint);font-size:12px}
#v-inbox .cnet .cv{font:800 26px/1.2 var(--display);color:var(--green);letter-spacing:-.02em}#v-inbox .cnet .cv.est{color:var(--muted)}
#v-inbox .ictx .go,#v-inbox .ictx .ext{display:block;text-align:center;padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px;text-decoration:none}
#v-inbox .ictx .ext{border:1px solid var(--line);background:#fff;color:var(--text)}
#v-inbox .quick{display:flex;gap:6px;flex-wrap:wrap}
#v-inbox .quick .qr{padding:6px 12px;border-radius:99px;background:#f4f6f3;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--muted)}
#v-inbox .quick .qr:hover{background:var(--green-bg);color:var(--green)}
#v-inbox .autoc input{appearance:none;-webkit-appearance:none;width:34px;height:20px;border-radius:99px;background:#cfd8d2;position:relative;cursor:pointer;margin:0;transition:background .15s}
#v-inbox .autoc input:checked{background:var(--green)}
#v-inbox .autoc input:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}
#v-inbox .autoc input:checked:after{transform:translateX(14px)}
#v-inbox .autoc input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
#v-inbox .compose{gap:10px}
#v-inbox .listwrap{padding-bottom:0}
@media (max-width:1300px){#v-inbox .split{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}#v-inbox .ictx{display:none}}
/* Inbox: exact match to preview */
#v-inbox .ibar{flex-wrap:nowrap;margin-bottom:16px}
#v-inbox .ibar .chips{width:auto;flex:none;gap:6px;margin:0}
#v-inbox .chips button{padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--line);font:700 13px var(--body);color:var(--muted);box-shadow:none}
#v-inbox .chips button b{margin-left:5px;font-weight:600;opacity:.7;background:none;padding:0}
#v-inbox .chips button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
#v-inbox .autoc{margin-left:8px;flex:none;white-space:nowrap}
#v-inbox .irow .itags{display:flex;flex-direction:row;justify-content:flex-start;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px;text-align:left}
#v-inbox .irow .itags .ist{display:inline-block;margin:0}
#v-inbox .irow .t-todo,#v-inbox .th .t-todo{background:#fff3dc;color:#b4690e;border:1px solid #f1d6a0}
#v-inbox .irow .rcl{font-size:11.5px}
#v-inbox .irow .nm{justify-content:flex-start}
#v-inbox .irow .imain{text-align:left}
#v-inbox .compose{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}
#v-inbox .compose .quick,#v-inbox .compose .hint{grid-column:1/-1}
#v-inbox .compose .boxwrap{position:relative;display:flex}
#v-inbox .compose .boxwrap textarea{width:100%;max-width:none;min-height:56px;padding:15px 52px 15px 16px;resize:none;margin:0}
#v-inbox .compose .attach{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;background:transparent;font-size:17px;opacity:.55;border-radius:8px}
#v-inbox .compose .attach:hover{opacity:1;background:var(--raise)}
#v-inbox .compose .cbtns{display:flex}
#v-inbox .compose .cbtns #sendBtn{order:0;margin:0;height:100%;min-height:56px;padding:0 26px;border-radius:14px}
/* Inbox: order card stretches to bottom, actions pinned to the bottom */
#v-inbox .ictx{align-self:stretch;min-height:0}
#v-inbox .ictx .cnet{margin-bottom:auto}
#readAll{box-shadow:0 2px 6px rgba(22,116,81,.25)}
#readAll:disabled{opacity:.55;box-shadow:none}

/* Inbox: detailed order card */
#v-inbox .ictx{gap:16px;overflow-y:auto;scrollbar-width:none}
#v-inbox .csec{display:flex;flex-direction:column}
#v-inbox .csec>h3{margin-bottom:6px}
#v-inbox .crow{gap:12px;align-items:center}
#v-inbox .crow:last-child{border-bottom:0}
#v-inbox .crow b{text-align:right}
#v-inbox .ctag{display:inline-block;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:700;background:#eef2ef;color:var(--muted)}
#v-inbox .ctag.t-todo{background:#fff3dc;color:#b4690e;border:1px solid #f1d6a0}
#v-inbox .ctag.t-done{background:var(--green-bg);color:var(--green)}
#v-inbox .ctag.t-waiting{background:#e7edfd;color:#3b57b8}
#v-inbox .ctag.t-disputed,#v-inbox .ctag.t-canceled{background:var(--red-bg);color:var(--red)}
#v-inbox .creq{background:#f9faf8;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
#v-inbox .crt{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:15px}
#v-inbox .ckv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px;color:var(--muted)}
#v-inbox .ckv b{color:var(--text);text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}
#v-inbox .cnote{margin-top:10px;padding:10px 12px;background:#fff7e0;border:1px solid #f1e0a8;border-radius:10px;color:#5c4400;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
#v-inbox .cnote span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a6100;margin-bottom:3px}
#v-inbox .ccalc{background:var(--green-bg);border:1px solid #cfe7da;border-radius:12px;padding:12px 14px}
#v-inbox .ccalc .crow{border-color:#cfe7da;color:#416253}
#v-inbox .ccalc .neg{color:#b0452f}
#v-inbox .cbar{height:8px;border-radius:99px;background:#d5e8dd;overflow:hidden;display:flex;margin:6px 0 2px}
#v-inbox .cbar i{background:var(--green)}#v-inbox .cbar i+i{background:#e9b8aa}
#v-inbox .ctot{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;margin-top:4px;border-top:2px solid #b9dcc9}
#v-inbox .ctot span{font-size:12.5px;color:#416253;font-weight:700}
#v-inbox .ctot b{font:800 26px var(--display);color:var(--green);letter-spacing:-.02em}#v-inbox .ctot b.est{color:#416253}
#v-inbox .ccalc small{display:block;color:#6b8c7b;font-size:11.5px;margin-top:6px}
#v-inbox .cacts{margin-top:auto;display:flex;flex-direction:column;gap:8px}
#v-inbox .crt b{min-width:0}
#v-inbox .crt .ctag{white-space:nowrap;flex:none}

#v-inbox .creq{background:none;border:0;padding:0}
#v-inbox .crt{margin-bottom:2px}
#v-inbox .ckv:last-of-type{border-bottom:0}

#v-inbox .ckv{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;justify-content:start}
#v-inbox .ckv b{text-align:left}

#v-inbox .ckv{grid-template-columns:minmax(0,1fr) 112px;justify-content:stretch}
#v-inbox .ckv span{white-space:nowrap}

#v-inbox .creq .ckv{display:flex;justify-content:flex-start;gap:0}
#v-inbox .creq .ckv>span{flex:1 1 auto;min-width:0;white-space:nowrap}
#v-inbox .creq .ckv>b{flex:0 0 112px;width:112px;text-align:left}

/* Order card: one shared value column */
#v-inbox .ictx>.csec:first-of-type .crow{display:flex;justify-content:flex-start;gap:0}
#v-inbox .ictx>.csec:first-of-type .crow>span{flex:1 1 auto;min-width:0}
#v-inbox .ictx>.csec:first-of-type .crow>b{flex:0 0 124px;width:124px;text-align:left}
#v-inbox .creq .ckv>b{flex:0 0 124px;width:124px}
#v-inbox .ictx>.csec:first-of-type .crow>b,#v-inbox .creq .ckv>b{flex:0 0 112px;width:112px;padding-left:0;text-align:left}
#v-inbox .creq .ckv>span,#v-inbox .ictx>.csec:first-of-type .crow>span{flex:1 1 auto;min-width:0;white-space:nowrap}

#v-inbox .creq .crt{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:0;align-items:center}
#v-inbox .creq .crt .ctag{justify-self:start}

#v-inbox .creq .ckv>b,#v-inbox .ictx>.csec:first-of-type .crow>b{border:0;margin:0;white-space:nowrap}
#v-inbox .creq .ckv{border-bottom:1px dashed var(--line)}#v-inbox .creq .ckv:last-of-type{border-bottom:0}

/* Automation page */
.atabs{display:flex;gap:6px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.atabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 16px;font:700 14px var(--display,inherit);color:var(--muted);cursor:pointer;border-radius:0}
.atabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}
.atabs button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
#v-auto .arow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
#v-auto .arow:last-of-type{border-bottom:0}
#v-auto .arow .switch{margin:0}
#v-auto .ctl{display:flex;align-items:center;gap:8px;color:var(--muted)}
#v-auto .anum,#v-auto .atime{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:700 13.5px inherit;color:var(--text)}
#v-auto .anum{width:72px;text-align:center}
#v-auto .anum:disabled,#v-auto .atime:disabled{opacity:.5}
#v-auto .achip{padding:3px 10px;border-radius:99px;background:var(--green-bg);color:var(--green);font-weight:700;font-size:12px}
#v-auto .orow{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
#v-auto .orow:last-child{border-bottom:0}
#v-auto .orow>div:first-child{flex:1;min-width:0}
#v-auto .orow b{display:block}
#v-auto .orow small{display:block;color:var(--muted)}
#v-auto .orow.off b{color:var(--muted)}
#v-auto .orow .conf{text-align:right;min-width:150px}
#v-auto .aoswitch{margin:0}
#v-auto .aoswitch input:disabled{opacity:.45;cursor:not-allowed}
#v-auto{overflow:auto;padding-bottom:30px}
#v-auto [hidden]{display:none!important}
#v-auto .sgrid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:start}
#v-auto .arow .switch{white-space:nowrap}
#v-auto .atime{width:118px}
#v-auto .amcats{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
#v-auto .amcats label{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:99px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;background:#fff}
#v-auto .amcats label.on{background:var(--green-bg);border-color:#cfe7da;color:var(--green)}
#v-auto .amcats input{accent-color:var(--green);margin:0}
/* Settings: full-width, tidy grid */
#v-set .sgrid{max-width:none;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
#v-set .sgrid>.card{grid-column:span 3;margin:0}
#v-set .sgrid>.card:nth-child(1){grid-column:span 7}
#v-set .sgrid>.card.wide{grid-column:span 5}
#v-set .selrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#v-set .swgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:2px}
#v-set .swgrid .switch{margin:0;padding:9px 0;border-bottom:1px solid var(--line)}
#v-set .card h2{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:14px}
#v-set #blockedList{max-height:none;overflow:visible}
#v-set textarea{min-height:130px}
@media(max-width:1400px){#v-set .sgrid>.card{grid-column:span 6}#v-set .sgrid>.card:nth-child(1),#v-set .sgrid>.card.wide{grid-column:span 12}}
@media(max-width:760px){#v-set .sgrid>.card{grid-column:span 12}#v-set .selrow,#v-set .swgrid{grid-template-columns:1fr}}
/* Automation: full-width layout, template moved here */
#v-auto .sgrid{grid-template-columns:repeat(12,minmax(0,1fr));max-width:none;gap:16px}
#v-auto .sgrid>.card{grid-column:span 6;margin:0}
#v-auto .sgrid>.card.tplcard,#v-auto #aPanelOffer>.card{grid-column:span 12}
#v-auto .tplgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
#v-auto .tplR .plabel{margin-top:0}
#v-auto textarea{min-height:130px}
#v-auto #aoList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
#v-auto #aoList .orow:nth-last-child(2):nth-child(odd){border-bottom:0}
@media(max-width:1100px){#v-auto .sgrid>.card{grid-column:span 12}#v-auto .tplgrid,#v-auto #aoList{grid-template-columns:1fr}}
/* Settings: Monitoring on its own full-width row */
#v-set .sgrid>.card:nth-child(1){grid-column:span 12}
#v-set .selrow{grid-template-columns:repeat(3,minmax(0,1fr))}
#v-set .swgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){#v-set .swgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Template under Safety limits (right column) */
#v-auto #aPanelMsg>.card.tplcard{grid-column:span 6}
#v-auto #aPanelMsg>.card:first-child{grid-row:span 2}
#v-auto #aPanelMsg .tplgrid{grid-template-columns:1fr;gap:12px}
@media(max-width:1100px){#v-auto #aPanelMsg>.card,#v-auto #aPanelMsg>.card.tplcard{grid-column:span 12}#v-auto #aPanelMsg>.card:first-child{grid-row:auto}}
/* Automation: full-width cards, game selector */
#v-auto #aPanelMsg>.card,#v-auto #aPanelMsg>.card.tplcard,#v-auto #aPanelMsg>.card:first-child{grid-column:span 12;grid-row:auto}
#v-auto .amgame select{max-width:320px}
#v-auto #aPanelMsg .tplgrid{grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:900px){#v-auto #aPanelMsg .tplgrid{grid-template-columns:1fr}}
#v-auto .amcats label.hid{opacity:.55;border-style:dashed}

/* Request queue: status chips side by side */
@media (min-width:981px){.thead,.row{grid-template-columns:minmax(0,2.3fr) minmax(0,1.2fr) 104px 118px 100px 236px}.row .tags{flex-wrap:nowrap;white-space:nowrap;gap:6px}.row .tag{white-space:nowrap}}
@media (min-width:981px) and (max-width:1300px){.thead,.row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 96px 104px 90px 236px}}
/* Inbox: request panel status chips */
#v-inbox .ctag.t-active,#v-inbox .ctag.t-bought{background:#eef2ef;color:var(--muted)}
#v-inbox .ctag.t-active{background:var(--green-bg);color:var(--green)}
#v-inbox .ctag.t-won{background:var(--green-bg);color:var(--green)}
#v-inbox .ctag.t-dead{background:var(--red-bg);color:var(--red)}
#v-inbox .ictx .cacts .ghost{width:100%;padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px}
#v-inbox .ictx .mkt{margin:0}
#v-inbox .cverd{font-size:12.5px;font-weight:700;padding:8px 10px;border-radius:10px;margin-top:6px}
#v-inbox .cverd.v-ok{background:var(--green-bg);color:var(--green)}
#v-inbox .cverd.v-low{background:#e7edfd;color:#3b57b8}
#v-inbox .cverd.v-high{background:#fff3dc;color:#b4690e}
/* Price sheet */
#v-auto .shcard{grid-column:span 12}
#v-auto .shhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px}
#v-auto .shbar{display:flex;gap:12px;align-items:flex-end}
#v-auto .shbar .field{margin:0;min-width:200px}
#v-auto .shrow{border:1px solid var(--line);border-radius:12px;margin:8px 0;background:#fff}
#v-auto .shrow.on{border-color:#cfe7da;background:#fbfdfb}
#v-auto .shrow>summary{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;list-style:none}
#v-auto .shrow>summary::-webkit-details-marker{display:none}
#v-auto .shrow>summary::before{content:"\25B8";color:var(--faint);font-size:12px;transition:transform .15s}
#v-auto .shrow[open]>summary::before{transform:rotate(90deg)}
#v-auto .shrow>summary:focus-visible{outline:2px solid var(--green);outline-offset:-2px;border-radius:12px}
#v-auto .shname{flex:1;min-width:0}
#v-auto .shname b{display:block}
#v-auto .shname small{display:block;color:var(--muted)}
#v-auto .shchip{padding:3px 10px;border-radius:99px;background:#eef2ef;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
#v-auto .shchip.set{background:#fff3dc;color:#b4690e}
#v-auto .shchip.set.on{background:var(--green-bg);color:var(--green)}
#v-auto .shbody{padding:4px 16px 16px;border-top:1px solid var(--line)}
#v-auto .shgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end;margin-top:12px}
#v-auto .shgrid .field{margin:0}
#v-auto .shnum{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font:inherit}
#v-auto .shduo{margin:0 0 8px}
#v-auto .shlab{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}
#v-auto .shmult label{display:inline-flex;flex-direction:column;gap:3px;margin:0 10px 0 0;font-size:12px;color:var(--muted);width:92px}
#v-auto .shrk{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
#v-auto .shrk-i{display:grid;grid-template-columns:minmax(0,1fr) 84px auto;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}
#v-auto .shrk-i b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-auto .shrk-i.skip{background:var(--red-bg);border-color:#f0c9c6}
#v-auto .shrk-i .shnum{padding:5px 7px}
#v-auto .shskip{display:inline-flex;gap:4px;align-items:center;font-size:12px;color:var(--muted);cursor:pointer}
#v-auto .shex{margin:12px 0 0}
#v-auto .shacts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.modal .mstrat.four{grid-template-columns:repeat(4,1fr)}

/* Shadow mode */
#aPanelShadow{display:block}#aPanelShadow[hidden]{display:none}
.sdtop{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.sdtop.sdhead{margin-bottom:4px}
.sdsw{display:flex;align-items:center;gap:12px;font-weight:700}.sdlearn{margin-top:10px;font-weight:600;font-size:13.5px}
.sdsmall{color:var(--muted);font-weight:500}
.sdnote{max-width:720px;line-height:1.5}.sdmeta{text-align:right}
.sdlive{display:inline-flex;gap:7px;align-items:center;background:#e8f4ed;color:#167451;padding:5px 12px;border-radius:99px;font-weight:700;font-size:12.5px}
.sdlive::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.sdlive.off{background:#eef2ef;color:#6b7a72}
.sdready{display:flex;gap:14px;align-items:center;background:#e8f4ed;border:1px solid #cfe7da;border-radius:12px;padding:14px 16px;margin-bottom:16px}
.sdready b{display:block}.sdready span{color:#3d6b57;font-size:13px}.sdready>div{flex:1;min-width:0}
.sdready .sdic{width:36px;height:36px;border-radius:50%;background:#167451;color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.sdgo{background:#167451;border:1px solid #167451;color:#fff;border-radius:9px;padding:8px 14px;font-weight:700;cursor:pointer}
.sdbtn{border:1px solid #e8ece9;background:#fff;border-radius:9px;padding:6px 12px;font-weight:700;font-size:12.5px;cursor:pointer;margin-left:6px;color:inherit}
.sdkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.sdkpi{padding:18px 20px}.sdkpi small{color:#6b7a72;font-weight:600}.sdkpi .sdv{font-size:30px;font-weight:800;margin:8px 0 4px;letter-spacing:-.02em}.sdkpi span{color:#6b7a72;font-size:13px}
.sdkpi.good .sdv{color:#167451}.sdkpi.warn .sdv{color:#b4690e}
.sdgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px}.sdgrid>.card{min-width:0}
.sddist{display:flex;align-items:flex-end;gap:6px;height:130px;margin-top:16px;padding:0 4px;border-bottom:1px solid #e8ece9}
.sddist div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:100%;font-size:11px;color:#6b7a72}
.sddist em{font-style:normal;font-weight:700}
.sddist i{display:block;width:100%;border-radius:6px 6px 0 0;background:#c4d0f0}.sddist .c i{background:#167451}.sddist .h i{background:#f1d6a0}
.sddl{display:flex;gap:6px;margin-top:6px;font-size:11px;color:#95a098}.sddl span{flex:1;text-align:center}
.sdlegend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#6b7a72}.sdlegend b{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sdscroll{overflow-x:auto}
.sdtable{width:100%;border-collapse:collapse;margin-top:12px}
.sdtable th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:#95a098;padding:8px 10px;border-bottom:1px solid #e8ece9;white-space:nowrap}
.sdtable td{padding:11px 10px;border-bottom:1px solid #e8ece9;vertical-align:middle}.sdtable tr:last-child td{border-bottom:0}
.sdtable td small{display:block;color:#6b7a72;font-size:12px}
.sdnum{font-variant-numeric:tabular-nums;font-weight:700}.sddim{color:#95a098}
.sdbar{height:8px;border-radius:99px;background:#eef2ef;overflow:hidden;min-width:90px}.sdbar i{display:block;height:100%;background:#167451;border-radius:99px}.sdbar.m i{background:#b4690e}.sdbar.l i{background:#b4412f}
.sdchip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;white-space:nowrap;border:0;font-family:inherit}
button.sdchip{cursor:pointer;padding:5px 12px}
.sdchip.ok,.sdchip.exact{background:#e8f4ed;color:#167451}.sdchip.mid,.sdchip.hi{background:#fff3dc;color:#b4690e}.sdchip.low{background:#eef2ef;color:#6b7a72}.sdchip.lo{background:#e7edfd;color:#3b57b8}.sdchip.pend{background:#eef2ef;color:#95a098}
.sdflt{display:flex;gap:8px;flex-wrap:wrap}
.sdsug{background:#fffaf0;border:1px solid #f1e0a8;border-radius:10px;padding:8px 12px;font-size:12.5px;color:#7a5a12;margin-top:8px;line-height:1.5}
.sdfoot{margin-top:12px}.sdempty{margin-top:4px}
@media(max-width:1100px){.sdkpis{grid-template-columns:repeat(2,1fr)}.sdgrid{grid-template-columns:1fr}}
@media(max-width:560px){.sdkpis{grid-template-columns:1fr}.sdready{flex-wrap:wrap}.sdmeta{text-align:left}}
#sellerCard .selrow{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){#sellerCard .selrow{grid-template-columns:1fr}}
#gameSel{min-width:210px;max-width:280px;font-size:14px}
html[data-theme="dark"]{color-scheme:dark;background:#fff;filter:invert(.92) hue-rotate(180deg) brightness(.95)}
html[data-theme="dark"] img,html[data-theme="dark"] video,html[data-theme="dark"] .sidebar,html[data-theme="dark"] .gicon,html[data-theme="dark"] .toast{filter:invert(1) hue-rotate(180deg)}
#platpick .pop{left:auto;right:0;min-width:240px;max-width:calc(100vw - 24px)}
#platpick .pbtns button{width:100%}

/* Seller API vs browser session read speed */
.apispeed{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e6ebe8)}
.apispeed .apihead{display:flex;align-items:center;gap:10px}
.apispeed .apihead small{color:var(--muted,#6b7a72);flex:1}
.apispeed .note{margin:6px 0 8px}
.apitbl{width:100%;border-collapse:collapse;font-size:13px}
.apitbl th,.apitbl td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line,#e6ebe8);white-space:nowrap}
.apitbl th{font-weight:600;color:var(--muted,#6b7a72);font-size:12px}
.apitbl td.apiepn{white-space:normal;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12px}
.apiep{margin-top:8px}
.apiep summary{cursor:pointer;font-weight:600;font-size:13px}
.apiep .apitbl{display:block;overflow-x:auto}
#detail .auto-note{margin:10px 0 0}
#detail .loyalbox{display:block;margin:12px 0 0;line-height:1.45}
#detail .util{margin-top:12px}
/* ---- notifications (v2.30): filters left, list in the middle, details on the right ---- */
#v-notif{max-width:none}
.nf-kpis{margin-top:4px}
.nf-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 340px;gap:16px;align-items:start}
.nf-rail{padding:14px}
.nf-rail h3{margin:2px 8px 10px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
#notifFilters{display:flex;flex-direction:column;gap:2px;margin:0 0 6px}
#notifFilters button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;box-shadow:none;padding:10px;border-radius:9px;font:600 14px var(--body);color:var(--muted);text-align:left}
#notifFilters button b{margin-left:auto;font-size:12px;background:var(--raise);border-radius:99px;padding:2px 8px;color:var(--muted);opacity:1}
#notifFilters button:hover{background:var(--raise)}
#notifFilters button[aria-pressed="true"]{background:var(--green-bg);color:var(--green)}
#notifFilters button[aria-pressed="true"] b{background:var(--panel)}
.nf-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--text)}
.nf-toggle{display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--muted);font-weight:600;font-size:13.5px;cursor:pointer}
.nf-toggle input{width:16px;height:16px;accent-color:var(--green)}
.nf-main{padding:0;overflow:hidden}
.nf-tools{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.nf-tools input{flex:1;min-width:0;border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:10px 12px}
.nf-tools select{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:10px 12px;font-weight:600;font-size:13px}
.notiflist{max-width:none;padding:0}
.notif-day{margin:0;padding:12px 18px 8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);background:var(--bg);border-bottom:1px solid var(--line)}
.nf{display:flex;gap:14px;align-items:flex-start;padding:15px 18px 15px 22px;border-bottom:1px solid var(--line);position:relative;cursor:pointer;background:var(--panel)}
.nf:hover{background:#fafcfb}.nf.sel{background:var(--green-bg)}
.nf.un::before{content:"";position:absolute;left:8px;top:28px;width:7px;height:7px;border-radius:50%;background:var(--green)}
.nf-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex:none;background:var(--raise);color:var(--muted)}
.nf-ic.k-reply{background:var(--blue-bg);color:var(--blue)}.nf-ic.k-order{background:var(--amber-bg);color:var(--amber)}.nf-ic.k-win{background:var(--green-bg);color:var(--green)}.nf-ic.k-auto{background:#efe8fb;color:#6a3fb5}.nf-ic.k-sheet{background:#e3f5e1;color:#107c10}
.nf-body{flex:1;min-width:0}
.nf-t{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nf-t b{font-size:14.5px;color:var(--text)}
.nf-tag{font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px;background:var(--raise);color:var(--muted)}
.nf-tag.k-reply{background:var(--blue-bg);color:var(--blue)}.nf-tag.k-order{background:var(--amber-bg);color:var(--amber)}.nf-tag.k-win{background:var(--green-bg);color:var(--green)}.nf-tag.k-auto{background:#efe8fb;color:#6a3fb5}.nf-tag.k-sheet{background:#e3f5e1;color:#107c10}
.nf-body p{margin:3px 0 0;color:var(--muted);line-height:1.45;overflow-wrap:anywhere;font-size:13.5px}
.nf-delta{display:inline-flex;gap:6px;align-items:center;margin-top:6px;font-weight:700;background:var(--bg);border-radius:8px;padding:5px 9px;font-size:13px}
.nf-delta s{color:var(--faint)}.nf-delta em{font-style:normal;color:var(--green)}
.nf-meta{display:flex;gap:8px;flex-direction:column;align-items:flex-end;flex:none}
.nf-meta small{color:var(--faint);font-weight:600;white-space:nowrap}
.nf-act{padding:6px 11px;font-size:12px;font-weight:700;color:var(--green);border-radius:8px}
.nf-empty{padding:36px 18px;text-align:center;color:var(--muted)}
.nf-foot{padding:14px 18px;color:var(--faint);font-size:12.5px;text-align:center}
.nf-detail{position:sticky;top:16px;padding:0;overflow:hidden}
.nf-dh{display:flex;gap:12px;align-items:center;padding:18px 18px 14px}.nf-dh>div{flex:1;min-width:0}.nf-dh h2{margin:2px 0 0;font-size:17px;overflow-wrap:anywhere}
.nf-dk{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.nf-cat{margin:0 18px;padding:10px 14px;border-radius:10px;background:var(--bg);display:flex;justify-content:space-between;gap:10px;align-items:baseline}.nf-cat span{color:var(--muted);font-size:12.5px;font-weight:600}
.nf-ba{display:flex;align-items:center;gap:10px;margin:16px 18px}
.nf-bx{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-align:center}
.nf-bx small{display:block;color:var(--faint);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.nf-bx strong{display:block;font-size:28px;letter-spacing:-.02em;margin:4px 0 0}
.nf-bx span{font-size:12.5px;color:var(--muted);font-weight:600}
.nf-bx.af{background:var(--green-bg);border-color:#cfe7da}.nf-bx.af strong{color:var(--green)}.nf-bx.af span.up{color:var(--green);font-weight:800}.nf-bx.af span.dn{color:var(--red);font-weight:800}
.nf-ar{color:var(--faint);font-size:20px}
.nf-msg{margin:0 18px;padding:12px 0;border-top:1px solid var(--line)}
.nf-msg small{color:var(--faint);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.nf-msg p{margin:4px 0 0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.nf-time{margin:0 18px 16px;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:13px}.nf-time span{color:var(--muted);font-weight:600}
.nf-detail .go{display:block;width:calc(100% - 36px);margin:0 18px 8px;padding:11px 14px;text-align:center}
.nf-detail .nf-del{display:block;width:calc(100% - 36px);margin:0 18px 18px;color:var(--red)}
@media (max-width:1280px){.nf-layout{grid-template-columns:200px minmax(0,1fr)}.nf-detail{grid-column:1/-1;position:static}}
@media (max-width:760px){.nf-layout{grid-template-columns:1fr}.nf-meta{display:none}}
/* Playbook tab */
#pbRoot{display:block}
.pb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.pb-eyebrow{margin:0 0 4px;font:800 11px/1 var(--display);letter-spacing:.14em;color:var(--green)}
.pb-head h1{margin:0 0 4px;font:800 30px/1.15 var(--display);letter-spacing:-.02em}
.pb-sub{margin:0;color:var(--muted);max-width:640px}
.pb-segwrap{display:inline-flex;align-items:center;gap:10px}.pb-segwrap>span{color:var(--muted);font-weight:600}
.pb-seg{display:inline-flex;background:var(--raise);border-radius:10px;padding:3px;gap:0}
.pb-segbtn{border:0;box-shadow:none;background:none;min-height:36px;padding:0 16px;border-radius:8px;font-weight:700;font-size:13px;color:var(--muted)}
.pb-segbtn:hover{background:none;border:0}
.pb-segbtn.on{background:var(--panel);box-shadow:0 1px 4px #0002;color:var(--text)}
.pb-segbtn.on.live{color:var(--green)}
.pb-banner{background:var(--blue-bg);color:var(--blue);border-radius:10px;padding:10px 14px;margin-bottom:18px;font-weight:600}
.pb-banner.amb{background:var(--amber-bg);color:var(--amber)}
.pb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.pb-kpi{padding:16px 18px}.pb-kpi small{color:var(--muted);font-weight:600}
.pb-kpi .v{font:800 26px/1.2 var(--display);margin:4px 0 2px}.pb-kpi .n{color:var(--muted);font-size:13px}
.pb-tw{overflow-x:auto;margin-bottom:18px}
.pb-table{border-collapse:collapse;width:100%;min-width:760px}
.pb-table th{text-align:left;font:700 11px var(--display);letter-spacing:.08em;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line)}
.pb-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.pb-table tbody tr{cursor:pointer}.pb-table tbody tr.static{cursor:default}.pb-table tbody tr:last-child td{border-bottom:0}
.pb-table tbody tr.sel{background:#f2f9f4}.pb-table tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.pb-table tbody tr.off td:not(:nth-child(2)){opacity:.55}
.pb-table td small{display:block;color:var(--muted)}
.pb-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}
.pb-mute{color:var(--muted)}
.pb-pad{padding:20px 20px 6px}.pb-pad h2{margin:0}
.pb-pill{display:inline-block;padding:4px 10px;border-radius:999px;font:700 12px var(--body);background:var(--raise);color:var(--muted);white-space:nowrap}
.pb-pill.g{background:var(--green-bg);color:var(--green)}.pb-pill.i{background:var(--blue-bg);color:var(--blue)}.pb-pill.a{background:var(--amber-bg);color:var(--amber)}.pb-pill.r{background:var(--red-bg);color:var(--red)}
.pb-cols{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}
.pb-stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.pb-card{padding:20px}.pb-card h2{margin:0;font:800 18px var(--display)}
.pb-dh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.pb-dh small{color:var(--muted)}
.pb-h3{margin:18px 0 8px;font:700 12px var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pb-h3.first{margin-top:0}
.pb-grp{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex-wrap:wrap}
.pb-grp button{border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--panel);min-height:44px;padding:0 16px;font-weight:700;font-size:13px}
.pb-grp button:last-child{border-right:0}.pb-grp button[aria-pressed=true]{background:var(--green-bg);color:var(--green)}
.pb-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pb-opt{text-align:left;border-radius:10px;padding:12px;min-height:44px;box-shadow:none;display:block}
.pb-opt b{display:block}.pb-opt .pb-p{display:block;font:800 18px var(--display);margin:4px 0}.pb-opt small{color:var(--muted)}
.pb-opt[aria-pressed=true]{border-color:var(--green);background:#f2f9f4;box-shadow:0 0 0 1px var(--green)}
.pb-msghead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}
.pb-msghead .field{margin-bottom:0;min-width:220px}
.pb-bubble{margin-top:8px;padding:14px 16px;background:#eaeeff;border-radius:12px 12px 12px 3px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:640px}
.pb-imgrow{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;margin-top:6px}
.pb-thumb{width:160px;max-height:160px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--raise)}
.pb-thumb.empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--faint);font-size:13px}
.pb-file{display:inline-block;margin:0 8px 0 0;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;font-weight:700}
.pb-file:focus-within{outline:2px solid var(--green);outline-offset:2px}
.pb-file input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.pb-test{list-style:none;margin:8px 0 0;padding:0}
.pb-test li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:13px}
.pb-test li:first-child{border-top:0}.pb-test b{white-space:nowrap;color:var(--green)}.pb-test b.mute{color:var(--muted)}
.pb-stop{margin-top:12px;width:100%;min-height:44px;font-weight:700}
@media (max-width:1100px){.pb-cols{grid-template-columns:1fr}.pb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pb-kpis{grid-template-columns:1fr}.pb-opts{grid-template-columns:1fr}}
.pb-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.pb-row3.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pb-card .f span{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}
.pb-card .f input,.pb-card .f select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--panel)}
.pb-opts{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.pb-row3{grid-template-columns:1fr 1fr}.pb-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pb-row3,.pb-row3.two{grid-template-columns:1fr}.pb-opts{grid-template-columns:1fr}}
.pb-exc{margin-top:8px}.pb-excadd{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.pb-excadd select,.pb-excadd input,.pb-cap input[type=number]{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--panel);font:inherit}
.pb-excadd input{width:90px}.pb-cap input[type=number]{width:80px;margin-top:8px}
.pb-cap,.pb-hours{margin-top:14px}
.pb-bar{height:8px;border-radius:99px;background:var(--line);margin-top:10px;overflow:hidden}.pb-bar i{display:block;height:100%;background:var(--green);border-radius:99px}
.pb-days{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}
.pb-days button{min-height:40px;min-width:44px;padding:0 10px;border-radius:10px;font-weight:700;background:var(--panel)}
.pb-days button[aria-pressed=true]{background:var(--green-bg);color:var(--green);border-color:var(--green)}
.pb-games{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}
.pb-game{min-height:44px;padding:0 14px;border-radius:10px;font-weight:700;background:var(--panel);display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.pb-game small{font-weight:500;color:var(--muted,#6b7280);font-size:11px}
.pb-game[aria-pressed=true]{background:var(--green-bg);color:var(--green);border-color:var(--green)}
.nf,.nf-detail{user-select:text;-webkit-user-select:text}.nf-body p,.nf-detail p{cursor:text}
.pb-online{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line,#e8ece9);background:#fff;font:700 13px inherit;font-family:inherit;color:#6b7772;cursor:pointer}
.pb-online i{width:10px;height:10px;border-radius:50%;background:#b8c2bc}
.pb-online.on{background:#e8f4ed;border-color:#43c28a;color:#11603f}
.pb-online.on i{background:#2fbf7a;box-shadow:0 0 0 4px #2fbf7a33}
.pb-rd{min-width:0}
.pb-hero{background:linear-gradient(135deg,#0f3b2b,#14573f);color:#fff;border-radius:16px;padding:20px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.pb-hero h2{margin:0;font:800 26px/1.15 var(--display);letter-spacing:-.02em;color:#fff}.pb-hero p{margin:4px 0 0;color:#cfe6da}
.pb-hey{font:800 11px var(--display);letter-spacing:.14em;color:#8fd1b2;margin-bottom:2px}
.pb-hst{display:flex;gap:10px;flex-wrap:wrap}.pb-hst .st{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;padding:8px 14px;min-width:92px}
.pb-hst .st small{display:block;color:#bfdccd;font-weight:600;font-size:12px}.pb-hst .st b{font-size:18px}
.pb-sw{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.pb-tg{width:42px;height:24px;min-height:0;padding:0;border-radius:99px;background:#ffffff40;position:relative;border:0;cursor:pointer;flex:none;box-shadow:none}
.pb-tg::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.15s}
.pb-tg[aria-pressed=true]{background:#43c28a}.pb-tg[aria-pressed=true]::after{left:21px}
.pb-sec{padding:18px 20px;margin-bottom:18px}
.pb-sec h2{margin:0 0 2px;font:800 16px var(--display);display:flex;align-items:center;gap:8px}
.pb-sec h2 i{width:26px;height:26px;border-radius:8px;background:var(--green-bg);color:var(--green);display:grid;place-items:center;font-style:normal;font-size:14px}
.pb-sec .hint{margin:0 0 14px;color:var(--muted);font-size:13px}
.pb-sec>h2:not(:has(+.hint)){margin-bottom:14px}
.pb-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pb-mode{border:1.5px solid var(--line);background:var(--panel);border-radius:12px;padding:14px 12px;text-align:left;cursor:pointer;min-height:44px;box-shadow:none;display:block}
.pb-mode b{display:block;font-size:14px}.pb-mode span{color:var(--muted);font-size:12px;font-weight:400}
.pb-mode[aria-pressed=true]{border-color:var(--green);background:var(--green-bg)}.pb-mode[aria-pressed=true] b{color:var(--green)}
.pb-sec .pb-opt{border-width:1.5px;border-radius:12px;position:relative}
.pb-sec .pb-opt[aria-pressed=true]{background:var(--green-bg);box-shadow:0 0 0 3px #16745122}
.pb-sec .pb-opt[aria-pressed=true]::after{content:"\2713";position:absolute;top:8px;right:10px;color:var(--green);font-weight:800}
.pb-sec .pb-row3:first-child,.pb-sec .hint+.pb-row3{margin-top:0}
.pb-sec .pb-excadd{padding-top:4px}
.pb-sec .pb-test li{background:var(--raise);border:0;border-radius:10px;margin-bottom:8px;padding:10px 12px}
.pb-summ{position:sticky;top:12px;z-index:2}
.pb-summ .big{font:800 30px/1.2 var(--display);letter-spacing:-.02em;margin-top:8px}.pb-summ .big .u{font-size:14px;color:var(--muted);font-weight:600}
.pb-summ .n{color:var(--muted);font-size:13px;margin:2px 0 8px}
.srow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line)}.srow:last-child{border:0}.srow span{color:var(--muted)}.srow b{text-align:right}
@media(max-width:1100px){.pb-summ{position:static}}
@media(max-width:640px){.pb-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pb-sec .f span{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}
.pb-sec .f{display:block}
.pb-sec .f input,.pb-sec .f select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--panel);font:inherit}
.pb-sec .pb-row3.two{margin-top:0}
.pb-callout{margin:10px 0 0;padding:10px 12px;border-radius:10px;font-size:13px;background:var(--green-bg);color:var(--green)}
.tg2{font-style:normal;display:inline-block;border-radius:99px;padding:2px 10px;font-weight:700;font-size:12px}
.tg2.if{background:var(--amber-bg);color:var(--amber)}.tg2.then{background:var(--green-bg);color:var(--green)}.tg2.skip{background:var(--red-bg);color:var(--red)}
.pb-exc .pb-test li{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pb-exc .pb-test li button{background:var(--panel);border:1px solid var(--line);border-radius:9px;min-height:36px;padding:0 14px;font-weight:700}
.pb-sec .pb-excadd select,.pb-sec .pb-excadd input{min-height:44px}
.pb-sec .pb-excadd button{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-weight:700}
.pb-sec .pb-msghead .field>span{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:4px}
.pb-summ{position:static}
.pb-cols>.pb-stack{position:sticky;top:14px;max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:2px}
@media(max-width:1100px){.pb-cols>.pb-stack{position:static;max-height:none;overflow:visible}}
.pb-main{min-width:0;display:flex;flex-direction:column;gap:18px}.pb-main>*{margin:0!important}
.pb-safety .pb-safehd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.pb-safety .pb-safehd small{color:var(--muted);font-size:12px}
.pb-srow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:4px 0;border-top:1px solid var(--line)}
.pb-srow .switch{margin:0;font-size:13px}
.pb-rng{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.pb-tm{width:104px;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 6px;background:var(--panel);font:inherit;font-size:13px}.pb-tm:disabled{opacity:.45}
.pb-capv{display:inline-flex;align-items:center;gap:6px}.pb-capv small{color:var(--muted);font-weight:700}
.pb-num{width:64px;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--panel);font:inherit}
.pb-safety .pb-bar{margin:0 0 8px;height:6px}
.pb-safety .pb-days{margin:0 0 8px}.pb-safety .pb-days button{min-height:34px;min-width:38px}
.pb-safety .pb-stop{margin-top:10px}
.pb-cols>.pb-stack{gap:12px}
.pb-stack>.pb-card{padding:16px 18px}
.pb-stack .pb-card h2{font-size:16px}
.pb-stack .pb-card>.note{margin:2px 0 4px;font-size:12px}
.pb-stack .pb-summ .big{font-size:26px;margin-top:4px}.pb-stack .pb-summ .n{margin:0 0 4px}
.pb-stack .srow{padding:6px 0;font-size:13px}
.pb-stack .pb-test{margin-top:4px}.pb-stack .pb-test li{padding:7px 0;font-size:12.5px}
.pb-stack .pb-test li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pb-stack .pb-srow{min-height:40px;padding:2px 0}
.pb-stack .pb-stop{min-height:40px}
.pb-cols:has(>.pb-main){margin-bottom:0}
.pb-cols>.pb-stack{gap:10px}
.pb-stack>.pb-card{padding:14px 18px}
.pb-stack .pb-safehd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:2px}.pb-stack .pb-safehd small{color:var(--muted);font-size:12px;white-space:nowrap}
.pb-stack .pb-summ .big{font-size:24px}
.pb-stack .srow{padding:5px 0}
.pb-stack .pb-test li{padding:6px 0}
.pb-stack .pb-srow{min-height:36px}
.pb-stack .pb-tm,.pb-stack .pb-num{min-height:30px}
.pb-stack .pb-safety .pb-days button{min-height:30px}
.pb-stack .pb-tm{width:118px;padding:0 8px}
.otabs{margin:18px 0 -4px}.otabs button{font-size:12px;padding:7px 14px}
.si-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.si-cur{border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;background:#fff;border:1px solid #d6e9dc;color:var(--green);box-shadow:none;cursor:pointer}.si-cur:hover{background:var(--green-bg)}.si-cur[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}.si-cur:disabled{opacity:.6;cursor:progress}
.pb-msgsrc{display:inline-flex;gap:4px;padding:4px;background:var(--raise,#f1f4f2);border-radius:12px;margin:2px 0 14px}
.pb-msgsrc button{border:0;background:transparent;box-shadow:none;padding:9px 18px;border-radius:9px;font-weight:700;font-size:13px;color:#5d6a64;cursor:pointer}
.pb-msgsrc button:hover:not(:disabled){color:var(--text,#14231f)}
.pb-msgsrc button[aria-pressed="true"]{background:#fff;color:var(--green);box-shadow:0 1px 3px rgba(20,35,31,.12)}
.pb-msgsrc button:disabled{opacity:.45;cursor:not-allowed}
.pb-custom{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.pb-custom textarea{width:100%;min-height:140px;resize:vertical;padding:12px 14px;border:1px solid var(--line,#e3e8e5);border-radius:12px;font:14px/1.5 inherit;font-family:inherit;box-sizing:border-box}
.pb-custom textarea:focus{outline:2px solid var(--green-bg,#e3f2e8);border-color:var(--green)}
.pb-fields{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pb-fields .chip{padding:4px 10px;border-radius:99px;border:1px solid #d6e9dc;background:#fff;color:var(--green);font:600 12px ui-monospace,Consolas,monospace;box-shadow:none;cursor:pointer}
.pb-fields .chip:hover{background:var(--green-bg)}
.pb-custbtns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pb-custbtns .note{flex:1 1 260px;margin:0}
/* ---------- v2.32 Settings redesign ---------- */
#v-set{padding:28px 32px 80px}#v-set:not([hidden]){display:block}
#v-set .st-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px;max-width:1240px}
#v-set .st-eyebrow{margin:0 0 4px;font-weight:800;font-size:11px;letter-spacing:.14em;color:var(--green)}
#v-set h1{margin:0 0 4px;font:800 30px/1.2 var(--display);letter-spacing:-.02em}
#v-set .st-sub{margin:0;color:var(--muted);font-size:14px}
#v-set .st-health{display:flex;gap:8px;flex-wrap:wrap}
#v-set .st-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-weight:700;font-size:12px;background:var(--raise);color:var(--muted);white-space:nowrap}
#v-set .st-pill:empty{display:none}
#v-set .st-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}
#v-set .st-pill.g{background:var(--green-bg);color:#11603f}
#v-set .st-pill.a{background:var(--amber-bg);color:var(--amber)}
#v-set .st-pill.r{background:var(--red-bg);color:#9d3f39}
#v-set .st-pill.n::before{display:none}
#v-set .st-layout{display:grid;grid-template-columns:220px minmax(0,880px);gap:32px;align-items:start;max-width:1240px}
#v-set .st-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:2px}
#v-set .st-nav button{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px;border:0;background:transparent;box-shadow:none;color:var(--muted);font-weight:600;font-size:14px;text-align:left}
#v-set .st-nav button:hover{background:var(--panel);color:var(--text)}
#v-set .st-nav button[aria-current="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #17251d14,inset 3px 0 0 var(--green)}
#v-set .st-nav small{font-size:11px;font-weight:700;color:var(--muted);background:var(--raise);border-radius:99px;padding:1px 7px}
#v-set .st-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
#v-set [hidden]{display:none!important}
#v-set .st-grp{scroll-margin-top:4px;margin-bottom:34px}
#v-set .st-gh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 2px 10px}
#v-set .st-gh h2{margin:0;font:700 18px var(--display);letter-spacing:-.01em}
#v-set .st-gh p{margin:0;color:var(--muted);font-size:13px}
#v-set .st-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #17251d08}
#v-set .st-card+.st-card{margin-top:14px}
#v-set .st-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;border-top:1px solid var(--line)}
#v-set .st-row:first-child{border-top:0}
#v-set .st-t{min-width:0;cursor:default}
#v-set label.st-t{cursor:pointer}
#v-set .st-t b{display:block;font-weight:700}
#v-set .st-t span{display:block;color:var(--muted);font-size:13px;margin-top:2px;max-width:520px}
#v-set .st-t span.st-bad{color:#a52f28}
#v-set .st-row select{min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 12px;min-width:200px}
#v-set .st-sw{position:relative;width:42px;height:24px;flex:none;display:inline-block}
#v-set .st-sw input{appearance:none;-webkit-appearance:none;display:block;margin:0;width:42px;height:24px;border-radius:99px;background:#d9dfdb;cursor:pointer;transition:background .15s;position:relative}
#v-set .st-sw input:checked{background:var(--green)}
#v-set .st-sw input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .15s}
#v-set .st-sw input:checked::after{left:21px}
#v-set .st-hint{display:flex;gap:10px;align-items:center;padding:12px 22px;background:#fafbfa;border-top:1px solid var(--line);border-radius:0 0 14px 14px;color:var(--muted);font-size:13px}
#v-set .st-hint i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--blue-bg);color:#3f4a8c;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}
#v-set .st-ch{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px}
#v-set .st-l{display:flex;gap:14px;align-items:center;min-width:0}
#v-set .st-ic{width:40px;height:40px;border-radius:11px;background:var(--green-bg);color:var(--green);display:grid;place-items:center;font-size:18px;flex:none}
#v-set .st-ch h3{margin:0;font:700 16px var(--display);color:var(--text)}
#v-set .st-ch p{margin:2px 0 0;color:var(--muted);font-size:13px}
#v-set .st-r{display:flex;gap:14px;align-items:center;flex:none}
#v-set .st-body{padding:0 22px 20px;display:flex;flex-direction:column;gap:14px}
#v-set .st-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#v-set .st-f span{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px}
#v-set .st-f input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--panel)}
#v-set .st-status{display:block;padding:12px 14px;border-radius:11px;background:var(--raise);color:var(--muted);font-size:13px}
#v-set .st-status b{display:block;font-size:14px}
#v-set .st-status.g{background:var(--green-bg);color:#11603f}
#v-set .st-status.a{background:var(--amber-bg);color:var(--amber)}
#v-set .st-status.r{background:var(--red-bg);color:#9d3f39}
#v-set .st-status span:empty{display:none}
#v-set .st-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#v-set button{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-weight:700;box-shadow:none}
#v-set button.go{background:var(--green);border-color:var(--green);color:#fff}
#v-set button.go:hover{background:#186b44;border-color:#186b44}
#v-set button.st-quiet{border-color:transparent;background:none;color:var(--muted)}
#v-set button.st-danger{color:#9d3f39}
#v-set button.st-sm{min-height:34px;padding:0 12px;font-size:13px}
#v-set .st-nav button{min-height:0;padding:10px 14px}
#v-set .st-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#v-set .st-tile{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
#v-set .st-tile small{color:var(--muted);font-weight:600;font-size:12px}
#v-set .st-tile div{font:800 20px var(--display);margin-top:2px}
#v-set .st-tile span{font-size:12px;color:var(--muted)}
#v-set .st-tile.win{border-color:#cfe6d7;background:#f6fbf8}
#v-set .st-tile.win div{color:var(--green)}
#v-set .st-more{border-top:1px solid var(--line);padding-top:12px}
#v-set details summary{cursor:pointer;font-weight:700;color:var(--muted);font-size:13px;list-style:none}
#v-set details summary::-webkit-details-marker{display:none}
#v-set details summary::before{content:"\25B8  "}
#v-set details[open] summary::before{content:"\25BE  "}
#v-set .st-more .st-fields{margin-top:12px}
#v-set .st-small{color:var(--muted);font-size:13px;margin:10px 0 0}
#v-set .apispeed{margin-top:10px;padding-top:0;border-top:0}
#v-set .apispeed .apihead b{font-size:13px}
#v-set .apitbl{margin-top:6px}
#v-set .apitbl th{text-transform:uppercase;font-size:11px;letter-spacing:.06em;padding:8px 10px}
#v-set .apitbl td{padding:9px 10px}
#v-set .apitbl th:not(:first-child),#v-set .apitbl td:not(:first-child){text-align:right}
#v-set .st-inrow{padding:4px 0;border:0}
#v-set .st-bu .st-ic{width:36px;height:36px;border-radius:10px;font-size:16px}
#v-set .st-inset{margin:0 22px 14px}
#v-set .st-bumore{margin:0 22px;padding:12px 0 14px;border-top:1px solid var(--line)}
#v-set .st-bumore dl{display:grid;grid-template-columns:130px 1fr;gap:8px 16px;margin:12px 0 0;font-size:13px}
#v-set .st-bumore dt{color:var(--muted)}
#v-set .st-bumore dd{margin:0;min-width:0;overflow-wrap:anywhere}
#v-set .st-mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--raise);padding:3px 8px;border-radius:6px}
#v-set .st-search{display:block;margin:14px 22px;width:calc(100% - 44px);min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--panel)}
#v-set .st-buyers{list-style:none;margin:0;padding:0}
#v-set .st-buyers li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 22px;border-top:1px solid var(--line)}
#v-set .st-search[hidden]+.st-buyers li:first-child{border-top:0}
#v-set .st-who{display:flex;align-items:center;min-width:0;overflow-wrap:anywhere}
#v-set .st-av{width:30px;height:30px;border-radius:50%;background:var(--raise);display:inline-grid;place-items:center;font-weight:800;font-size:12px;color:var(--muted);margin-right:12px;flex:none}
#v-set li.st-none{color:var(--muted);font-size:13px;padding:14px 22px}
#v-set .st-link{min-height:0;padding:0;border:0;background:none;color:var(--green);font-weight:700;text-decoration:underline;font-size:13px}
#v-set .st-dh{padding-bottom:14px}
#v-set .st-dgrid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line)}
#v-set .st-dgrid>div{padding:14px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
#v-set .st-dgrid>div:nth-child(3n){border-right:0}
#v-set .st-dgrid dt{color:var(--muted);font-size:12px;font-weight:600}
#v-set .st-dgrid dd{margin:0;font-weight:700;font-size:15px;overflow-wrap:anywhere}
#v-set .st-dfoot{padding-top:14px}
#v-set .st-dfoot .st-more{border-top:0;padding-top:0}
#v-set .st-chips{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}
#v-set .st-chips li{background:var(--raise);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;color:#4c5853}
#v-set .bkpreview .btns{margin-top:8px}
@media (max-width:1100px){#v-set{padding:20px 18px 60px}#v-set .st-layout{grid-template-columns:1fr;gap:16px}#v-set .st-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;background:var(--bg);z-index:2;padding:4px 0}#v-set .st-nav::-webkit-scrollbar{display:none}#v-set .st-nav button{white-space:nowrap;gap:8px}}
@media (max-width:760px){#v-set .st-fields,#v-set .st-tiles,#v-set .st-dgrid{grid-template-columns:1fr}#v-set .st-dgrid>div{border-right:0}#v-set .st-row{flex-wrap:wrap;gap:10px 16px}#v-set .st-row select{min-width:0;width:100%}#v-set .st-ch{flex-wrap:wrap}#v-set .st-bumore dl{grid-template-columns:1fr}#v-set .st-gh{flex-direction:column;gap:2px}}
/* v2.33 Notification categories table (Settings) and Playbook max-steps field */
#v-set .st-ntr{display:grid;grid-template-columns:minmax(0,1fr) 128px 128px;align-items:center;gap:16px;padding:13px 22px;border-top:1px solid var(--line)}
#v-set .st-ntr:first-child{border-top:0}
#v-set .st-ntr>:not(:first-child){justify-self:center}
#v-set .st-nth{padding:11px 22px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#f7f9f7;border-radius:14px 14px 0 0}
#v-set .st-na{width:42px;text-align:center;color:var(--muted)}
@media (max-width:760px){#v-set .st-ntr{grid-template-columns:minmax(0,1fr) 72px 72px;gap:10px;padding:12px 16px}#v-set .st-nth{font-size:10px;letter-spacing:.03em}#v-set .st-nth span:not(:first-child){text-align:center}}
.pb-maxst{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:14px 16px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:#f7f9f7}
.pb-maxst b{font-weight:700}
.pb-maxst input{width:84px;min-height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--panel);font:inherit}
.pb-maxst .note{flex-basis:100%;margin:0}
.nf-ic.k-review,.nf-tag.k-review{background:#fdecdf;color:#b4531c}

#msgs,#msgs .msg{user-select:text;-webkit-user-select:text}#msgs .msg{cursor:text}

#v-set #licTiles{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){#v-set #licTiles{grid-template-columns:repeat(2,1fr)}}

/* v2.33: price book per platform, details, tracking */
.bk-scroll{overflow-x:auto}
.bk-click{cursor:pointer}.bk-click:hover td{background:#f6f9f7}.bk-click:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.bk-open>td{background:#f6f9f7;padding:14px 16px}
.bk-lad{margin-bottom:12px}.bk-lad b,.bk-open>td>b{display:block;margin-bottom:6px;font-size:13px}
.bk-chips{display:flex;flex-wrap:wrap;gap:6px}.bk-chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--muted)}
.bk-recent{margin-top:4px}
#v-book .chk{display:flex;align-items:center;gap:8px;margin:8px 0 10px;font-weight:600;cursor:pointer}
#bookTrack .si-tbl td.num{text-align:right;font-weight:700}
/* ---- v2.32.1: automation status in the sidebar ---- */
.sidefoot{position:relative}
.apanel{position:relative;background:#1a2d25;border:1px solid #30433a;border-radius:11px;padding:12px;color:#eef4f0;display:flex;flex-direction:column;gap:8px}
.ap-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#c9d6cf}
.ap-dot{width:7px;height:7px;border-radius:50%;background:#7c8c81;flex:none}
.apanel.on .ap-dot{background:#8fdb92;box-shadow:0 0 0 3px #8fdb9222}
.apanel.sim .ap-dot{background:#7cc4f2;box-shadow:0 0 0 3px #7cc4f222}
.apanel.warn .ap-dot{background:#f2b33b;box-shadow:0 0 0 3px #f2b33b22}
.apanel.bad .ap-dot{background:#ff8b7a;box-shadow:0 0 0 3px #ff8b7a22}
.ap-state{appearance:none;background:none;border:0;box-shadow:none;margin:0;padding:0;color:#fff;font:800 15px var(--display);text-align:left;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:6px}
.ap-state::after{content:"\25BE";font-size:11px;opacity:.6}
.ap-state:hover{background:none;border:0;color:#fff}
.ap-state:focus-visible,.ap-seg button:focus-visible,.ap-menu button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.ap-detail{font-size:11px;line-height:1.45;color:#9aaca4;min-height:1.45em;overflow-wrap:anywhere}
.ap-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#12201a;border:1px solid #2a3b32;border-radius:9px;padding:3px}
.ap-seg button{appearance:none;border:0;box-shadow:none;background:transparent;color:#bfd0c7;font-weight:700;font-size:12px;padding:7px 0;border-radius:7px;cursor:pointer}
.ap-seg button:hover{background:#243a30;color:#fff;border:0}
.ap-seg button[aria-pressed="true"]{background:var(--lime);color:#173327}
.apanel.warn #apPause[aria-pressed="true"]{background:#f2b33b;color:#2b1e00}
.apanel.off #apOff[aria-pressed="true"]{background:#9aaca4;color:#10201a}
.ap-acct{font-size:10px;line-height:1.4;color:#7f9188;border-top:1px solid #2a3b32;padding-top:7px;display:flex;flex-direction:column;gap:1px}
.ap-acct[hidden]{display:none}
.ap-acct b{color:#eef4f0;font-size:12.5px;font-weight:700;overflow-wrap:anywhere}
.ap-mon{font-size:10px;line-height:1.4;color:#7f9188;border-top:1px solid #2a3b32;padding-top:7px}
.ap-menu{position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:#10201a;border:1px solid #3a5246;border-radius:11px;padding:6px;box-shadow:0 12px 30px #0008;z-index:30;display:flex;flex-direction:column;gap:2px}
.ap-menu[hidden]{display:none}
.ap-menu button{appearance:none;border:0;box-shadow:none;background:transparent;color:#eef4f0;text-align:left;font-weight:600;font-size:12.5px;padding:9px 10px;border-radius:8px;cursor:pointer}
.ap-menu button:hover,.ap-menu button:focus{background:#243a30;color:#fff;border:0}
.ap-menu .ap-sep{height:1px;background:#2a3b32;margin:4px 2px}
.ap-menu .ap-cap{font-size:10px;color:#7f9188;padding:6px 10px 2px;text-transform:uppercase;letter-spacing:.06em}
.apbanner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (min-width:981px){
.ap-top{font-size:13px}.ap-state{font-size:18px}.ap-detail{font-size:12.5px}.ap-seg button{font-size:13.5px;padding:8px 0}.ap-mon{font-size:11.5px}.ap-acct{font-size:11.5px}.ap-acct b{font-size:14px}.ap-menu button{font-size:14px}.ap-menu .ap-cap{font-size:11px}
}
@media (max-width:980px){
.sidefoot{position:relative}
.apanel{flex-direction:row;align-items:center;gap:8px;padding:7px 10px}
.ap-title,.ap-detail,.ap-seg,.ap-mon,.ap-acct{display:none}
.ap-state{font-size:12px;white-space:nowrap}
.ap-menu{left:auto;right:0;bottom:auto;top:calc(100% + 8px);width:210px}
.sidebar{overflow:visible;position:relative;z-index:40}   /* the bar must not clip the menu that opens below it */
}
/* status tagovi uvijek u cijelosti vidljivi: kolona se širi, a tagovi se lome u novi red */
@media (min-width:981px){.thead,.row{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) 104px 118px 100px minmax(250px,1.3fr)}.row .tags{flex-wrap:wrap;white-space:normal;justify-content:flex-start}.row .tag{white-space:nowrap}}
#v-set .st-ntr.locked{opacity:.55}
#v-set .st-up h3{margin:0 0 4px;font:800 17px var(--display)}
#v-set .st-up ul{margin:8px 0 0;padding-left:20px}
#v-set .st-up a.go{display:inline-block;margin-top:14px;padding:10px 16px;text-decoration:none}

.mark{font-size:14px;letter-spacing:-.02em}
.panel-head{flex-wrap:wrap!important}
.panel-title{white-space:nowrap;flex:none!important}
.panel-tools{flex:1 1 100%!important;flex-wrap:wrap!important;justify-content:flex-start!important}
.panel-tools #search{flex:1 1 180px!important;min-width:150px!important;max-width:none!important}
.split{grid-template-columns:minmax(0,1fr) 320px!important}
#v-inbox .split{grid-template-columns:minmax(340px,440px) minmax(0,1fr)!important}
.thead,.row{grid-template-columns:minmax(0,2.5fr) minmax(0,1.5fr) 88px 86px 64px 122px!important}