.system-admin-shell { --system-border:var(--line); --system-muted:var(--muted); }
.system-admin-shell .topbar-actions > a[aria-label="Notifications"] { display:none; }
.system-monitor-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; color:var(--system-muted); font-size:.8rem; }
.system-monitor-status { margin-bottom:1.4rem; padding:1rem 1.2rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; border-inline-start:4px solid; }
.system-monitor-status strong { display:inline-flex; align-items:center; gap:.5rem; color:var(--ink); font-weight:900; }
.system-monitor-status strong::before { content:""; width:.6rem; height:.6rem; border-radius:50%; background-color:currentColor; }
.system-monitor-status p { margin:.35rem 0 0; color:var(--system-muted); }
.system-monitor-status small { color:var(--system-muted); }
.system-monitor-ok { border-inline-start-color:var(--success); background-color:var(--success-soft); }
.system-monitor-ok strong::before { background-color:#10b981; box-shadow:0 0 0 4px rgb(16 185 129 / 22%); }
.system-monitor-warning { border-inline-start-color:var(--warning); background-color:var(--warning-soft); }
.system-monitor-warning strong::before { background-color:#f59e0b; box-shadow:0 0 0 4px rgb(245 158 11 / 22%); }
.system-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-bottom:1.4rem; }
.system-stat { --tone:var(--accent-fill); position:relative; padding:1.3rem; display:grid; gap:.6rem; }
.system-stat::before { content:""; position:absolute; inset-inline:0; top:0; height:3px; background-image:linear-gradient(-90deg,color-mix(in srgb,var(--tone) 55%,white),var(--tone)); }
.system-stat:nth-child(2) { --tone:#0891b2; }
.system-stat:nth-child(3) { --tone:#d97706; }
.system-stat:nth-child(4) { --tone:#7c3aed; }
.system-stat > span { color:var(--system-muted); font-weight:800; }
.system-stat small { color:var(--system-muted); }
.system-stat > strong { font-size:1.9rem; font-weight:900; color:var(--ink); }
.system-admin-columns { display:grid; grid-template-columns:minmax(0,2fr) minmax(250px,1fr); gap:1.4rem; align-items:start; }
.system-admin-stack { display:grid; gap:1.4rem; }
.system-summary-card { padding:1.2rem; }
.system-summary-card h2 { color:var(--ink); font-weight:900; }
.system-summary-card dl { margin:1rem 0; }
.system-summary-card dl > div { display:flex; justify-content:space-between; padding:.65rem 0; border-bottom:1px solid var(--system-border); }
.system-summary-card dd { color:var(--ink); font-weight:800; }
.system-summary-card > p { line-height:1.8; padding:.65rem 0; border-bottom:1px solid var(--system-border); }
.system-summary-card small { color:var(--system-muted); }
.system-service-table { min-width:540px; }
.system-panel-directory { margin-bottom:1.4rem; overflow:hidden; }
.system-panel-directory .panel-heading p { margin:.35rem 0 0; color:var(--system-muted); font-size:.8rem; }
.system-panel-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; padding:1.2rem; }
.system-panel-link { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.35rem .75rem; align-items:center; padding:.9rem 1rem; border:1px solid var(--system-border); border-radius:.9rem; background-color:var(--surface); color:inherit; text-decoration:none; transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.system-panel-link strong { min-width:0; color:var(--ink); }
.system-panel-link bdi { grid-column:1/-1; direction:rtl; text-align:right; color:var(--system-muted); font-size:.76rem; overflow-wrap:anywhere; }
.system-panel-link > span { grid-column:2; grid-row:1; color:var(--accent-text); font-weight:800; transition:transform .2s ease; }
.system-panel-link:hover,.system-panel-link:focus-visible { border-color:var(--accent-line); background-color:var(--accent-soft); box-shadow:var(--shadow-sm); transform:translateY(-2px); }
.system-panel-link:hover > span { transform:translateX(3px); }
.system-account-search { padding:1.2rem; margin-bottom:1.4rem; display:grid; gap:.65rem; }
.system-account-search > div { display:flex; gap:.75rem; }
.system-account-search input { flex:1; min-width:0; }
.system-account-table { min-width:1040px; }
.system-account-table small,.system-account-table .system-membership { display:block; margin-top:.35rem; color:var(--system-muted); }
.system-account-table form { margin:0; }
.system-account-groups { display:grid; gap:1rem; }
.system-account-group { overflow:visible; }
.system-account-group > summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; color:var(--ink); font-weight:800; }
.system-account-group > summary::marker { color:var(--accent-fill); }
.system-account-group[open] > summary { border-bottom:1px solid var(--system-border); }
.system-account-total { margin-block:1rem; color:var(--system-muted); }
.system-assignment-form { display:flex; align-items:center; gap:.5rem; min-width:290px; }
.system-assignment-form select { min-width:170px; }
.system-account-actions { display:flex; flex-wrap:wrap; align-items:flex-start; gap:.5rem; position:relative; min-width:300px; }
.system-password-reset > summary { list-style:none; cursor:pointer; }
.system-password-reset > summary::-webkit-details-marker { display:none; }
.system-password-reset[open] > summary { border-color:var(--accent-fill); background-color:var(--accent-soft); color:var(--accent-text); }
.system-password-reset form { width:min(360px,80vw); margin-top:.6rem; padding:1rem; border:1px solid var(--system-border); border-radius:.9rem; background-color:var(--surface); box-shadow:var(--shadow-lg); display:grid; gap:.7rem; }
.system-password-reset form p { color:var(--system-muted); font-size:.8rem; line-height:1.8; }
.system-password-reset form label { font-size:.8rem; font-weight:700; }
.system-running-filters { display:grid; grid-template-columns:minmax(220px,2fr) minmax(200px,1fr) auto auto; gap:1rem; align-items:end; padding:1.2rem; margin-bottom:1.4rem; }
.system-running-filters .field-group { margin:0; }
.system-running-owner { color:var(--system-muted); margin-top:.55rem; }
.system-running-owner span { display:inline-block; margin-inline-start:.35rem; font-size:.78rem; }
.system-running-meta { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-block:1rem; }
.system-running-meta > div { border:1px solid var(--system-border); border-radius:.8rem; background-color:var(--surface-2); padding:.8rem 1rem; }
.system-running-meta dt { color:var(--system-muted); font-size:.78rem; }
.system-running-meta dd { margin-top:.35rem; color:var(--ink); font-weight:700; }
.system-account-form { padding:1.4rem; display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:2rem; }
.system-account-form form { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.system-account-form .field-group { margin:0; }
.system-account-form aside { padding:1.2rem; border:1px solid var(--system-border); border-inline-start:3px solid var(--accent-fill); border-radius:.8rem; background-color:var(--surface-2); color:var(--system-muted); line-height:2; }
.system-form-actions { grid-column:1/-1; display:flex; gap:.75rem; }
.field-errors { color:var(--danger); font-size:.8rem; }
.field-errors ul { margin:.35rem 0 0; padding-inline-start:1.2rem; }
.system-audit-table { min-width:760px; }
.system-audit-table small { display:block; margin-top:.35rem; color:var(--system-muted); }
.system-blogger-tools { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:1rem; margin-bottom:1.4rem; align-items:stretch; }
.system-filter-form { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) auto; gap:.9rem; align-items:end; padding:1.2rem; margin-bottom:1.4rem; }
.system-blogger-tools .system-filter-form { margin-bottom:0; }
.system-filter-form .field-group { margin:0; }
.system-filter-form label { font-size:.8rem; font-weight:800; }
.system-filter-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.system-inline-create { display:grid; gap:.6rem; padding:1.2rem; align-content:end; }
.system-inline-create label { font-size:.8rem; font-weight:800; color:var(--ink); }
.system-inline-create > div { display:flex; gap:.6rem; }
.system-inline-create input { flex:1; min-width:0; }
.system-inline-create .button,.system-account-search .button { flex-shrink:0; }
.system-blogger-table { min-width:980px; }
.system-blogger-table small { display:block; margin-top:.35rem; color:var(--system-muted); }
.system-blogger-table form { margin:0; }
.system-row-actions { display:flex; flex-wrap:wrap; align-items:flex-start; gap:.45rem; position:relative; }
.system-row-actions form { margin:0; }
.system-inline-edit > summary { list-style:none; cursor:pointer; }
.system-inline-edit > summary::-webkit-details-marker { display:none; }
.system-inline-edit[open] > summary { border-color:var(--accent-fill); background-color:var(--accent-soft); color:var(--accent-text); }
.system-inline-edit form { position:absolute; inset-inline-end:0; z-index:5; width:min(340px,80vw); margin-top:.5rem; padding:1rem; border:1px solid var(--system-border); border-radius:.9rem; background-color:var(--surface); box-shadow:var(--shadow-lg); display:grid; gap:.6rem; }
.system-inline-edit label { font-size:.8rem; font-weight:700; }
.system-option-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1.4rem; align-items:start; }
.system-option-group { overflow:visible; }
.system-option-group .panel-heading p { margin:.35rem 0 0; color:var(--system-muted); font-size:.78rem; line-height:1.8; }
.system-option-list { display:grid; gap:.6rem; margin:0; padding:1rem 1.2rem; list-style:none; }
.system-option { display:grid; gap:.6rem; padding:.8rem .9rem; border:1px solid var(--system-border); border-radius:.8rem; background-color:var(--surface); }
.system-option.is-inactive { background-color:var(--surface-2); }
.system-option.is-inactive .system-option-main strong { color:var(--system-muted); }
.system-option-main { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.system-option-main strong { min-width:0; color:var(--ink); overflow-wrap:anywhere; }
.system-option .button { min-height:2.25rem; padding-block:.3rem; font-size:.78rem; }
.system-option-group > .system-inline-create { border-top:1px solid var(--system-border); }
.system-supervisor-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1rem; align-items:start; }
.system-supervisor-card .panel-heading p { margin:.3rem 0 0; color:var(--system-muted); font-size:.78rem; text-align:left; }
.system-supervisor-card form { display:grid; gap:1rem; padding:1.2rem; }
.system-supervisor-card .field-group { margin:0; }
.system-owner-choices { display:grid; gap:.45rem; margin:0; padding:.9rem 1rem; border:1px solid var(--system-border); border-radius:.8rem; }
.system-owner-choices legend { padding-inline:.35rem; font-size:.8rem; font-weight:800; color:var(--ink); }
.system-owner-choices label { display:flex; align-items:center; gap:.55rem; min-height:2.25rem; cursor:pointer; }
.system-owner-choices input { width:1.1rem; height:1.1rem; flex-shrink:0; }
.system-owner-choices .field-help { margin:0; }
@media (max-width:1200px) { .system-option-groups { grid-template-columns:1fr; } .system-blogger-tools { grid-template-columns:1fr; } }
@media (max-width:900px) { .system-stat-grid { grid-template-columns:1fr 1fr; } .system-admin-columns,.system-account-form { grid-template-columns:1fr; } .system-panel-links { grid-template-columns:1fr 1fr; } .system-running-filters,.system-filter-form { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) {
  .system-stat-grid { grid-template-columns:1fr; }
  .system-monitor-status { align-items:flex-start; flex-direction:column; }
  .system-panel-links { grid-template-columns:1fr; padding:.85rem; }
  .system-account-form form { grid-template-columns:1fr; }
  .system-account-search > div { flex-wrap:wrap; }
  .system-running-filters,.system-running-meta,.system-filter-form { grid-template-columns:1fr; }
  .system-inline-create > div { flex-wrap:wrap; }
  .system-supervisor-grid { grid-template-columns:1fr; }
  .system-blogger-table { display:block; min-width:0; }
  .system-blogger-table thead { display:none; }
  .system-blogger-table tbody { display:grid; gap:.75rem; padding:.75rem; }
  .system-blogger-table tr { display:block; border:1px solid var(--system-border); border-radius:.8rem; }
  .system-blogger-table td { display:grid; grid-template-columns:minmax(6.5rem,.6fr) minmax(0,1.4fr); gap:.75rem; align-items:start; padding:.7rem .8rem; }
  .system-blogger-table td::before { content:attr(data-label); color:var(--system-muted); font-size:.75rem; font-weight:800; }
  .system-blogger-table td[colspan]::before { content:none; }
  .system-blogger-table td[colspan] { display:block; }
  .system-inline-edit form { position:static; width:100%; }
  .system-account-group .table-scroll { overflow:visible; }
  .system-account-table { display:block; min-width:0; }
  .system-account-table thead { display:none; }
  .system-account-table tbody { display:grid; gap:.75rem; padding:.75rem; }
  .system-account-table tr { display:block; overflow:visible; border:1px solid var(--system-border); border-radius:.8rem; }
  .system-account-table td { display:grid; grid-template-columns:minmax(7rem,.7fr) minmax(0,1.3fr); gap:.75rem; align-items:start; padding:.8rem; }
  .system-account-table td::before { content:attr(data-label); color:var(--system-muted); font-size:.75rem; font-weight:800; }
  .system-account-table td:last-child { display:block; border-bottom:0; }
  .system-account-table td:last-child::before { display:block; margin-bottom:.6rem; }
  .system-account-actions,.system-assignment-form { width:100%; min-width:0; flex-wrap:wrap; }
  .system-assignment-form select { min-width:0; flex:1 1 100%; }
  .system-password-reset { flex:1 1 100%; }
  .system-password-reset > summary,.system-password-reset form { width:100%; }
}
