:root{
  --bg:#eef2fb;
  --panel:#ffffff;
  --panel-alt:#f7f9ff;
  --sidebar:#314a86;
  --sidebar-2:#24396d;
  --text:#1d2a3a;
  --muted:#64748b;
  --line:#dce4f2;
  --accent:#3ba5f4;
  --accent-2:#7b6cf6;
  --accent-3:#28c76f;
  --accent-4:#ffb23f;
  --danger:#ff6b6b;
  --shadow:0 18px 45px rgba(31,41,55,.08);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#f4f7ff 0%,var(--bg) 100%);color:var(--text);font-family:Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}

.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.app-field-mode{grid-template-columns:220px 1fr}
.field-mode .panel,
.field-mode .hero-card,
.field-mode .topbar{border-radius:20px}
.field-mode .btn,
.field-mode button,
.field-mode input,
.field-mode select,
.field-mode textarea{min-height:44px}
.field-mode .mini-item{padding:14px 16px;border-radius:16px;background:#f8fbff;border:1px solid var(--line)}
.field-mode .table-wrap table td,
.field-mode .table-wrap table th{padding-top:14px;padding-bottom:14px}
.sidebar{
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));
  color:#fff; padding:18px 14px 24px; position:sticky; top:0; align-self:start; height:100dvh;
  overflow-y:auto; overflow-x:hidden; scrollbar-width:thin;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08);
}
.brand{display:flex;align-items:center;gap:12px;padding:8px 12px 18px}
.brand-mark{
  width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#ff9d3f,#f8f9ff 65%,#3ba5f4);
  display:grid;place-items:center;color:#1f2f4f;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.18)
}
.brand-mark{object-fit:cover;display:block}
.brand-title{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#dbe5ff}
.brand-sub{font-size:19px;font-weight:800;margin-top:2px}
.profile{
  margin:8px 10px 16px;padding:18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:center
}
.profile .avatar{
  width:82px;height:82px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;
  background:linear-gradient(135deg,#f5a64a,#fff);color:#1c2940;font-weight:900;font-size:28px;border:4px solid rgba(255,255,255,.45)
}
.profile .name{font-weight:700}
.profile .role{color:#dce8ff;font-size:13px}
.nav-label{padding:10px 14px 8px;color:#b6c6ee;font-size:12px;text-transform:uppercase;letter-spacing:.16em}
.nav a{
  display:flex;justify-content:space-between;gap:10px;padding:12px 14px;margin:4px 6px;border-radius:14px;
  color:#e8eeff;border:1px solid transparent;transition:.18s ease
}
.nav a:hover,.nav a.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.14);transform:translateX(2px)}
.nav a span{min-width:0}
.nav small{color:#c7d6fb;max-width:92px;text-align:right;line-height:1.15}

.main{padding:18px 18px 26px;min-width:0}
.topbar{
  background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin-bottom:18px
}
.topbar h1{margin:0;font-size:25px}
.topbar p{margin:4px 0 0;color:var(--muted)}
.top-search{
  display:flex;align-items:center;gap:10px;flex:1;justify-content:center;min-width:min(540px,100%)
}
.top-search input{
  width:min(100%,420px);border-radius:999px;border:1px solid #dbe5f2;background:#f8fbff;padding:11px 16px;outline:none;color:var(--text)
}
.top-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.top-alert-shell{
  position:relative;
}
.top-alert-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:10px 14px;
  border-radius:18px;
  border:1px solid #dbe5f2;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:0 10px 22px rgba(36,57,109,.06);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
  appearance:none;
  text-align:left;
}
.top-alert-link:hover,
.top-alert-link[aria-expanded="true"],
.top-alert-link.active{
  transform:translateY(-1px);
  border-color:rgba(59,165,244,.4);
  box-shadow:0 14px 28px rgba(36,57,109,.10);
  background:linear-gradient(180deg,#ffffff,#eef6ff);
}
.top-alert-icon{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(59,165,244,.12);
  color:#155d9e;
}
.top-alert-icon svg{
  width:20px;
  height:20px;
  display:block;
}
.top-alert-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.top-alert-copy strong{
  font-size:14px;
  line-height:1.1;
}
.top-alert-copy small{
  color:var(--muted);
  line-height:1.1;
}
.top-alert-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--danger);
  color:#fff;
  font-size:11px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(255,107,107,.35);
}
.top-alert-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(360px,calc(100vw - 48px));
  border-radius:22px;
  border:1px solid #dbe5f2;
  background:#fff;
  box-shadow:0 22px 48px rgba(31,41,55,.16);
  overflow:hidden;
  z-index:30;
}
.top-alert-dropdown-head,
.top-alert-dropdown-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.top-alert-dropdown-foot form{
  display:inline-flex;
  margin:0;
}
.top-alert-dropdown-head{
  border-bottom:1px solid #edf2f8;
}
.top-alert-dropdown-list{
  display:grid;
  gap:0;
  max-height:320px;
  overflow:auto;
}
.top-alert-item,
.top-alert-empty{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #edf2f8;
}
.top-alert-item:hover{
  background:#f8fbff;
}
.top-alert-item:last-child,
.top-alert-empty:last-child{
  border-bottom:none;
}
.top-alert-item-icon{
  width:12px;
  height:12px;
  border-radius:999px;
  margin-top:6px;
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(59,165,244,.10);
}
.top-alert-item-info{background:var(--accent)}
.top-alert-item-success{background:var(--accent-3);box-shadow:0 0 0 4px rgba(40,199,111,.12)}
.top-alert-item-warning{background:var(--accent-4);box-shadow:0 0 0 4px rgba(255,178,63,.14)}
.top-alert-item-danger,
.top-alert-item-error{background:var(--danger);box-shadow:0 0 0 4px rgba(255,107,107,.12)}
.top-alert-item-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.top-alert-item-copy strong{
  font-size:14px;
  line-height:1.2;
}
.top-alert-item-copy small,
.top-alert-empty small{
  color:var(--muted);
  line-height:1.35;
}
.top-alert-empty{
  grid-template-columns:1fr;
}
.top-alert-empty strong{
  font-size:14px;
}
.top-alert-dropdown-foot{
  border-top:1px solid #edf2f8;
}
.userchip{display:flex;align-items:center;gap:12px}
.userchip .avatar{
  width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3ba5f4,#7b6cf6);color:#fff;display:grid;place-items:center;font-weight:800
}

