.cc-system { color:var(--cc-ink); display:grid; gap:24px; min-width:0; }
.cc-system h1,.cc-system h2,.cc-system p { margin:0; }
.cc-system h1 { font-size:clamp(1.65rem,3vw,2.2rem); font-weight:800; line-height:1.6; }
.cc-system h2 { font-size:1.15rem; font-weight:750; }
.cc-system__header,.cc-system__panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.cc-system__header p,.cc-system__panel-head p,.cc-system small { color:var(--cc-ink-soft); line-height:1.9; }
.cc-system__eyebrow { color:var(--cc-accent); font-size:.8rem; letter-spacing:.03em; font-weight:750; }
.cc-system__summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cc-system__metric,.cc-system__panel { background:var(--cc-surface); border:1px solid var(--cc-line); border-radius:var(--cc-radius-md); box-shadow:var(--cc-shadow-sm),0 0 24px var(--cc-glow-card); min-width:0; }
.cc-system__metric { padding:20px; display:grid; gap:8px; }
.cc-system__metric strong { font-size:1.5rem; overflow-wrap:anywhere; }
.cc-system__metric span { color:var(--cc-ink-soft); }
.cc-system__panel { padding:24px; display:grid; gap:20px; scroll-margin-top:100px; }
.cc-system__actions,.cc-system__nav { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.cc-system button,.cc-system__actions a,.cc-system__nav a,.cc-system .cc-table a { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; border-radius:12px; }
.cc-system__actions a,.cc-system__nav a,.cc-system .cc-table a { color:var(--cc-accent); border:1px solid var(--cc-line-strong); background:var(--cc-surface); text-decoration:none; }
.cc-system__nav a[aria-current=page] { background:var(--cc-accent); color:var(--cc-accent-ink); }
.cc-system :focus-visible { outline:3px solid var(--cc-focus); outline-offset:3px; }
.cc-system__filters { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.cc-system__filters > label,.cc-system__filters > .cc-field { flex:1 1 220px; display:grid; gap:6px; }
.cc-system__filters input,.cc-system__filters select { min-height:44px; border:1px solid var(--cc-line-strong); border-radius:10px; padding:8px 12px; background:var(--cc-surface); color:var(--cc-ink); width:100%; }
.cc-system__badge { display:inline-block; padding:4px 10px; border-radius:8px; font-size:.85rem; background:var(--cc-subtle); color:var(--cc-ink); }
.cc-system__badge--good { background:var(--cc-success-soft); color:var(--cc-success); }
.cc-system__badge--warn { background:var(--cc-warn-soft); color:var(--cc-warn); }
.cc-system .cc-table-wrap { overflow-x:auto; border:1px solid var(--cc-line); border-radius:12px; }
.cc-system .cc-table { min-width:780px; }
.cc-system .cc-table td,.cc-system .cc-table th { padding:14px 16px; vertical-align:middle; }
.cc-system .cc-table td { overflow-wrap:anywhere; max-width:320px; }
.cc-system .cc-table td small { display:block; }
.cc-system__empty { padding:32px; text-align:center; color:var(--cc-ink-soft); }
.cc-system .cc-info-grid { display:grid; grid-template-columns:minmax(140px,1fr) minmax(0,2fr); gap:12px 20px; margin:0; }
.cc-system dt { color:var(--cc-ink-soft); }
.cc-system dd { margin:0; overflow-wrap:anywhere; }
.cc-system__note { padding:16px 20px; background:var(--cc-surface-sunken); border-inline-start:3px solid var(--cc-accent); border-radius:10px; line-height:1.9; }
.cc-system__split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.cc-system pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.85rem; line-height:1.9; background:var(--cc-surface-sunken); padding:20px; border-radius:12px; margin:0; }
.cc-system__permissions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0; list-style:none; margin:0; }
.cc-system__permissions li,.cc-system fieldset { border:1px solid var(--cc-line); border-radius:10px; padding:12px; min-width:0; }
.cc-system__permissions code,.cc-system .cc-check code { display:block; font-size:.75rem; color:var(--cc-ink-soft); overflow-wrap:anywhere; }
.cc-system .cc-check { display:flex; gap:10px; align-items:center; min-height:44px; }
.cc-system .cc-check input { width:20px; height:20px; flex:none; }
.cc-system .arta-dialog__fields small { grid-column:1/-1; }
@media(max-width:700px) {
 .cc-system__summary,.cc-system__split,.cc-system__permissions { grid-template-columns:1fr; }
 .cc-system__panel { padding:18px; }
 .cc-system .cc-info-grid { grid-template-columns:1fr; gap:4px; }
 .cc-system dd { margin-bottom:12px; }
 .cc-system__actions { width:100%; }
 .cc-system__actions>* { flex:1; }
}