/* ArcShare Admin v3
   Stable fixed-shell layout + operations-focused component overhaul. */

body[data-arc-page="admin"]{
  --admin-nav-w:248px;
  --admin-head-h:82px;
  --admin-max:1680px;
}

body[data-arc-page="admin"].admin-authenticated .topnav{display:none!important}

body[data-arc-page="admin"].admin-authenticated{
  background:
    radial-gradient(circle at 72% -10%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 40rem),
    var(--bg);
}

/* Login remains independent from the authenticated shell */
body[data-arc-page="admin"] #login{
  min-height:calc(100vh - 80px);
  background:radial-gradient(circle at 50% 4%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 34rem);
}
body[data-arc-page="admin"] .lc{
  max-width:390px;
  padding:26px;
  border-radius:18px;
  border-color:var(--b2);
  background:color-mix(in srgb,var(--s1) 96%,transparent);
  box-shadow:0 25px 80px rgba(0,0,0,.26),0 0 0 1px var(--b1);
}
body[data-arc-page="admin"] .lm{height:44px}
body[data-arc-page="admin"] .lm img{height:44px}
body[data-arc-page="admin"] .ltag{
  background:var(--acb);
  border-color:var(--acr);
  color:var(--acc2);
}
body[data-arc-page="admin"] .fl{
  margin-bottom:6px;
  font-family:var(--mono);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--t3);
}
body[data-arc-page="admin"] .fi{
  height:42px;
  border-radius:9px;
  background:var(--s2);
  border-color:var(--b2);
}
body[data-arc-page="admin"] .bsi{
  min-height:40px;
  height:auto;
  border-radius:9px;
  background:var(--acc);
  color:#fff;
  font-weight:650;
}
body[data-arc-page="admin"] .bsi:hover{background:var(--acc2)}

/* Stable app shell. No DOM re-parenting. */
#app.admin-v3-ready{
  position:relative;
  min-height:100vh;
  padding-left:var(--admin-nav-w);
}

.admin-v3-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:60;
  width:var(--admin-nav-w);
  height:100vh;
  padding:15px 12px 13px;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  background:color-mix(in srgb,var(--s1) 98%,var(--bg));
  border-right:1px solid var(--b2);
  box-shadow:8px 0 28px rgba(0,0,0,.06);
}
.admin-v3-brand{
  min-height:54px;
  padding:6px 8px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  border-bottom:1px solid var(--b1);
  color:var(--t0);
  text-decoration:none;
}
.admin-v3-brand-mark{
  width:38px;height:38px;display:block;overflow:hidden;border-radius:10px;flex:0 0 38px;
}
.admin-v3-brand-mark img{width:38px;height:38px;object-fit:cover}
.admin-v3-brand strong{display:block;font-size:13px;line-height:1.2;letter-spacing:-.1px}
.admin-v3-brand small{
  display:block;margin-top:4px;font-family:var(--mono);font-size:8.5px;line-height:1;color:var(--t3);text-transform:uppercase;letter-spacing:.1em;
}
.admin-v3-nav{display:grid;gap:12px}
.admin-v3-nav-group{display:grid;gap:3px}
.admin-v3-nav-label{
  padding:0 9px;
  margin-bottom:3px;
  font-family:var(--mono);
  font-size:8px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:var(--t4);
}
.admin-v3-nav-item{
  width:100%;
  height:39px;
  padding:0 9px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--t2);
  font:550 12px var(--sans);
  cursor:pointer;
  text-align:left;
  transition:background .12s,border-color .12s,color .12s;
}
.admin-v3-nav-item:hover{background:var(--b1);border-color:var(--b1);color:var(--t0)}
.admin-v3-nav-item.on{
  background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 16%,transparent),color-mix(in srgb,var(--acc) 7%,transparent));
  border-color:color-mix(in srgb,var(--acc) 24%,var(--b1));
  color:var(--t0);
  box-shadow:inset 3px 0 0 var(--acc2);
}
.admin-v3-nav-icon{
  width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;color:var(--t3);
}
.admin-v3-nav-icon svg{width:17px;height:17px;stroke:currentColor}
.admin-v3-nav-item.on .admin-v3-nav-icon{color:var(--acc2)}
.admin-v3-nav-name{flex:1;min-width:0}
.admin-v3-nav-count{
  min-width:22px;height:20px;padding:0 6px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--b1);border-radius:999px;
  background:var(--s2);color:var(--t3);
  font:500 8.5px var(--mono);
}
.admin-v3-nav-item.on .admin-v3-nav-count{
  background:color-mix(in srgb,var(--acc) 10%,var(--s2));
  border-color:var(--acr);
  color:var(--acc2);
}
.admin-v3-side-footer{margin-top:auto;padding:13px 8px 2px;border-top:1px solid var(--b1)}
.admin-v3-live{display:flex;align-items:center;gap:8px;font:500 8.5px var(--mono);color:var(--t3)}
.admin-v3-live i{width:7px;height:7px;border-radius:50%;background:var(--go);box-shadow:0 0 10px color-mix(in srgb,var(--go) 55%,transparent)}
.admin-v3-side-footer a{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--t3);font-size:10.5px;text-decoration:none}
.admin-v3-side-footer a:hover{color:var(--t0)}