.hero{
  display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px
}
.hero-card{
  background:linear-gradient(135deg,#f9fbff,#eef4ff);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:26px
}
.hero-card h2{margin:0 0 10px;font-size:31px;line-height:1.05}
.hero-card p{margin:0;color:#4b5c73;max-width:760px}
.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pill,.badge{
  display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700
}
.pill{background:#fff;border:1px solid var(--line);color:#334155}
.badge{border:1px solid transparent}
.badge.muted{background:#f1f5f9;color:#334155;border-color:#d9e2ef}
.badge.success{background:rgba(40,199,111,.14);color:#0f7a3c;border-color:rgba(40,199,111,.18)}
.badge.warning{background:rgba(255,178,63,.18);color:#b56e00;border-color:rgba(255,178,63,.2)}
.badge.danger{background:rgba(255,107,107,.16);color:#c0392b;border-color:rgba(255,107,107,.22)}
.badge.accent{background:rgba(59,165,244,.14);color:#155d9e;border-color:rgba(59,165,244,.18)}

.grid{display:grid;gap:16px;min-width:0}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid > *{min-width:0}
.stat{
  background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden;min-height:136px
}
.stat-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.stat.tone-blue,.stat.tone-red,.stat.tone-purple,.stat.tone-green,.stat.tone-orange{
  color:#fff;border-color:transparent;min-height:132px
}
.stat.tone-blue{background:linear-gradient(135deg,#58b4ff,#2f7dff)}
.stat.tone-red{background:linear-gradient(135deg,#ff6a7b,#ff3055)}
.stat.tone-purple{background:linear-gradient(135deg,#8f7bff,#5a48e8)}
.stat.tone-green{background:linear-gradient(135deg,#43d37c,#29b55f)}
.stat.tone-orange{background:linear-gradient(135deg,#ffbd5d,#ff8e2f)}
.stat:before{
  content:"";position:absolute;inset:auto -20px -30px auto;width:120px;height:120px;border-radius:999px;background:rgba(59,165,244,.08)
}
.stat.tone-blue:before,.stat.tone-red:before,.stat.tone-purple:before,.stat.tone-green:before,.stat.tone-orange:before{background:rgba(255,255,255,.10)}
.stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.stat .value{font-size:38px;font-weight:900;margin-top:8px}
.stat-sparkline{
  width:84px;
  height:44px;
  flex:0 0 auto;
  opacity:.95;
}
.stat .delta{color:#334155;margin-top:10px}
.stat.tone-blue .label,.stat.tone-red .label,.stat.tone-purple .label,.stat.tone-green .label,.stat.tone-orange .label{color:rgba(255,255,255,.82)}
.stat.tone-blue .delta,.stat.tone-red .delta,.stat.tone-purple .delta,.stat.tone-green .delta,.stat.tone-orange .delta{color:#fff}

.panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #edf2f8;background:linear-gradient(180deg,#fff,#fbfdff)}
.panel-body{padding:18px;min-width:0}
.panel h2,.panel h3{margin:0}
.muted{color:var(--muted)}

.table-wrap{overflow:auto;max-width:100%}
table{width:100%;border-collapse:collapse}
th,td{padding:13px 12px;border-bottom:1px solid #edf2f8;text-align:left;vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6b7b93;background:#f8fbff}
tr:hover td{background:#fbfdff}
.row-selected td{background:#f5f9ff}
.table-link{color:#155d9e;text-decoration:none;font-weight:700}
.table-link:hover{text-decoration:underline}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:11px 14px;
  border:1px solid transparent;font-weight:700;cursor:pointer;transition:.18s ease;background:transparent;color:var(--text)
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),#2f7dff);color:#fff}
.btn-soft{background:#f8fbff;border-color:#dbe5f2}
.btn-danger{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.18);color:#c0392b}
.btn-warning{background:rgba(255,178,63,.16);border-color:rgba(255,178,63,.22);color:#b56e00}

.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:13px;color:#5c6b82;font-weight:700}
.field:has(input[required], select[required], textarea[required]) > label::after{
  content:" *";
  color:var(--danger);
  font-weight:900;
}
.field-span-2{grid-column:1 / -1}
.field input,.field select,.field textarea{
  width:100%;border-radius:14px;border:1px solid #dbe5f2;background:#fff;padding:12px 14px;outline:none;color:var(--text)
}
.field input[type="file"]{max-width:100%;min-width:0;padding:10px 12px;overflow:hidden}
.field-search{
  width:100%;border-radius:12px;border:1px solid #dbe5f2;background:#f8fbff;padding:10px 12px;outline:none;color:var(--text)
}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(59,165,244,.52);box-shadow:0 0 0 3px rgba(59,165,244,.12)}
.searchable-select{display:grid;gap:8px}
.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
.form-grid > *{min-width:0}
.form-actions,.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.stack{display:grid;gap:14px}
.row form{display:inline-flex}
.btn-sm{padding:8px 12px;border-radius:12px;font-size:12px}
.copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.copy-value{
  flex:1 1 320px;
  margin:0;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid #dbe5f2;
  background:#f8fbff;
  color:#27405e;
  overflow-wrap:anywhere;
}
.comment-card{
  padding:16px 18px;
  border:1px solid #dbe5f2;
  border-radius:18px;
  background:#fbfdff;
}
.comment-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.comment-head small{
  display:block;
  margin-top:4px;
  color:var(--muted);
}
.comment-body{
  margin-top:10px;
  white-space:normal;
  color:#304156;
  line-height:1.7;
}
.comment-mention{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(255,178,63,.18);
  color:#9a5b00;
  font-weight:700;
}
.comment-meta-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.comment-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#eef6ff;
  border:1px solid #d5e6fb;
  color:#285178;
  font-size:12px;
  font-weight:700;
}
.comment-attachments{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.comment-attachment{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border:1px solid #dbe5f2;
  border-radius:14px;
  background:#fff;
}
.comment-attachment small{
  color:var(--muted);
}
.comment-edit-shell{
  margin-top:14px;
  padding-top:12px;
  border-top:1px dashed #dbe5f2;
}
.comment-edit-shell summary{
  cursor:pointer;
  font-weight:700;
  color:#285178;
}

.filter-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:12px 0 0;
}
.filter-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid #dbe5f2;
  background:#f8fbff;
  color:#334155;
  font-size:12px;
  font-weight:700;
}
.filter-chip-icon{
  width:16px;
  height:16px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:inherit;
}
.filter-chip-icon svg{
  width:16px;
  height:16px;
  display:block;
}
.filter-chip-link{
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.filter-chip-link:hover{
  transform:translateY(-1px);
  border-color:rgba(59,165,244,.45);
  background:#eef6ff;
}
.filter-chip strong{color:#155d9e}
.filter-chip span{font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filter-chip-x{
  flex:0 0 auto;
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(59,165,244,.14);
  color:#155d9e;
  font-size:13px;
  line-height:1;
  font-weight:900;
}
.filter-chip-accent{background:rgba(59,165,244,.10);border-color:rgba(59,165,244,.22)}
.filter-chip-accent strong,.filter-chip-accent .filter-chip-x{color:#155d9e}
.filter-chip-warning{background:rgba(255,178,63,.12);border-color:rgba(255,178,63,.24)}
.filter-chip-warning strong,.filter-chip-warning .filter-chip-x{color:#b56e00}
.filter-chip-success{background:rgba(40,199,111,.12);border-color:rgba(40,199,111,.22)}
.filter-chip-success strong,.filter-chip-success .filter-chip-x{color:#0f7a3c}
.filter-chip-danger{background:rgba(255,107,107,.10);border-color:rgba(255,107,107,.22)}
.filter-chip-danger strong,.filter-chip-danger .filter-chip-x{color:#c0392b}
.filter-chip-purple{background:rgba(123,108,246,.12);border-color:rgba(123,108,246,.22)}
.filter-chip-purple strong,.filter-chip-purple .filter-chip-x{color:#5a48e8}

.flash{padding:14px 16px;border-radius:16px;margin-bottom:14px;border:1px solid #dbe5f2;background:#fff}
.flash.success{border-color:rgba(40,199,111,.35);background:linear-gradient(180deg,rgba(40,199,111,.12),rgba(40,199,111,.06));color:#0f6a37;font-weight:700}
.flash.error{border-color:rgba(255,107,107,.22);color:#b42318}
.flash.info{border-color:rgba(59,165,244,.22);color:#155d9e}

.mini-list{display:grid;gap:12px}
.mini-item{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:14px 15px;border-radius:18px;background:#fbfdff;border:1px solid #e8eef8
}
.mini-item strong{display:block}
.mini-item small{color:var(--muted)}
.permission-matrix th,
.permission-matrix td{text-align:center}
.permission-matrix td:first-child,
.permission-matrix th:first-child{text-align:left}
.permission-check{display:grid;gap:6px;justify-items:center;font-size:12px;color:#475569;font-weight:700}
.permission-check input{width:18px;height:18px}

.chart{display:grid;gap:12px}
.chart-row{display:grid;grid-template-columns:180px 1fr 66px;gap:12px;align-items:center}
.chart-row{color:inherit}
a.chart-row{text-decoration:none;cursor:pointer}
a.chart-row:hover{opacity:.92}
.bar-track{height:12px;background:#edf2f8;border-radius:999px;overflow:hidden}
.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}

.login-shell{
  min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top,rgba(59,165,244,.15),transparent 35%),linear-gradient(180deg,#f5f8ff,#eaf0fb)
}
.login-card{
  width:min(1080px,100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:32px;
  border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)
}
.login-hero{padding:38px;background:linear-gradient(135deg,#314a86,#223462);color:#fff}
.login-hero p{color:#dce7ff}
.login-form{padding:38px}
.note-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.note{padding:16px;border-radius:18px;border:1px solid #e3eaf6;background:#fbfdff}
.note h4{margin:0 0 8px}

.request-lines{display:grid;gap:10px}
.request-line{display:grid;grid-template-columns:1.2fr .6fr .8fr auto;gap:10px;align-items:start}
.subtle-box{padding:16px;border-radius:18px;border:1px solid #e3eaf6;background:#fbfdff;min-width:0;overflow-wrap:anywhere}
.settings-branding-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:18px;
  align-items:start;
}
.settings-branding-preview,
.settings-branding-editor{
  min-width:0;
}
.settings-branding-preview{
  background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%);
}
.settings-branding-assets{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:14px;
}
.settings-branding-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.settings-sections{
  display:grid;
  gap:18px;
}
.settings-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:18px;
  align-items:start;
}
.settings-panel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.settings-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.settings-summary-card{
  padding:15px 16px;
  border-radius:18px;
  border:1px solid #e3eaf6;
  background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%);
}
.settings-summary-card strong{
  display:block;
  margin-bottom:4px;
}
.settings-summary-card small{
  color:var(--muted);
  line-height:1.45;
}
.settings-panel-intro{
  display:grid;
  gap:10px;
}
.settings-side-note{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.settings-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.settings-table-panel .panel-body{
  padding-top:0;
}
.settings-table-panel .table-wrap{
  margin-top:0;
}
.footer-note{margin-top:16px;color:var(--muted);font-size:13px}
.manual-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.manual-cover{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.manual-cover-copy{max-width:760px}
.manual-cover-actions{display:grid;gap:10px;min-width:220px}
.manual-panel .panel-body{background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)}
.manual-points{gap:10px}
.manual-point{
  padding:13px 14px;border-radius:16px;border:1px solid #e5edf8;background:#f8fbff;
  color:#324257;line-height:1.5
}

@media (max-width: 1180px){
  .app{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto;max-height:none;overflow:visible}
  .topbar{flex-direction:column;align-items:stretch}
  .top-search{min-width:0;justify-content:stretch}
  .top-search input{width:100%}
  .top-actions{justify-content:space-between}
  .top-alert-shell,
  .top-alert-link{flex:1 1 240px}
  .top-alert-dropdown{left:0;right:auto;width:min(100%,420px)}
  .hero,.login-card,.grid.cols-4,.grid.cols-3,.grid.cols-2,.form-grid,.note-grid{grid-template-columns:1fr}
  .settings-overview-grid,
  .settings-panel-grid,
  .settings-summary-grid,
  .settings-action-grid{grid-template-columns:1fr}
  .settings-branding-layout,
  .settings-branding-form-grid{grid-template-columns:1fr}
  .request-line,.chart-row{grid-template-columns:1fr}
  .manual-hero{grid-template-columns:1fr}
  .manual-cover{flex-direction:column}
  .manual-cover-actions{min-width:0;width:100%}
}

@media print{
  body{background:#fff;color:#000}
  .sidebar,.topbar .userchip,.btn,.no-print,.login-shell{display:none!important}
  .app{display:block}
  .panel,.stat,.hero-card,.subtle-box,.manual-point{box-shadow:none}
}