/* ArcShare Admin v4 control center */

.admin-v4-ready{
  --v4-radius:13px;
  --v4-shadow:0 10px 34px rgba(0,0,0,.055);
}

/* Header search */
.admin-v4-search-btn{
  height:34px;
  min-width:180px;
  padding:0 8px 0 10px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--b2);
  border-radius:9px;
  background:var(--s2);
  color:var(--t3);
  font:550 10px var(--sans);
  cursor:pointer;
}
.admin-v4-search-btn:hover{border-color:var(--b3);background:var(--s3);color:var(--t0)}
.admin-v4-search-icon{font-size:13px;color:var(--t3)}
.admin-v4-search-btn > span:nth-child(2){flex:1;text-align:left}
.admin-v4-search-btn kbd{
  min-width:31px;
  height:20px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--b2);
  border-bottom-color:var(--b3);
  border-radius:5px;
  background:var(--s1);
  color:var(--t4);
  font:500 8px var(--mono);
}

/* Hide legacy dashboard blocks but keep them alive for the existing runtime */
.admin-v4-legacy-stats,
.admin-v4-legacy-server,
.admin-v4-legacy-ops{display:none!important}

.admin-v4-dashboard{display:grid;gap:11px;margin-bottom:11px}

/* Health center */
.admin-v4-health{
  overflow:hidden;
  border:1px solid var(--b2);
  border-radius:var(--v4-radius);
  background:var(--s1);
  box-shadow:var(--v4-shadow);
}
.admin-v4-health-main{
  min-height:66px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:14px;
  border-bottom:1px solid var(--b2);
  background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 5%,var(--s1)),var(--s1));
}
.admin-v4-health-state{min-width:165px;display:flex;align-items:center;gap:10px}
.admin-v4-health-dot{
  width:12px;height:12px;border-radius:50%;background:var(--t4);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--t4) 10%,transparent);
}
.admin-v4-health.good .admin-v4-health-dot{background:var(--go);box-shadow:0 0 0 5px color-mix(in srgb,var(--go) 10%,transparent),0 0 14px color-mix(in srgb,var(--go) 35%,transparent)}
.admin-v4-health.warn .admin-v4-health-dot{background:var(--amb);box-shadow:0 0 0 5px color-mix(in srgb,var(--amb) 10%,transparent)}
.admin-v4-health.bad .admin-v4-health-dot{background:var(--red);box-shadow:0 0 0 5px color-mix(in srgb,var(--red) 10%,transparent)}
.admin-v4-health-state small{display:block;font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t4)}
.admin-v4-health-state strong{display:block;margin-top:3px;font-size:13px;color:var(--t0)}
.admin-v4-health-copy{flex:1;min-width:0;color:var(--t3);font-size:10px;line-height:1.45}
.admin-v4-ghost{
  height:31px;padding:0 10px;border:1px solid var(--b2);border-radius:8px;background:var(--s2);color:var(--t2);font:600 9px var(--sans);cursor:pointer;
}
.admin-v4-ghost:hover{background:var(--s3);border-color:var(--b3);color:var(--t0)}
.admin-v4-health-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-v4-health-metric{
  min-height:86px;
  padding:13px 14px;
  border-right:1px solid var(--b1);
}
.admin-v4-health-metric:last-child{border-right:0}
.admin-v4-health-metric-head{display:flex;align-items:end;justify-content:space-between;gap:8px}
.admin-v4-health-metric-head span{font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t4)}
.admin-v4-health-metric-head strong{font-size:19px;font-weight:720;color:var(--t0)}
.admin-v4-health-track{height:5px;margin:10px 0 6px;overflow:hidden;border-radius:999px;background:var(--b1)}
.admin-v4-health-track i{display:block;height:100%;border-radius:999px;background:var(--acc2);transition:width .35s}
.admin-v4-health-track i.warn{background:var(--amb)}
.admin-v4-health-track i.bad{background:var(--red)}
.admin-v4-health-metric small{display:block;margin-top:9px;font:500 8px var(--mono);color:var(--t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Dashboard grids/cards */
.admin-v4-grid{display:grid;gap:11px}
.admin-v4-grid-primary{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.admin-v4-grid-secondary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.admin-v4-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--b2);
  border-radius:var(--v4-radius);
  background:var(--s1);
  box-shadow:var(--v4-shadow);
}
.admin-v4-card-head{
  min-height:51px;
  padding:10px 12px 10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--b2);
  background:color-mix(in srgb,var(--s2) 34%,var(--s1));
}
.admin-v4-card-head span{display:block;font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--acc2)}
.admin-v4-card-head strong{display:block;margin-top:3px;font-size:11px;color:var(--t1)}
.admin-v4-count-pill{
  min-width:25px;height:22px;padding:0 7px;display:inline-flex!important;align-items:center;justify-content:center;
  border:1px solid var(--b2);border-radius:999px;background:var(--s2);color:var(--t2)!important;font:600 8.5px var(--mono)!important;
}
.admin-v4-link-btn{
  height:29px;padding:0 8px;border:1px solid var(--b2);border-radius:7px;background:var(--s2);color:var(--t3);font:550 8.5px var(--mono);cursor:pointer;
}
.admin-v4-link-btn:hover{background:var(--s3);border-color:var(--b3);color:var(--t0)}
.admin-v4-card-status{font:550 8px var(--mono)!important;color:var(--t4)!important;text-transform:none!important;letter-spacing:0!important}