/* Existing header becomes the v3 page header */
#app.admin-v3-ready > .tb{
  position:sticky;
  top:0;
  z-index:40;
  width:100%;
  height:var(--admin-head-h);
  padding:0 24px;
  background:color-mix(in srgb,var(--s1) 92%,transparent);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--b2);
  box-shadow:none;
}
#app.admin-v3-ready > .tb > .tb-brand{display:none!important}
#app.admin-v3-ready > .tb .tbr > div{display:none!important}
.admin-v3-heading{min-width:0;display:flex;align-items:center;gap:13px}
.admin-v3-heading > div{min-width:0}
.admin-v3-eyebrow{
  margin-bottom:3px;
  font:600 8px var(--mono);
  color:var(--acc2);
  text-transform:uppercase;
  letter-spacing:.11em;
}
.admin-v3-heading h1{
  margin:0;
  font-size:18px;
  font-weight:730;
  line-height:1.2;
  letter-spacing:-.35px;
  color:var(--t0);
}
.admin-v3-heading p{
  margin:4px 0 0;
  max-width:780px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--t3);
  font-size:10.5px;
}
.admin-v3-menu{
  display:none;
  width:36px;height:36px;place-items:center;
  border:1px solid var(--b2);border-radius:9px;background:var(--s2);color:var(--t1);cursor:pointer;
}
.admin-v3-menu svg{width:17px;height:17px;stroke:currentColor}
#app.admin-v3-ready > .tb .tbr{gap:6px}
.admin-v3-sync{
  margin-right:4px;
  color:var(--t4);
  font:500 8.5px var(--mono);
  white-space:nowrap;
}
#app.admin-v3-ready .tbb{
  height:33px;
  padding:0 10px;
  border:1px solid var(--b2);
  border-radius:8px;
  background:var(--s2);
  color:var(--t2);
  font:550 9.5px var(--mono);
}
#app.admin-v3-ready .tbb:hover{background:var(--s3);border-color:var(--b3);color:var(--t0)}
#app.admin-v3-ready .tbb.d:hover{background:var(--reb);border-color:var(--rer);color:var(--red)}

