.button {
  height: var(--control-h);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: 0 1rem;
  border-radius: .8rem;
  border: 1px solid var(--border-soft);
  background: rgba(255,255,255,.03);
  color: var(--text-1);
  font-size: .78rem;
  font-weight: 700;
  box-shadow: var(--shadow-xs);
  transition: 140ms ease;
}
.button:hover { color: var(--text-0); border-color: var(--border); background: rgba(255,255,255,.05); transform: translateY(-1px); }
.button.is-primary { color: #fff; border-color: rgba(var(--accent-rgb), .34); background: linear-gradient(180deg, rgba(var(--accent-rgb), .27), rgba(var(--accent-rgb), .16)); }
.button.is-primary:hover { background: linear-gradient(180deg, rgba(var(--accent-rgb), .34), rgba(var(--accent-rgb), .2)); }
.button.is-danger { color: #ffd8dc; border-color: rgba(241,120,127,.2); background: rgba(241,120,127,.08); }
.button svg { font-size: .95rem; }

.panel {
  border-radius: var(--r-md);
  background: linear-gradient(180deg, rgba(17,31,45,.94), rgba(12,24,36,.94));
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-xs);
}
.panel-header {
  min-height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid var(--border-soft);
}
.panel-title { font-size: .88rem; font-weight: 740; letter-spacing: -.01em; }
.panel-meta { color: var(--text-3); font-size: .68rem; }
.panel-body { padding: 1rem; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .85rem; }
.metric {
  min-height: 7.3rem;
  padding: 1.05rem 1.1rem;
  border-radius: var(--r-md);
  background: linear-gradient(145deg, rgba(17,31,45,.96), rgba(10,21,32,.96));
  border: 1px solid var(--border-soft);
  position: relative;
  overflow: hidden;
}
.metric::after { content: ""; position: absolute; inset: auto -2rem -3.5rem auto; width: 8rem; height: 8rem; border-radius: 50%; background: rgba(var(--accent-rgb), .06); filter: blur(6px); }
.metric-label { color: var(--text-2); font-size: .7rem; font-weight: 650; }
.metric-value { margin-top: .7rem; font-size: 1.8rem; line-height: 1; letter-spacing: -.04em; font-weight: 780; }
.metric-footer { margin-top: .6rem; display: flex; align-items: center; gap: .4rem; color: var(--text-3); font-size: .64rem; }
.metric-dot { width: .42rem; height: .42rem; border-radius: 99px; background: var(--accent); box-shadow: 0 0 10px rgba(var(--accent-rgb), .55); }

.status {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 1.55rem;
  padding: .25rem .5rem;
  border-radius: 999px;
  font-size: .59rem;
  font-weight: 780;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-1);
  background: rgba(255,255,255,.045);
  border: 1px solid var(--border-soft);
}
.status::before { content:""; width:.34rem; height:.34rem; border-radius:99px; background: currentColor; opacity:.85; }
.status.success { color: #8fe5c3; background: rgba(84,215,164,.08); border-color: rgba(84,215,164,.14); }
.status.warning { color: #f4cd86; background: rgba(244,189,98,.08); border-color: rgba(244,189,98,.14); }
.status.danger { color: #ff9ca2; background: rgba(241,120,127,.08); border-color: rgba(241,120,127,.14); }
.status.info { color: var(--accent-strong); background: rgba(var(--accent-rgb), .08); border-color: rgba(var(--accent-rgb), .14); }
.status.violet { color: #c8b8ff; background: rgba(172,145,255,.08); border-color: rgba(172,145,255,.14); }

.data-table-wrap { overflow: auto; }
.data-table { width: 100%; border-collapse: collapse; min-width: 56rem; }
.data-table th {
  height: 2.7rem;
  padding: .55rem .9rem;
  text-align: left;
  color: var(--text-3);
  font-size: .59rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  border-bottom: 1px solid var(--border-soft);
}
.data-table td {
  min-height: 3.8rem;
  padding: .8rem .9rem;
  color: var(--text-1);
  font-size: .76rem;
  border-bottom: 1px solid rgba(151,176,205,.075);
  vertical-align: middle;
}
.data-table tr:last-child td { border-bottom: 0; }
.data-table tbody tr { transition: 120ms ease; }
.data-table tbody tr:hover { background: rgba(255,255,255,.022); }
.data-table tbody tr.is-selected { background: rgba(var(--accent-rgb), .07); box-shadow: inset 3px 0 0 var(--accent); }
.cell-primary { color: var(--text-0); font-weight: 700; }
.cell-secondary { display:block; margin-top:.18rem; color:var(--text-3); font-size:.63rem; }

.list { display: grid; }
.list-item {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 4rem;
  padding: .75rem 1rem;
  border-bottom: 1px solid rgba(151,176,205,.075);
}
.list-item:last-child { border-bottom: 0; }
.list-icon { width: 2rem; height: 2rem; flex: 0 0 auto; border-radius: .65rem; display:grid; place-items:center; color:var(--accent-strong); background:rgba(var(--accent-rgb), .1); border:1px solid rgba(var(--accent-rgb), .14); }
.list-title { font-size:.75rem; font-weight:720; color:var(--text-0); }
.list-subtitle { margin-top:.16rem; color:var(--text-3); font-size:.63rem; }
.list-tail { margin-left:auto; text-align:right; }

.fact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.fact {
  min-height: 4.35rem;
  padding: .8rem .9rem;
  border-radius: .75rem;
  background: rgba(255,255,255,.024);
  border:1px solid var(--border-soft);
}
.fact-label { color:var(--text-3); font-size:.58rem; font-weight:780; text-transform:uppercase; letter-spacing:.08em; }
.fact-value { margin-top:.38rem; color:var(--text-0); font-size:.77rem; font-weight:650; }

.toolbar { display:flex; align-items:center; gap:.55rem; margin-bottom:.8rem; }
.input {
  height: var(--control-h);
  width:100%;
  padding:0 .9rem;
  border-radius:.75rem;
  border:1px solid var(--border-soft);
  background:#091520;
  color:var(--text-0);
  outline:none;
}
.input::placeholder { color:var(--text-3); }
.input:focus { border-color:rgba(var(--accent-rgb), .42); box-shadow:0 0 0 3px rgba(var(--accent-rgb), .08); }
.search-input { position:relative; flex:1; }
.search-input svg { position:absolute; left:.9rem; top:50%; transform:translateY(-50%); color:var(--text-3); font-size:.9rem; pointer-events:none; }
.search-input .input { padding-left:2.4rem; }

.avatar {
  width:2.35rem;
  height:2.35rem;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:.72rem;
  background:linear-gradient(145deg, rgba(var(--accent-rgb), .32), rgba(var(--accent-rgb), .11));
  border:1px solid rgba(var(--accent-rgb), .2);
  color:var(--accent-strong);
  font-size:.73rem;
  font-weight:820;
}
.entity { display:flex; align-items:center; gap:.65rem; }
.entity-title { font-size:.75rem; font-weight:720; color:var(--text-0); }
.entity-subtitle { margin-top:.13rem; color:var(--text-3); font-size:.62rem; }

.timeline { display:grid; gap:.1rem; }
.timeline-item { position:relative; display:grid; grid-template-columns:1.8rem minmax(0,1fr) auto; gap:.7rem; min-height:4.2rem; padding:.7rem 0; }
.timeline-item:not(:last-child)::after { content:""; position:absolute; left:.88rem; top:2.45rem; bottom:-.4rem; width:1px; background:var(--border-soft); }
.timeline-dot { width:1.8rem; height:1.8rem; z-index:1; border-radius:.58rem; display:grid; place-items:center; color:var(--accent-strong); background:#102235; border:1px solid rgba(var(--accent-rgb), .17); }
.timeline-title { font-size:.74rem; color:var(--text-0); font-weight:700; }
.timeline-text { margin-top:.2rem; color:var(--text-2); font-size:.65rem; }
.timeline-time { color:var(--text-3); font-size:.61rem; padding-top:.15rem; }

.empty-state { min-height:14rem; display:grid; place-items:center; text-align:center; color:var(--text-3); }
.empty-state strong { display:block; color:var(--text-1); font-size:.85rem; margin-bottom:.3rem; }

.command-palette {
  position:fixed;
  z-index:100;
  inset:0;
  display:grid;
  place-items:start center;
  padding-top:12vh;
  background:rgba(2,7,12,.68);
  backdrop-filter:blur(10px);
}
.command-card {
  width:min(44rem, 78vw);
  border-radius:1.1rem;
  overflow:hidden;
  background:#0d1a27;
  border:1px solid var(--border-strong);
  box-shadow:var(--shadow-lg);
}
.command-field { display:flex; align-items:center; gap:.8rem; padding:1rem 1.1rem; border-bottom:1px solid var(--border-soft); }
.command-field svg { color:var(--text-3); }
.command-field input { flex:1; border:0; outline:0; background:transparent; color:var(--text-0); font-size:.95rem; }
.command-field input::placeholder { color:var(--text-3); }
.command-results { padding:.5rem; max-height:28rem; overflow:auto; }
.command-result { display:flex; align-items:center; gap:.7rem; padding:.75rem; border-radius:.75rem; color:var(--text-2); }
.command-result:hover { background:rgba(255,255,255,.035); color:var(--text-0); }
.command-result-icon { width:2rem; height:2rem; display:grid; place-items:center; border-radius:.6rem; background:rgba(var(--accent-rgb), .08); color:var(--accent-strong); }
.command-result small { display:block; margin-top:.1rem; color:var(--text-3); }
.fact-grid-spaced { margin-top:1rem; }

/* FOUNDATION POLISH: ACTIONS */
.button.is-ghost {
  background: transparent;
  border-color: var(--border-soft);
  box-shadow: none;
}
.button.is-ghost:hover { background: rgba(255,255,255,.035); border-color: var(--border); }
.button.is-sm { height: 2.3rem; padding: 0 .78rem; font-size: .7rem; border-radius: .7rem; }

/* FOUNDATION POLISH: TABLE TOOLING */
.table-panel { overflow: hidden; }
.panel-body-table { padding: 0; }
.table-toolbar {
  min-height: 4rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .7rem .9rem;
  border-bottom: 1px solid var(--border-soft);
  background: rgba(255,255,255,.012);
}
.table-toolbar-search { flex: 1; min-width: 16rem; max-width: 38rem; }
.table-toolbar-actions { margin-left: auto; display: flex; align-items: center; gap: .42rem; }
.table-toolbar-meta { margin-left: .35rem; color: var(--text-3); font-size: .62rem; }
.view-chip {
  min-height: 2.15rem;
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  padding: .38rem .62rem;
  border-radius: .65rem;
  border: 1px solid var(--border-soft);
  background: rgba(255,255,255,.018);
  color: var(--text-2);
  font-size: .65rem;
  font-weight: 680;
}
.view-chip:hover { color: var(--text-0); background: rgba(255,255,255,.035); border-color: var(--border); }
.view-chip.is-active { color: var(--text-0); background: rgba(var(--accent-rgb),.1); border-color: rgba(var(--accent-rgb),.2); }
.view-chip-count { min-width: 1.15rem; height: 1.15rem; display: grid; place-items: center; padding: 0 .25rem; border-radius: 99px; color: var(--text-2); background: rgba(255,255,255,.045); font-size: .56rem; }
.data-table-wrap.is-framed { max-height: 42rem; }
.data-table-wrap.is-framed .data-table th { position: sticky; top: 0; z-index: 2; background: #0d1a27; box-shadow: inset 0 -1px 0 var(--border-soft); }
.data-table-wrap.is-framed .data-table tbody tr { cursor: pointer; }
.row-action { width: 2.7rem; text-align: center; color: var(--text-3); }
.row-action svg { margin: 0 auto; font-size: .85rem; transition: 140ms ease; }
.data-table tbody tr:hover .row-action { color: var(--text-0); }
.data-table tbody tr:hover .row-action svg { transform: translateX(2px); }
.table-footer { min-height: 3rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.65rem .9rem; border-top:1px solid var(--border-soft); color:var(--text-2); font-size:.62rem; background:rgba(255,255,255,.01); }
.table-footer-hint { color:var(--text-3); }
.priority-label { display:inline-flex; min-height:1.55rem; align-items:center; padding:.25rem .48rem; border-radius:.55rem; font-size:.62rem; font-weight:720; color:var(--text-2); background:rgba(255,255,255,.035); border:1px solid var(--border-soft); }
.priority-hoch { color:#ffadb2; background:rgba(241,120,127,.07); border-color:rgba(241,120,127,.14); }
.priority-mittel { color:#f4cd86; background:rgba(244,189,98,.07); border-color:rgba(244,189,98,.14); }

/* FOUNDATION POLISH: DIALOGS */
.input-area { min-height: 6.8rem; height: auto; padding-top: .75rem; padding-bottom: .75rem; resize: vertical; }
select.input { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%); background-position: calc(100% - 1rem) 50%, calc(100% - .7rem) 50%; background-size: .3rem .3rem, .3rem .3rem; background-repeat: no-repeat; }
.modal-backdrop {
  position: fixed;
  z-index: 120;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 2rem;
  background: rgba(2,7,12,.72);
  backdrop-filter: blur(14px);
}
.modal-card {
  width: min(36rem, 96vw);
  max-height: min(48rem, 90vh);
  overflow: auto;
  border-radius: 1.25rem;
  background: linear-gradient(180deg, #132333, #0c1824);
  border: 1px solid var(--border-strong);
  box-shadow: var(--shadow-lg);
}
.modal-header { position:relative; padding:1.35rem 1.45rem 1.15rem; border-bottom:1px solid var(--border-soft); background:linear-gradient(135deg, rgba(var(--accent-rgb),.09), transparent 58%); }
.modal-kicker { color:var(--accent-strong); font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.modal-header h2 { margin:.38rem 3rem .35rem 0; font-size:1.35rem; letter-spacing:-.03em; }
.modal-header p { margin:0; max-width:30rem; color:var(--text-2); font-size:.75rem; line-height:1.6; }
.modal-close { position:absolute; top:1rem; right:1rem; width:2.35rem; height:2.35rem; display:grid; place-items:center; border-radius:.7rem; border:1px solid var(--border-soft); background:rgba(255,255,255,.025); color:var(--text-2); }
.modal-close:hover { color:var(--text-0); background:rgba(255,255,255,.045); }
.modal-close svg { transform:rotate(45deg); }
.modal-body { display:grid; gap:.9rem; padding:1.25rem 1.45rem 1.4rem; }
.modal-note { display:flex; gap:.6rem; align-items:flex-start; padding:.75rem .85rem; border-radius:.75rem; color:var(--text-2); background:rgba(var(--accent-rgb),.055); border:1px solid rgba(var(--accent-rgb),.12); font-size:.66rem; }
.modal-note svg { margin-top:.12rem; flex:0 0 auto; color:var(--accent-strong); }
.modal-actions { display:flex; justify-content:flex-end; gap:.55rem; padding-top:.2rem; }
.toast { position:fixed; z-index:140; right:1.25rem; bottom:1.25rem; width:min(26rem, calc(100vw - 2.5rem)); display:grid; grid-template-columns:2rem minmax(0,1fr) 2rem; gap:.7rem; align-items:center; padding:.85rem; border-radius:.9rem; background:#112331; border:1px solid rgba(84,215,164,.18); box-shadow:var(--shadow-lg); }
.toast-icon { width:2rem; height:2rem; display:grid; place-items:center; border-radius:.62rem; color:#8fe5c3; background:rgba(84,215,164,.09); border:1px solid rgba(84,215,164,.15); }
.toast strong { display:block; font-size:.72rem; }
.toast span { display:block; margin-top:.12rem; color:var(--text-3); font-size:.62rem; }
.toast-close { width:2rem; height:2rem; display:grid; place-items:center; border:0; background:transparent; color:var(--text-3); }
.toast-close svg { transform:rotate(45deg); }

/* FUNCTIONAL FOUNDATION 01: RECORD INTERACTION */
.record-table-row:focus-visible, .record-row:focus-visible { outline:2px solid rgba(var(--accent-rgb),.55); outline-offset:-2px; }
.record-table-row[hidden] { display:none; }
.case-search-empty { min-height:8rem; display:grid; place-items:center; color:var(--text-3); font-size:.72rem; border-top:1px solid var(--border-soft); }
.case-search-empty[hidden] { display:none; }
.case-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1rem 1.05rem .85rem; border-bottom:1px solid var(--border-soft); background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent 52%); }
.case-detail-head h2 { margin:.16rem 0 0; font-size:1.12rem; letter-spacing:-.03em; }
.case-detail-head p { margin:.18rem 0 0; color:var(--text-2); font-size:.68rem; }
.case-detail-kicker { color:var(--accent-strong); font-size:.56rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.case-detail-summary { padding:.9rem 1.05rem; color:var(--text-2); font-size:.69rem; line-height:1.7; border-bottom:1px solid var(--border-soft); }
.case-detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; padding:.8rem 1.05rem; }
.case-detail-facts > div { min-height:3.55rem; padding:.62rem .7rem; border-radius:.65rem; background:rgba(255,255,255,.022); border:1px solid var(--border-soft); }
.case-detail-facts span, .case-detail-facts strong { display:block; }
.case-detail-facts span { color:var(--text-3); font-size:.52rem; font-weight:760; text-transform:uppercase; letter-spacing:.07em; }
.case-detail-facts strong { margin-top:.2rem; color:var(--text-0); font-size:.67rem; }
.case-tag-row { display:flex; flex-wrap:wrap; gap:.35rem; padding:0 1.05rem .8rem; }
.case-tag-row span { padding:.28rem .44rem; border-radius:.5rem; color:var(--text-2); background:rgba(255,255,255,.025); border:1px solid var(--border-soft); font-size:.55rem; }
.case-action-row { display:flex; gap:.5rem; padding:.8rem 1.05rem 1rem; border-top:1px solid var(--border-soft); }
.case-section-panel .panel-body { padding:.75rem; }
.case-relation-list { display:grid; gap:.42rem; }
.relation-record { width:100%; display:grid; grid-template-columns:2.35rem minmax(0,1fr) auto 1rem; gap:.65rem; align-items:center; min-height:4rem; padding:.62rem .7rem; border-radius:.72rem; color:var(--text-1); text-align:left; background:rgba(255,255,255,.018); border:1px solid var(--border-soft); transition:130ms ease; }
.relation-record:hover { transform:translateY(-1px); background:rgba(255,255,255,.032); border-color:rgba(var(--accent-rgb),.22); }
.relation-record-icon { width:2.35rem; height:2.35rem; display:grid; place-items:center; border-radius:.68rem; color:var(--accent-strong); background:rgba(var(--accent-rgb),.09); border:1px solid rgba(var(--accent-rgb),.14); }
.relation-record-copy strong, .relation-record-copy small { display:block; }
.relation-record-copy strong { color:var(--text-0); font-size:.68rem; }
.relation-record-copy small { margin-top:.14rem; color:var(--text-3); font-size:.56rem; }
.relation-chevron { color:var(--text-3); font-size:.78rem; }
.compact-record-list { display:grid; gap:.42rem; }
.compact-record { display:grid; grid-template-columns:2.2rem minmax(0,1fr) auto auto; gap:.65rem; align-items:center; min-height:3.8rem; padding:.6rem .68rem; border-radius:.68rem; background:rgba(255,255,255,.018); border:1px solid var(--border-soft); }
.compact-record-icon { width:2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:.62rem; color:var(--accent-strong); background:rgba(var(--accent-rgb),.08); }
.compact-record strong, .compact-record small { display:block; }
.compact-record strong { font-size:.67rem; }
.compact-record small { margin-top:.12rem; color:var(--text-3); font-size:.56rem; }
.case-task-list { display:grid; gap:.42rem; }
.case-task { width:100%; display:grid; grid-template-columns:2rem minmax(0,1fr) auto; gap:.65rem; align-items:center; min-height:3.7rem; padding:.6rem .7rem; border-radius:.68rem; color:var(--text-1); text-align:left; background:rgba(255,255,255,.018); border:1px solid var(--border-soft); }
.case-task:hover { background:rgba(255,255,255,.032); border-color:var(--border); }
.case-task-check { width:2rem; height:2rem; display:grid; place-items:center; border-radius:.58rem; border:1px solid var(--border); color:#8fe5c3; background:rgba(255,255,255,.015); }
.case-task strong, .case-task small { display:block; }
.case-task strong { font-size:.66rem; }
.case-task small { margin-top:.12rem; color:var(--text-3); font-size:.55rem; }
.case-task-state { color:var(--text-3); font-size:.56rem; font-weight:760; text-transform:uppercase; letter-spacing:.06em; }
.case-task.is-done { opacity:.66; }
.case-task.is-done strong { text-decoration:line-through; }
.case-task.is-done .case-task-check { background:rgba(84,215,164,.09); border-color:rgba(84,215,164,.18); }
.case-note-list { display:grid; gap:.42rem; }
.case-note { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.2rem .8rem; padding:.65rem .7rem; border-radius:.65rem; background:rgba(255,255,255,.018); border:1px solid var(--border-soft); }
.case-note strong { font-size:.62rem; }
.case-note span { grid-column:1 / -1; color:var(--text-2); font-size:.62rem; line-height:1.55; }
.case-note small { grid-row:1; grid-column:2; color:var(--text-3); font-size:.54rem; }
.case-note-composer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem; margin-top:.6rem; }
.case-empty-inline { padding:.75rem; color:var(--text-3); font-size:.62rem; text-align:center; border:1px dashed var(--border-soft); border-radius:.65rem; }
.case-timeline { padding:.05rem .15rem; }
.linked-record-stack { display:grid; gap:.42rem; }
.linked-record-inline { width:100%; display:grid; grid-template-columns:2.1rem minmax(0,1fr) 1rem; gap:.6rem; align-items:center; min-height:3.65rem; padding:.58rem .65rem; border-radius:.65rem; color:var(--text-1); text-align:left; background:rgba(255,255,255,.018); border:1px solid var(--border-soft); transition:130ms ease; }
.linked-record-inline:hover { background:rgba(255,255,255,.032); border-color:rgba(var(--accent-rgb),.2); }
.linked-record-inline > span:first-child { width:2.1rem; height:2.1rem; display:grid; place-items:center; border-radius:.58rem; color:var(--accent-strong); background:rgba(var(--accent-rgb),.08); }
.linked-record-inline strong, .linked-record-inline small { display:block; }
.linked-record-inline strong { font-size:.66rem; }
.linked-record-inline small { margin-top:.1rem; color:var(--text-3); font-size:.55rem; }
.linked-record-inline > svg { color:var(--text-3); font-size:.76rem; }

/* RECORD FOCUS 01: ONE WORKSPACE, ONE RECORD */
.record-focus-header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1.2rem; align-items:center; margin-bottom:1.25rem; padding:1rem 1.1rem; border-radius:var(--r-md); background:linear-gradient(135deg,rgba(var(--accent-rgb),.07),rgba(12,25,37,.96) 42%,rgba(9,20,31,.98)); border:1px solid rgba(var(--accent-rgb),.16); box-shadow:var(--shadow-xs); }
.record-focus-back { min-height:2.65rem; display:inline-flex; align-items:center; gap:.55rem; padding:0 .78rem; border-radius:.7rem; color:var(--text-2); background:rgba(255,255,255,.022); border:1px solid var(--border-soft); font-size:.64rem; font-weight:720; white-space:nowrap; }
.record-focus-back:hover { color:var(--text-0); background:rgba(255,255,255,.04); border-color:rgba(var(--accent-rgb),.22); }
.record-focus-back-icon { width:1rem; height:1rem; display:grid; place-items:center; transform:rotate(180deg); }
.record-focus-heading { min-width:0; }
.record-focus-title-row { display:flex; align-items:center; gap:.75rem; min-width:0; }
.record-focus-title-row .page-title { margin:.12rem 0 .18rem; min-width:0; }
.record-focus-actions { display:flex; align-items:center; justify-content:flex-end; gap:.5rem; flex-wrap:wrap; }
.record-focus-stack { width:100%; display:grid; grid-template-columns:minmax(0,1fr); gap:.85rem; }
.record-primary-panel, .record-section-panel { width:100%; min-width:0; }
.record-primary-panel { overflow:hidden; }
.record-fact-grid { display:grid; gap:.55rem; padding:1rem 1.05rem; }
.record-fact-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.record-fact-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.record-fact-grid > div { min-height:4rem; padding:.7rem .78rem; border-radius:.7rem; background:rgba(255,255,255,.022); border:1px solid var(--border-soft); }
.record-fact-grid span, .record-fact-grid strong { display:block; }
.record-fact-grid span { color:var(--text-3); font-size:.54rem; font-weight:760; text-transform:uppercase; letter-spacing:.07em; }
.record-fact-grid strong { margin-top:.24rem; color:var(--text-0); font-size:.7rem; line-height:1.45; }
.record-tag-row { padding:.15rem 1.05rem 1rem; }
.record-link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.record-context-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.record-profile-head { padding:1.15rem 1.2rem; }
.record-entity-hero { display:flex; align-items:center; gap:1rem; padding:1.15rem 1.05rem; border-bottom:1px solid var(--border-soft); background:linear-gradient(90deg,rgba(var(--accent-rgb),.065),transparent 55%); }
.record-entity-icon { width:3.2rem; height:3.2rem; display:grid; place-items:center; border-radius:.9rem; color:var(--accent-strong); background:rgba(var(--accent-rgb),.11); border:1px solid rgba(var(--accent-rgb),.18); }
.record-entity-hero span { display:block; color:var(--text-3); font-size:.56rem; font-weight:760; text-transform:uppercase; letter-spacing:.08em; }
.record-entity-hero h2 { margin:.18rem 0 .12rem; font-size:1.15rem; letter-spacing:-.025em; }
.record-entity-hero p { margin:0; color:var(--text-2); font-size:.64rem; }
.record-section-panel .panel-body { padding:.9rem 1rem; }
.record-section-panel .agency-service-table { max-height:none; }
.record-register-panel .data-table-wrap { max-height:none; }
.record-register-panel .data-table { min-width:72rem; }


/* UNIVERSAL RECORD FOCUS 02 */
.compact-record.is-clickable { width:100%; color:var(--text-1); text-align:left; cursor:pointer; transition:130ms ease; }
.compact-record.is-clickable:hover { transform:translateY(-1px); background:rgba(255,255,255,.032); border-color:rgba(var(--accent-rgb),.22); }
.compact-record.is-clickable:focus-visible, .board-card-action:focus-visible { outline:2px solid rgba(var(--accent-rgb),.55); outline-offset:2px; }
.record-entity-hero p { max-width:76rem; line-height:1.65; }


/* CONTENT CONTRAST 01: SYSTEM CHROME VS. FACHINHALT */
.record-focus-heading .page-subtitle {
  color: var(--content-value);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: -.01em;
}
.record-primary-panel {
  border-color: var(--content-border);
  background: linear-gradient(180deg, rgba(18,35,51,.98), rgba(11,24,36,.97));
}
.record-entity-hero {
  background: linear-gradient(90deg, var(--content-surface-strong), rgba(var(--accent-rgb),.025) 58%, transparent);
}
.record-entity-hero h2 {
  color: var(--content-value);
  font-size: 1.25rem;
  font-weight: 790;
}
.record-entity-hero p {
  color: var(--content-muted);
}
.record-fact-grid > div,
.case-detail-facts > div {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, var(--content-surface), rgba(255,255,255,.018));
  border-color: var(--content-border);
}
.record-fact-grid > div::before,
.case-detail-facts > div::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: rgba(var(--accent-rgb), .62);
}
.record-fact-grid span,
.case-detail-facts span {
  color: var(--content-muted);
}
.record-fact-grid strong,
.case-detail-facts strong {
  color: var(--content-value);
  font-size: .78rem;
  font-weight: 770;
}
.case-detail-summary {
  margin: .95rem 1.05rem 0;
  padding: .85rem 1rem;
  color: var(--content-value);
  font-size: .74rem;
  font-weight: 620;
  line-height: 1.72;
  background: linear-gradient(90deg, var(--content-surface-strong), rgba(var(--accent-rgb),.025));
  border: 1px solid var(--content-border);
  border-left: 3px solid rgba(var(--accent-rgb), .72);
  border-radius: .72rem;
}
.case-tag-row span,
.record-tag-row span {
  color: var(--content-value);
  background: rgba(var(--accent-rgb), .085);
  border-color: rgba(var(--accent-rgb), .20);
  font-weight: 680;
}
.case-note {
  background: linear-gradient(145deg, rgba(var(--accent-rgb),.065), rgba(255,255,255,.016));
  border-color: rgba(var(--accent-rgb),.16);
}
.case-note span {
  color: var(--content-value);
  font-size: .66rem;
}

/* Entity colors are restrained, but make domain data distinguishable at a glance. */
[data-record-link-type="case"] { --record-rgb: 101,161,255; }
[data-record-link-type="person"] { --record-rgb: 88,194,223; }
[data-record-link-type="vehicle"] { --record-rgb: 84,215,164; }
[data-record-link-type="weapon"] { --record-rgb: 241,120,127; }
[data-record-link-type="evidence"] { --record-rgb: 244,189,98; }
[data-record-link-type="agency"] { --record-rgb: 172,145,255; }
[data-record-link-type="operation"] { --record-rgb: 99,166,255; }

.linked-record-inline[data-record-link-type],
.relation-record[data-record-link-type],
.compact-record.is-clickable[data-record-link-type] {
  background: linear-gradient(90deg, rgba(var(--record-rgb),.105), rgba(255,255,255,.018) 58%);
  border-color: rgba(var(--record-rgb),.22);
}
.linked-record-inline[data-record-link-type]:hover,
.relation-record[data-record-link-type]:hover,
.compact-record.is-clickable[data-record-link-type]:hover {
  background: linear-gradient(90deg, rgba(var(--record-rgb),.16), rgba(255,255,255,.03) 62%);
  border-color: rgba(var(--record-rgb),.38);
}
.linked-record-inline[data-record-link-type] > span:first-child,
.relation-record[data-record-link-type] .relation-record-icon,
.compact-record.is-clickable[data-record-link-type] .compact-record-icon {
  color: rgb(var(--record-rgb));
  background: rgba(var(--record-rgb),.12);
  border: 1px solid rgba(var(--record-rgb),.2);
}
.linked-record-inline strong,
.relation-record-copy strong,
.compact-record strong {
  color: var(--content-value);
  font-size: .72rem;
  font-weight: 760;
}
.record-section-panel > .panel-header .panel-title {
  color: var(--text-1);
  font-weight: 720;
}
.record-section-panel > .panel-header .panel-meta {
  color: var(--text-3);
}


/* LAYOUT + ICON POLISH 01: RECORD RHYTHM */
.record-focus-stack { gap:1.05rem; }
.record-profile-head {
  display:grid;
  grid-template-columns:3.15rem minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:1.3rem 1.35rem;
  border-bottom:1px solid var(--border-soft);
  background:linear-gradient(90deg, rgba(var(--accent-rgb),.06), rgba(var(--accent-rgb),.012) 52%, transparent);
}
.profile-avatar {
  width:3.15rem;
  height:3.15rem;
  display:grid;
  place-items:center;
  border-radius:.9rem;
  color:var(--accent-strong);
  background:linear-gradient(145deg, rgba(var(--accent-rgb),.22), rgba(var(--accent-rgb),.08));
  border:1px solid rgba(var(--accent-rgb),.24);
  font-size:.84rem;
  font-weight:820;
}
.profile-name { color:var(--content-value); font-size:1.06rem; font-weight:790; letter-spacing:-.025em; line-height:1.15; }
.profile-id { margin-top:.28rem; color:var(--text-3); font-size:.59rem; text-transform:uppercase; letter-spacing:.075em; }
.profile-status { justify-self:end; }
.record-primary-panel .detail-section { padding:1.25rem 1.35rem 0; }
.record-primary-panel .detail-section + .detail-section { padding-top:1.45rem; }
.record-primary-panel .detail-section:last-child { padding-bottom:1.35rem; }
.detail-section .section-title {
  margin:0;
  color:var(--text-1);
  font-size:.7rem;
  font-weight:780;
  letter-spacing:.015em;
}
.detail-section .record-fact-grid { padding:.82rem 0 0; }
.detail-section .list {
  margin-top:.82rem;
  overflow:hidden;
  border:1px solid var(--border-soft);
  border-radius:.75rem;
  background:rgba(255,255,255,.012);
}
.record-section-panel > .panel-header { padding:1rem 1.15rem; }
.record-section-panel > .panel-body { padding:1.05rem 1.15rem 1.15rem; }
.record-link-grid { gap:.68rem; }
.linked-record-inline { min-height:3.9rem; padding:.66rem .72rem; }

.command-empty {
  padding:1.2rem;
  color:var(--text-3);
  font-size:.76rem;
  text-align:center;
}
.text-link-button {
  color:var(--accent-strong);
  font:inherit;
  font-weight:760;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
}
.text-link-button:hover { text-decoration:underline; }


/* F2 REPORT & DOCUMENT FOUNDATION */
.report-template-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.report-template-card { min-height:11rem; padding:1rem; display:grid; grid-template-columns:3rem minmax(0,1fr); gap:.9rem; align-items:start; }
.report-template-card .button { grid-column:2; justify-self:start; }
.report-template-icon { width:3rem; height:3rem; display:grid; place-items:center; border-radius:.85rem; color:var(--accent-strong); background:rgba(var(--accent-rgb),.1); border:1px solid rgba(var(--accent-rgb),.18); }
.report-template-card span { color:var(--accent-strong); font-size:.56rem; text-transform:uppercase; letter-spacing:.08em; font-weight:780; }
.report-template-card h3 { margin:.28rem 0 .25rem; font-size:.9rem; }
.report-template-card p { margin:0; color:var(--text-2); font-size:.64rem; line-height:1.55; }
.report-document-body { padding:.2rem 1.15rem 1.15rem; }
.report-document-body .detail-section { padding:1rem 0 0; }
.report-document-body .detail-section + .detail-section { margin-top:.85rem; border-top:1px solid var(--border-soft); }
.report-document-body .detail-label { color:var(--text-3); font-size:.56rem; font-weight:780; text-transform:uppercase; letter-spacing:.08em; }
.report-document-body p { margin:.4rem 0 0; max-width:90rem; color:var(--text-1); font-size:.7rem; line-height:1.75; white-space:pre-wrap; }
.report-composer { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(20rem,.7fr); gap:.9rem; align-items:start; }
.report-composer-main { min-width:0; }
.report-composer-side { display:grid; gap:.9rem; position:sticky; top:1rem; }
.report-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.report-field { display:grid; gap:.35rem; }
.report-field-wide { grid-column:1 / -1; }
.report-field label { color:var(--text-2); font-size:.59rem; font-weight:760; text-transform:uppercase; letter-spacing:.06em; }
.report-narrative { min-height:13rem; }
.report-picker-stack { display:grid; gap:.72rem; }
.report-composer-actions { display:grid; gap:.8rem; }
.report-composer-actions p { margin:0; color:var(--text-2); font-size:.64rem; line-height:1.6; }
@media (max-width: 1100px) { .report-template-grid { grid-template-columns:1fr; } .report-composer { grid-template-columns:1fr; } .report-composer-side { position:static; } }