/* Attention center */
.admin-v4-attention{display:grid}
.admin-v4-attention-item{
  min-height:58px;
  padding:9px 11px 9px 13px;
  display:grid;
  grid-template-columns:3px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid var(--b1);
}
.admin-v4-attention-item:last-child{border-bottom:0}
.admin-v4-attention-item > i{width:3px;height:32px;border-radius:999px;background:var(--acc2)}
.admin-v4-attention-item.warn > i{background:var(--amb)}
.admin-v4-attention-item.bad > i{background:var(--red)}
.admin-v4-attention-item.security > i{background:#8b5cf6}
.admin-v4-attention-item strong{display:block;font-size:10px;color:var(--t1)}
.admin-v4-attention-item span{display:block;margin-top:3px;font-size:8.5px;line-height:1.35;color:var(--t3)}
.admin-v4-attention-item button{
  height:28px;padding:0 8px;border:1px solid var(--b2);border-radius:7px;background:var(--s2);color:var(--t2);font:550 8px var(--mono);cursor:pointer;
}
.admin-v4-attention-item button:hover{border-color:var(--b3);background:var(--s3);color:var(--t0)}

/* Expiring soon */
.admin-v4-expiring{display:grid}
.admin-v4-expiring-row{
  min-height:57px;
  padding:8px 10px 8px 12px;
  display:grid;
  grid-template-columns:31px minmax(0,1fr) 92px auto;
  align-items:center;
  gap:9px;
  border-bottom:1px solid var(--b1);
}
.admin-v4-expiring-row:last-child{border-bottom:0}
.admin-v4-file-icon{
  width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--b2);border-radius:8px;background:var(--s2);color:var(--acc2);font:650 8px var(--mono);
}
.admin-v4-expiring-name{min-width:0}
.admin-v4-expiring-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--t1)}
.admin-v4-expiring-name span{display:block;margin-top:3px;font:500 7.5px var(--mono);color:var(--t4)}
.admin-v4-expiring-time{text-align:right}
.admin-v4-expiring-time strong{display:block;font:600 8.5px var(--mono);color:var(--t2)}
.admin-v4-expiring-row.warn .admin-v4-expiring-time strong{color:var(--amb)}
.admin-v4-expiring-row.bad .admin-v4-expiring-time strong{color:var(--red)}
.admin-v4-expiring-time span{display:block;margin-top:3px;font:500 7px var(--mono);color:var(--t4)}
.admin-v4-expiring-row > button{
  height:27px;padding:0 7px;border:1px solid var(--b2);border-radius:7px;background:var(--s2);color:var(--t3);font:550 7.5px var(--mono);cursor:pointer;
}
.admin-v4-expiring-row > button:hover{border-color:var(--acr);background:var(--acb);color:var(--acc2)}