/* Full-width work area */
#app.admin-v3-ready > .content{
  width:100%;
  max-width:var(--admin-max);
  margin:0 auto;
  padding:18px 22px 48px;
}
.admin-v3-actions{
  min-height:39px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.admin-v3-hint{font:500 8.5px var(--mono);color:var(--t4)}
.admin-v3-hint kbd{
  display:inline-flex;min-width:19px;height:19px;padding:0 5px;align-items:center;justify-content:center;
  margin:0 2px;border:1px solid var(--b2);border-bottom-color:var(--b3);border-radius:5px;background:var(--s2);font:500 8px var(--mono);
}
.admin-v3-action-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.admin-v3-action{
  height:34px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--b2);
  border-radius:8px;
  background:var(--s1);
  color:var(--t2);
  font:600 10.5px var(--sans);
  cursor:pointer;
  text-decoration:none;
  transition:all .12s;
}
.admin-v3-action:hover{background:var(--s2);border-color:var(--b3);color:var(--t0)}
.admin-v3-action.primary{background:var(--acc);border-color:var(--acc);color:#fff}
.admin-v3-action.primary:hover{background:var(--acc2);border-color:var(--acc2)}

/* Base admin components */
#app.admin-v3-ready .sg{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px}
#app.admin-v3-ready .sc{
  min-height:104px;
  padding:14px 15px;
  border-radius:12px;
  border-color:var(--b2);
  background:linear-gradient(180deg,color-mix(in srgb,var(--s2) 35%,var(--s1)),var(--s1));
  box-shadow:0 8px 28px rgba(0,0,0,.05);
}
#app.admin-v3-ready .scl{font-size:8px;letter-spacing:.08em;margin-bottom:11px}
#app.admin-v3-ready .scv{font-size:28px;font-weight:720;letter-spacing:-.9px}
#app.admin-v3-ready .scs{font-size:8.5px}
#app.admin-v3-ready .panel,
#app.admin-v3-ready .p{
  width:100%;
  margin-bottom:11px;
  overflow:hidden;
  border:1px solid var(--b2);
  border-radius:12px;
  background:var(--s1);
  box-shadow:0 8px 28px rgba(0,0,0,.045);
}
#app.admin-v3-ready .ph{
  min-height:45px;
  padding:9px 13px;
  border-bottom:1px solid var(--b2);
  background:color-mix(in srgb,var(--s2) 40%,var(--s1));
}
#app.admin-v3-ready .pt{font-size:11px;font-weight:650;color:var(--t1)}
#app.admin-v3-ready .cb{
  min-width:23px;height:19px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;
  border-color:var(--b2);background:var(--s2);color:var(--t3);font-size:8px;
}
#app.admin-v3-ready .sb,
#app.admin-v3-ready .sb2{
  width:min(300px,40vw)!important;
  height:32px!important;
  padding:0 10px!important;
  border:1px solid var(--b2)!important;
  border-radius:8px!important;
  background:var(--s1)!important;
  color:var(--t1)!important;
}
#app.admin-v3-ready .si{
  min-height:37px;
  border-radius:8px;
  border-color:var(--b2);
  background:var(--s2);
}
#app.admin-v3-ready textarea.si{min-height:80px}
#app.admin-v3-ready .bdr,
#app.admin-v3-ready .btn-sm{
  min-height:27px;
  height:auto;
  padding:5px 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--b2);
  border-radius:7px;
  background:var(--s2);
  color:var(--t3);
  font:500 8.5px var(--mono);
  cursor:pointer;
}
#app.admin-v3-ready .bdr:hover,
#app.admin-v3-ready .btn-sm:hover{background:var(--s3);border-color:var(--b3);color:var(--t0)}
#app.admin-v3-ready table{width:100%;font-size:11px}
#app.admin-v3-ready th{
  height:34px;
  padding:8px 11px;
  position:sticky;
  top:var(--admin-head-h);
  z-index:3;
  border-bottom-color:var(--b2);
  background:color-mix(in srgb,var(--s2) 65%,var(--s1));
  color:var(--t4);
  font:600 7.5px var(--mono);
  letter-spacing:.075em;
}
#app.admin-v3-ready td{padding:9px 11px;border-bottom-color:var(--b1)}
#app.admin-v3-ready tbody tr:hover td{background:var(--b1)}
#app.admin-v3-ready .tdn{font-size:11px;font-weight:600}
#app.admin-v3-ready .tdm{font-size:9px}
#app.admin-v3-ready .tdt{font-size:8px}
#app.admin-v3-ready .tdc{font-size:9px;color:var(--acc2)}
#app.admin-v3-ready .ls{max-height:420px}
#app.admin-v3-ready .lr{min-height:38px;padding:8px 11px;border-bottom-color:var(--b1)}
#app.admin-v3-ready .ltag2{font-size:7.5px;border-radius:999px}
#app.admin-v3-ready #disk-warn{margin:0 0 11px!important}

/* Dashboard operations queue */
.admin-v3-ops{
  margin-bottom:11px;
  overflow:hidden;
  border:1px solid var(--b2);
  border-radius:12px;
  background:var(--s1);
  box-shadow:0 8px 28px rgba(0,0,0,.045);
}
.admin-v3-ops-head{
  min-height:45px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--b2);
  background:color-mix(in srgb,var(--s2) 38%,var(--s1));
}
.admin-v3-ops-head span{display:block;font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--acc2)}
.admin-v3-ops-head strong{display:block;margin-top:3px;font-size:11px;color:var(--t1)}
.admin-v3-ops-head small{font:600 8px var(--mono);color:var(--amb)}
.admin-v3-ops-head small.good{color:var(--go)}
.admin-v3-ops-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.admin-v3-ops-grid button{
  position:relative;
  min-height:84px;
  padding:13px 14px 12px 17px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 10px;
  text-align:left;
  border:0;
  border-right:1px solid var(--b1);
  background:transparent;
  color:var(--t1);
  cursor:pointer;
}
.admin-v3-ops-grid button:last-child{border-right:0}
.admin-v3-ops-grid button:hover{background:var(--b1)}
.admin-v3-ops-grid button.attention{background:color-mix(in srgb,var(--amb) 4%,transparent)}
.admin-v3-ops-grid i{
  position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--b2);
}
.admin-v3-ops-grid i.blue{background:var(--acc2)}
.admin-v3-ops-grid i.green{background:var(--go)}
.admin-v3-ops-grid i.amber{background:var(--amb)}
.admin-v3-ops-grid i.red{background:var(--red)}
.admin-v3-ops-grid span{align-self:end;font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--t4)}
.admin-v3-ops-grid strong{grid-row:1/3;grid-column:2;align-self:center;font-size:23px;font-weight:730;letter-spacing:-.6px;color:var(--t0)}
.admin-v3-ops-grid small{align-self:start;font:500 8px var(--mono);color:var(--t3)}

/* Tools v3 */
.admin-v3-legacy-tools-head{display:none!important}
.tool-v3-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-bottom:11px;
}
.tool-v3-stats article{
  min-height:91px;
  padding:13px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid var(--b2);
  border-radius:12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--s2) 34%,var(--s1)),var(--s1));
  box-shadow:0 8px 28px rgba(0,0,0,.045);
}
.tool-v3-stats article span{font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t4)}
.tool-v3-stats article strong{margin-top:6px;font-size:25px;line-height:1;font-weight:730;letter-spacing:-.8px;color:var(--t0)}
.tool-v3-stats article small{margin-top:5px;font:500 8.5px var(--mono);color:var(--t3)}
.tool-v3-stats article.good strong{color:var(--go)}
.tool-v3-stats article.warn strong{color:var(--amb)}