/* Recent activity */
.admin-v4-recent{display:grid}
.admin-v4-recent-row{
  min-height:50px;
  padding:7px 11px 7px 12px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  border-bottom:1px solid var(--b1);
}
.admin-v4-recent-row:last-child{border-bottom:0}
.admin-v4-activity-icon{
  width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--b2);border-radius:8px;background:var(--s2);color:var(--t3);font:700 11px var(--mono);
}
.admin-v4-activity-icon.upload{color:var(--acc2);border-color:var(--acr);background:var(--acb)}
.admin-v4-activity-icon.download{color:var(--go);border-color:var(--gor);background:var(--gob)}
.admin-v4-activity-icon.delete{color:var(--red);border-color:var(--rer);background:var(--reb)}
.admin-v4-recent-row div{min-width:0}
.admin-v4-recent-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;color:var(--t1)}
.admin-v4-recent-row span{display:block;margin-top:3px;font:500 7.5px var(--mono);color:var(--t4);text-transform:capitalize}
.admin-v4-recent-row time{font:500 7.5px var(--mono);color:var(--t4);white-space:nowrap}

/* Maintenance */
.admin-v4-maintenance{display:grid}
.admin-v4-maint-item{
  min-height:58px;
  padding:9px 11px 9px 13px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid var(--b1);
}
.admin-v4-maint-item:last-child{border-bottom:0}
.admin-v4-maint-item strong{display:block;font-size:10px;color:var(--t1)}
.admin-v4-maint-item span{display:block;margin-top:3px;font-size:8.5px;color:var(--t3)}
.admin-v4-maint-item button{
  height:29px;min-width:62px;padding:0 8px;border:1px solid var(--b2);border-radius:7px;background:var(--s2);color:var(--t2);font:550 8px var(--mono);cursor:pointer;
}
.admin-v4-maint-item button:hover{background:var(--s3);border-color:var(--b3);color:var(--t0)}

.admin-v4-empty-state{
  min-height:170px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
.admin-v4-empty-state.compact{min-height:145px}
.admin-v4-empty-state > span{
  width:34px;height:34px;display:grid!important;place-items:center;margin-bottom:9px;border:1px solid var(--gor);border-radius:50%;background:var(--gob);color:var(--go)!important;font:700 12px var(--mono)!important;
}
.admin-v4-empty-state strong{font-size:10.5px;color:var(--t2)}
.admin-v4-empty-state small{margin-top:5px;max-width:310px;font-size:8.5px;line-height:1.4;color:var(--t4)}

/* Command palette */
body.admin-v4-palette-open{overflow:hidden}
.admin-v4-palette{
  position:fixed;
  inset:0;
  z-index:300;
  padding:10vh 18px 18px;
  display:none;
  align-items:flex-start;
  justify-content:center;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(6px);
}
.admin-v4-palette.show{display:flex}
.admin-v4-palette-card{
  width:min(680px,100%);
  overflow:hidden;
  border:1px solid var(--b3);
  border-radius:15px;
  background:var(--s1);
  box-shadow:0 30px 100px rgba(0,0,0,.38);
}
.admin-v4-palette-search{
  min-height:59px;
  padding:0 13px;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid var(--b2);
}
.admin-v4-palette-search > span{font-size:18px;color:var(--t3)}
.admin-v4-palette-search input{
  flex:1;min-width:0;height:58px;border:0;outline:none;background:transparent;color:var(--t0);font:500 13px var(--sans);
}
.admin-v4-palette-search input::placeholder{color:var(--t4)}
.admin-v4-palette-search kbd{
  height:22px;padding:0 7px;display:inline-flex;align-items:center;border:1px solid var(--b2);border-radius:6px;background:var(--s2);color:var(--t4);font:500 8px var(--mono);
}
.admin-v4-palette-meta{
  min-height:33px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:color-mix(in srgb,var(--s2) 40%,var(--s1));border-bottom:1px solid var(--b1);
}
.admin-v4-palette-meta span{font:600 7.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t4)}
.admin-v4-palette-meta small{font:500 7.5px var(--mono);color:var(--t4)}
.admin-v4-palette-results{max-height:min(520px,62vh);overflow-y:auto;padding:6px}
.admin-v4-palette-item{
  width:100%;min-height:49px;padding:6px 8px;display:grid;grid-template-columns:31px minmax(0,1fr) 22px;align-items:center;gap:9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--t1);text-align:left;cursor:pointer;
}
.admin-v4-palette-item:hover,.admin-v4-palette-item.active{border-color:var(--b2);background:var(--s2)}
.admin-v4-palette-kind{
  width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--b2);border-radius:8px;background:var(--s1);color:var(--t3);font:650 8px var(--mono);
}
.admin-v4-palette-kind.section{color:var(--acc2);border-color:var(--acr);background:var(--acb)}
.admin-v4-palette-kind.action{color:var(--amb);border-color:var(--ambr);background:var(--ambb)}
.admin-v4-palette-kind.file{color:var(--go);border-color:var(--gor);background:var(--gob)}
.admin-v4-palette-kind.tool{color:#8b5cf6;border-color:color-mix(in srgb,#8b5cf6 30%,transparent);background:color-mix(in srgb,#8b5cf6 9%,transparent)}
.admin-v4-palette-copy{min-width:0}
.admin-v4-palette-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--t1)}
.admin-v4-palette-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;color:var(--t4)}
.admin-v4-palette-arrow{color:var(--t4);font:500 9px var(--mono)}
.admin-v4-palette-empty{padding:45px;text-align:center;font:500 9px var(--mono);color:var(--t4)}