.tool-v3-controls{
  min-height:57px;
  padding:10px 11px;
  display:grid;
  grid-template-columns:minmax(260px,1fr) 170px 150px 150px auto;
  gap:7px;
  align-items:center;
  border-bottom:1px solid var(--b2);
  background:color-mix(in srgb,var(--s2) 26%,var(--s1));
}
.tool-v3-search-wrap{position:relative;min-width:0}
.tool-v3-search-wrap > span{
  position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--t4);font-size:13px;pointer-events:none;
}
.tool-v3-search{
  width:100%;
  height:34px;
  padding:0 11px 0 29px;
  border:1px solid var(--b2);
  border-radius:8px;
  outline:none;
  background:var(--s2);
  color:var(--t1);
  font:500 10px var(--sans);
}
.tool-v3-search:focus,.tool-v3-select:focus{border-color:var(--acc2);box-shadow:0 0 0 3px var(--acb)}
.tool-v3-search::placeholder{color:var(--t4)}
.tool-v3-select{
  width:100%;
  height:34px;
  padding:0 9px;
  border:1px solid var(--b2);
  border-radius:8px;
  outline:none;
  background:var(--s2);
  color:var(--t2);
  font:500 9px var(--mono);
}
.tool-v3-secondary{
  min-height:34px;
  padding:0 10px;
  border:1px solid var(--b2);
  border-radius:8px;
  background:var(--s2);
  color:var(--t2);
  font:600 9.5px var(--sans);
  cursor:pointer;
}
.tool-v3-secondary:hover{background:var(--s3);border-color:var(--b3);color:var(--t0)}
.tool-v3-panel-heading{display:none!important}

.tool-v3-bulk{
  display:none;
  min-height:44px;
  padding:7px 11px;
  align-items:center;
  gap:7px;
  border-bottom:1px solid var(--acr);
  background:color-mix(in srgb,var(--acc) 8%,var(--s1));
}
.tool-v3-bulk.show{display:flex}
.tool-v3-bulk strong{font:650 9px var(--mono);color:var(--acc2)}
.tool-v3-bulk > span{flex:1}
.tool-v3-bulk button{
  min-height:29px;padding:0 9px;border:1px solid var(--b2);border-radius:7px;background:var(--s2);color:var(--t2);font:550 8.5px var(--mono);cursor:pointer;
}
.tool-v3-bulk button:hover{border-color:var(--b3);color:var(--t0)}
.tool-v3-bulk button.danger:hover{border-color:var(--rer);background:var(--reb);color:var(--red)}

.tool-v3-table{table-layout:auto}
.tool-v3-table th,.tool-v3-table td{vertical-align:middle}
.tool-v3-check{width:38px!important;text-align:center!important;padding-left:11px!important;padding-right:5px!important}
.tool-v3-check input{width:14px;height:14px;accent-color:var(--acc2);cursor:pointer}
.tool-v3-actions-col{min-width:340px}
.tool-v3-tool{min-width:180px;max-width:430px;display:grid;gap:3px}
.tool-v3-tool strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--t0);font-size:11.5px;font-weight:650;letter-spacing:-.08px;
}
.tool-v3-tool span{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--t3);font-size:8.5px;
}
.tool-v3-tool span.muted{color:var(--t4);font-style:italic}
.tool-v3-category{
  display:inline-flex;min-height:22px;align-items:center;padding:0 7px;
  border:1px solid var(--b2);border-radius:999px;background:var(--s2);
  color:var(--t2);font:550 8px var(--mono);white-space:nowrap;
}
.tool-v3-version{font:500 8.5px var(--mono);color:var(--t3);white-space:nowrap}
.tool-v3-cache-cell{min-width:125px;display:grid;gap:3px}
.tool-v3-status{
  width:max-content;display:inline-flex;align-items:center;gap:5px;
  font:600 8px var(--mono);white-space:nowrap;
}
.tool-v3-status i{width:6px;height:6px;border-radius:50%}
.tool-v3-status.cached{color:var(--go)}
.tool-v3-status.cached i{background:var(--go);box-shadow:0 0 8px color-mix(in srgb,var(--go) 45%,transparent)}
.tool-v3-status.missing{color:var(--amb)}
.tool-v3-status.missing i{background:var(--amb)}
.tool-v3-cache-cell small,.tool-v3-cache-cell em{font:500 7.5px var(--mono);color:var(--t4);font-style:normal}
.tool-v3-downloads{min-width:100px;display:grid;gap:3px}
.tool-v3-downloads strong{font-size:11px;font-weight:650;color:var(--t1)}
.tool-v3-downloads span{font:500 7.5px var(--mono);color:var(--t4);white-space:nowrap}
.tool-v3-row-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end;white-space:nowrap}
.tool-v3-icon-btn{
  min-height:27px;
  padding:0 8px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--b2);border-radius:7px;background:var(--s2);color:var(--t3);
  font:550 8px var(--mono);text-decoration:none;cursor:pointer;
}
.tool-v3-icon-btn:hover{background:var(--s3);border-color:var(--b3);color:var(--t0)}
.tool-v3-icon-btn.primary{border-color:var(--acr);background:var(--acb);color:var(--acc2)}
.tool-v3-icon-btn.danger:hover{border-color:var(--rer);background:var(--reb);color:var(--red)}
.tool-v3-empty{padding:50px 20px;display:grid;gap:5px;text-align:center}
.tool-v3-empty strong{font-size:12px;color:var(--t2)}
.tool-v3-empty span{font:500 8.5px var(--mono);color:var(--t4)}

/* Make add-tool form feel like a drawer/card instead of old utility form */
#app.admin-v3-ready #tool-upload-panel{
  border-color:var(--acr);
  box-shadow:0 10px 34px color-mix(in srgb,var(--acc) 6%,transparent);
}
#app.admin-v3-ready #tool-upload-panel .ph{background:color-mix(in srgb,var(--acc) 8%,var(--s1))}
#app.admin-v3-ready #tool-upload-panel .ol{
  font:600 7.5px var(--mono)!important;
  text-transform:uppercase;
  letter-spacing:.075em;
  color:var(--t4)!important;
}

/* Edit tool modal */
.tool-v3-modal{
  position:fixed;
  inset:0;
  z-index:150;
  padding:18px;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(5px);
}
.tool-v3-modal.show{display:flex}
.tool-v3-modal-card{
  width:min(560px,100%);
  overflow:hidden;
  border:1px solid var(--b3);
  border-radius:15px;
  background:var(--s1);
  box-shadow:0 30px 100px rgba(0,0,0,.42);
}
.tool-v3-modal-head{
  min-height:67px;padding:12px 14px 12px 16px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--b2);background:color-mix(in srgb,var(--s2) 42%,var(--s1));
}
.tool-v3-modal-head span{display:block;font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--acc2)}
.tool-v3-modal-head strong{display:block;margin-top:4px;font-size:14px;color:var(--t0)}
.tool-v3-modal-head button{
  width:32px;height:32px;border:1px solid var(--b2);border-radius:8px;background:var(--s2);color:var(--t2);font-size:18px;cursor:pointer;
}
.tool-v3-modal-body{padding:15px;display:grid;gap:11px}
.tool-v3-modal-body label{
  display:grid;gap:5px;
  color:var(--t4);
  font:600 7.5px var(--mono);
  text-transform:uppercase;
  letter-spacing:.075em;
}
.tool-v3-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tool-v3-modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:4px}

/* Settings readability */
#app.admin-v3-ready #sec-settings > .p{border-radius:12px}
#app.admin-v3-ready #sec-settings .ph:not(:first-child){border-top:1px solid var(--b2)}
#app.admin-v3-ready #sec-settings [style*="padding:14px 16px"]{padding:15px!important}

/* Existing analytics / dialogs */
body[data-arc-page="admin"] [id$="-modal"] > div{
  border-color:var(--b3)!important;
  border-radius:15px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.42)!important;
}
body[data-arc-page="admin"] .toast{
  bottom:22px;
  padding:9px 14px;
  border-radius:9px;
  background:var(--t0);
  color:var(--bg);
  box-shadow:0 15px 40px rgba(0,0,0,.26);
}