.admin-v4-highlight td{animation:adminV4Highlight 2.1s ease}
@keyframes adminV4Highlight{
  0%,30%{background:color-mix(in srgb,var(--acc) 16%,var(--s1))}
  100%{background:transparent}
}

/* Modern refinement across every admin section */
#app.admin-v4-ready .panel,
#app.admin-v4-ready .p{
  box-shadow:var(--v4-shadow);
}
#app.admin-v4-ready .ph{
  min-height:48px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--s2) 45%,var(--s1)),color-mix(in srgb,var(--s2) 25%,var(--s1)));
}
#app.admin-v4-ready tbody tr{transition:background .12s}
#app.admin-v4-ready .ep{border-radius:999px}
#app.admin-v4-ready button,
#app.admin-v4-ready a{transition:background .12s,border-color .12s,color .12s,transform .12s}

@media(max-width:1100px){
  .admin-v4-grid-primary,.admin-v4-grid-secondary{grid-template-columns:1fr}
  .admin-v4-health-metrics{grid-template-columns:1fr 1fr}
  .admin-v4-health-metric:nth-child(2){border-right:0}
  .admin-v4-health-metric:nth-child(-n+2){border-bottom:1px solid var(--b1)}
}

@media(max-width:860px){
  .admin-v4-search-btn{min-width:36px;width:36px;padding:0;justify-content:center}
  .admin-v4-search-btn > span:nth-child(2),.admin-v4-search-btn kbd{display:none}
  .admin-v4-health-main{align-items:flex-start;flex-wrap:wrap}
  .admin-v4-health-copy{order:3;flex-basis:100%}
}

@media(max-width:620px){
  .admin-v4-health-metrics{grid-template-columns:1fr}
  .admin-v4-health-metric{border-right:0;border-bottom:1px solid var(--b1)}
  .admin-v4-health-metric:last-child{border-bottom:0}
  .admin-v4-expiring-row{grid-template-columns:31px minmax(0,1fr) auto}
  .admin-v4-expiring-time{grid-column:2;text-align:left}
  .admin-v4-expiring-row > button{grid-column:3;grid-row:1/3}
  .admin-v4-card-head{align-items:flex-start}
  .admin-v4-palette{padding-top:7vh}
  .admin-v4-palette-meta small{display:none}
}