.admin-v3-overlay{display:none}

@media(max-width:1180px){
  body[data-arc-page="admin"]{--admin-nav-w:220px}
  #app.admin-v3-ready > .content{padding-left:16px;padding-right:16px}
  .tool-v3-controls{grid-template-columns:minmax(230px,1fr) 150px 140px}
  .tool-v3-controls #tool-v3-sort,.tool-v3-controls #tool-v3-cache-all{grid-row:2}
  .tool-v3-actions-col{min-width:300px}
}

@media(max-width:860px){
  body[data-arc-page="admin"]{--admin-head-h:72px}
  #app.admin-v3-ready{padding-left:0}
  .admin-v3-sidebar{
    width:270px;
    transform:translateX(-103%);
    transition:transform .2s ease;
    z-index:100;
    box-shadow:20px 0 65px rgba(0,0,0,.35);
  }
  body.admin-v3-nav-open .admin-v3-sidebar{transform:translateX(0)}
  .admin-v3-overlay{
    position:fixed;inset:0;z-index:90;display:block;
    opacity:0;pointer-events:none;background:rgba(0,0,0,.48);transition:opacity .2s;
  }
  body.admin-v3-nav-open .admin-v3-overlay{opacity:1;pointer-events:auto}
  .admin-v3-menu{display:grid}
  #app.admin-v3-ready > .tb{padding:0 14px}
  .admin-v3-heading p{display:none}
  .admin-v3-sync{display:none}
  #app.admin-v3-ready > .content{padding:13px 12px 38px}
  .admin-v3-actions{align-items:flex-start}
  .admin-v3-hint{display:none}
  #app.admin-v3-ready .sg,.tool-v3-stats{grid-template-columns:1fr 1fr}
  .admin-v3-ops-grid{grid-template-columns:1fr 1fr}
  .tool-v3-controls{grid-template-columns:1fr 1fr}
  .tool-v3-search-wrap{grid-column:1/-1}
  .tool-v3-controls #tool-v3-sort,.tool-v3-controls #tool-v3-cache-all{grid-row:auto}
}

@media(max-width:620px){
  body[data-arc-page="admin"] #login{min-height:calc(100vh - 56px)}
  body[data-arc-page="admin"] .lc{padding:21px}
  #app.admin-v3-ready .sg,.tool-v3-stats{grid-template-columns:1fr 1fr;gap:7px}
  .admin-v3-ops-grid{grid-template-columns:1fr}
  #app.admin-v3-ready .sc{min-height:88px;padding:11px}
  #app.admin-v3-ready .scv{font-size:24px}
  .admin-v3-heading h1{font-size:15px}
  .admin-v3-eyebrow{display:none}
  #app.admin-v3-ready > .tb .tbr .tbb{font-size:8px;padding:0 7px}
  .admin-v3-actions{margin-bottom:9px}
  .admin-v3-action-buttons{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .admin-v3-action{flex:0 0 auto}
  .tool-v3-controls{grid-template-columns:1fr}
  .tool-v3-search-wrap{grid-column:auto}
  .tool-v3-bulk{overflow-x:auto}
  .tool-v3-bulk > span{display:none}
  .tool-v3-bulk button{flex:0 0 auto}
  #tool-table-wrap{overflow-x:auto}
  .tool-v3-table{min-width:980px}
  #app.admin-v3-ready table:not(.tool-v3-table){min-width:760px}
  .tool-v3-edit-grid{grid-template-columns:1fr}
  #app.admin-v3-ready [style*="grid-template-columns:1fr 1fr"],
  #app.admin-v3-ready [style*="grid-template-columns: 1fr 1fr"],
  #app.admin-v3-ready [style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr!important}
}

@media(max-width:390px){
  #app.admin-v3-ready .sg,.tool-v3-stats{grid-template-columns:1fr}
  #app.admin-v3-ready > .tb .tbr .tbb:first-of-type{display:none}
}