:root {
    --bg: #eef4fb;
    --panel: #ffffff;
    --ink: #000;
    --muted: #607086;
    --line: #cfd9e8;
    --accent: #1b4f91;
    --accent-soft: #e7f0fb;
    --field: #f3f8ff;
    --field-strong: #e9f2ff;
    --good: #0b7a4b;
    --good-soft: #e8f7ef;
    --bad: #b42318;
    --bad-soft: #fdecec;
    --warning: #8a5b00;
    --warning-soft: #fff6df;
    --shadow: 0 12px 30px rgba(15, 23, 42, .08);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: linear-gradient(180deg, #eff5fc, #e8f0fb); color: var(--ink); }
a { color: inherit; text-decoration: none; }
.shell { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.sidebar { background: linear-gradient(180deg, #0e2748, #163a68); color: #fff; padding: 28px 20px; }
.brand { display: flex; gap: 14px; align-items: center; margin-bottom: 30px; }
.brand-mark { width: 46px; height: 46px; border-radius: 14px; background: rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; font-weight:700; }
.brand-title { font-size: 1.2rem; font-weight: 700; }
.brand-sub { font-size: .86rem; opacity: .82; }
.nav { display: contents; gap: 10px; }
.nav a { padding: 9px 14px; border-radius: 12px; color: rgba(255,255,255,.9); }
.nav a.active, .nav a:hover { background: rgba(255,255,255,.12); }
.content { padding: 24px; }
.topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom: 18px; }
.topbar h1 { margin: 0 0 4px; font-size: 1.95rem; }
.topbar p { margin: 0; color: var(--muted); }
.topbar-meta { background: rgba(255,255,255,.9); padding: 12px 16px; border:1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }
.panel { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 18px; box-shadow: var(--shadow); }
.soft-blue-panel { background: linear-gradient(180deg, var(--co-form-container-bg-top, #c4d5ea), var(--co-form-container-bg-bottom, #b6cae5)); }
.title-panel { padding: 20px 22px; }
.title-row { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.compact-title-row h2 { margin: 4px 0 6px; }
.eyebrow { text-transform: uppercase; letter-spacing: .08em; color: var(--accent); font-weight: 700; font-size: .78rem; }
.section-head { margin-bottom: 12px; }
.section-head h3, .panel h2 { margin: 0 0 4px; }
.section-head p, .panel p { margin: 0; color: var(--muted); }
.compact-head p { font-size: .92rem; }
label { display:grid; gap:1px; font-weight:600; color:#334155; }
label span { font-size: .9rem; }
input, textarea, button { font: inherit; }
input[type="text"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="number"], select, textarea {
    width:100%; background: var(--field); border:1px solid #c9d8ee; border-radius: 12px; padding: 8px 4px; color: var(--ink);
}
input[readonly], textarea[readonly] { background: var(--field-strong); }
textarea { resize: vertical; }
.btn { border:0; background: var(--accent); color:#fff; padding: 12px 16px; border-radius: 12px; font-weight: 700; cursor: pointer; display:inline-flex; align-items:center; justify-content:center; }
.btn.secondary { background: var(--co-button-secondary-bg, #eef2f7); color: var(--co-button-secondary-text, #000); }
.btn.danger { background: var(--bad); }
.btn:disabled { opacity: .55; cursor: not-allowed; }
.toolbar { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.toolbar.compact label { min-width: 190px; }
.alert { padding: 14px 16px; border-radius: 14px; margin-bottom: 18px; }
.alert.success { background: var(--good-soft); color: var(--good); }
.alert.danger { background: var(--bad-soft); color: var(--bad); }
.status-box { min-width: 245px; border-radius: 18px; padding: 16px 18px; background: var(--warning-soft); border:1px solid #f0d28a; }
.status-box.ok { background: var(--good-soft); border-color: #b8e4c9; }
.status-box.error { background: var(--bad-soft); border-color: #efb5af; }
.status-label { display:block; color: var(--muted); margin-bottom: 4px; }
.status-box strong { display:block; font-size: 1.15rem; }
.status-box small { color: var(--muted); }
.compact-meta-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-top: 16px; }
.grid { display:grid; gap:18px; }
.grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.stats-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:18px; margin: 18px 0; }
.stat-card { background: var(--panel); border:1px solid var(--line); border-radius:18px; padding:18px; box-shadow: var(--shadow); }
.stat-card span { display:block; color: var(--muted); margin-bottom: 6px; }
.stat-card strong { font-size: 1.5rem; }
.table { width:100%; border-collapse: separate; border-spacing: 0; }
.table th, .table td { border-bottom:1px solid var(--line); padding: 10px 10px; text-align:left; vertical-align: middle; }
.table thead th { background:#edf4ff; font-size:.82rem; text-transform: uppercase; letter-spacing:.04em; color:#475467; }
.table tbody tr:last-child td { border-bottom: 0; }
.form-table td:first-child, .form-table th:first-child { width: 42px; text-align: center; }
.operator-name-block {
    background: var(--field-strong);
    border: 1px solid #c9d8ee;
    border-radius: 12px;
    padding: 10px 12px;
    font-weight: 700;
    color: #18416f;
}
.operator-table-wrap { overflow-x: auto; }
.operator-table input { min-width: 88px; }
.compact-table td, .compact-table th { padding-top: 9px; padding-bottom: 9px; }
.row-error td, .row-error .operator-name-block, .row-error .denom-calc-box { box-shadow: inset 0 0 0 1px rgba(180, 35, 24, .25); }
.operator-totals-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.metric-card { padding: 14px 16px; border:1px solid var(--line); border-radius: 18px; background: var(--field); }
.compact-metric strong { font-size: 1.28rem; color: var(--accent); }
.readonly-metric { display:grid; align-content:center; gap:8px; }
.directions-panel { display:grid; gap:10px; align-content:start; }
.guide-box { padding: 16px; border-radius: 18px; background: linear-gradient(180deg, #f7fbff, #eef5ff); border:1px solid var(--line); }
.digits { font-size: 1.35rem; letter-spacing: .18em; font-weight:700; color:var(--accent); }
.variance-box { display:grid; gap:10px; padding:16px; border-radius:18px; border:1px solid var(--line); background:#fcfdff; }
.variance-box div { display:flex; justify-content:space-between; gap:10px; }
.variance-box span { color: var(--muted); }
.calc-list { display:grid; gap:12px; }
.grand-total { padding-top: 10px; border-top:1px dashed var(--line); }
.compact-shell-grid { display:grid; grid-template-columns: 1.5fr .95fr; gap: 16px; }
.lower-grid { align-items: start; }
.cash-grid { display:grid; gap:12px; }
.cash-row { display:grid; gap:10px; align-items:end; }
.cash-row.plain { grid-template-columns: repeat(2, minmax(0,1fr)); }
.compact-denomination { grid-template-columns: 82px .9fr 1fr 120px 78px; padding: 12px; border:1px solid var(--line); border-radius: 18px; background:#fbfcfe; }
.money-chip { background: var(--accent-soft); color: var(--accent); font-weight: 800; padding: 10px 10px; border-radius: 12px; text-align:center; }
.denom-calc-box {
    background: var(--field-strong);
    border:1px solid #c9d8ee;
    border-radius:12px;
    padding: 10px 12px;
    min-height: 46px;
    display:grid;
    align-content:center;
}
.denom-calc-box span { font-size: .75rem; text-transform: uppercase; color: var(--muted); letter-spacing: .04em; }
.denom-calc-box strong { color: var(--accent); }
.mini-status { text-align:center; font-weight:800; padding: 10px 10px; border-radius: 12px; background: var(--good-soft); color: var(--good); }
.mini-status.ok { background: var(--good-soft); color: var(--good); }
.mini-status.error { background: var(--bad-soft); color: var(--bad); }
.pill { display:inline-flex; padding: 6px 10px; border-radius: 999px; font-size: .8rem; font-weight: 800; }
.pill.ok { background: var(--good-soft); color: var(--good); }
.pill.error { background: var(--bad-soft); color: var(--bad); }
.actions { display:flex; gap:12px; }
.compact-actions { justify-content:flex-start; }
.stack { display:grid; gap:10px; }
.stack-sm { gap:10px; }
.gap-lg { gap:18px; }
.inline-check { display:flex; align-items:center; gap:8px; }
.inline-check input { width:auto; }
.empty { color: var(--muted); text-align:center; padding: 24px; }
.pagination-wrap { margin-top: 16px; }
.compact-finish-stack { gap: 12px; }
.topbar-meta, .metric-card, .variance-box, .guide-box, .operator-name-block, .denom-calc-box, .status-box { backdrop-filter: blur(2px); }
@media (max-width: 1280px) {
    .compact-shell-grid { grid-template-columns: 1fr; }
    .compact-denomination { grid-template-columns: 82px 1fr 1fr 120px 78px; }
    .stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 1080px) {
    .compact-meta-grid, .operator-totals-grid, .grid.three { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .shell { grid-template-columns: 1fr; }
    .sidebar { padding-bottom: 12px; }
}
@media (max-width: 760px) {
    .content { padding: 16px; }
    .topbar, .title-row, .toolbar, .actions { flex-direction: column; }
    .compact-meta-grid, .operator-totals-grid, .grid.three, .cash-row.plain, .stats-grid { grid-template-columns: 1fr; }
    .compact-denomination { grid-template-columns: 1fr; }
    .status-box { min-width: auto; width: 100%; }
}


.designer-form-canvas { position: relative; display:block; min-height: 700px; margin-top: 16px; }
.layout-block { position:absolute; left: calc((var(--x) - 1) * (100% / 24)); top: calc((var(--y) - 1) * 26px); width: calc(var(--w) * (100% / 24) - 8px); min-height: calc(var(--h) * 26px); overflow:visible; }
.plain-meta-strip { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; align-items:center; }
.plain-meta-strip div { padding: 4px 2px; }
.plain-meta-strip span { display:block; font-size:.76rem; text-transform:uppercase; letter-spacing:.05em; color: var(--muted); }
.plain-meta-strip strong { font-size:1.05rem; color: var(--accent); }
.compact-fields-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.form-side-metrics { margin-top: 12px; }
.bottom-summary-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.bottom-summary-card { border:1px solid var(--line); background: #f9fbff; border-radius: 16px; padding: 14px; display:grid; gap:8px; }
.bottom-summary-card span { color: var(--muted); font-size:.85rem; }
.bottom-summary-card strong { color: var(--accent); font-size: 1.35rem; }
.summary-separator { border-top:1px solid #cdd9ea; margin: 4px 0; }
.completion-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.completion-grid .notes-span { grid-column: 1 / -1; }
.layout-editor-toolbar { display:flex; gap:10px; flex-wrap:wrap; margin-bottom: 14px; }
.layout-editor-board { position:relative; min-height:600px; border:1px dashed #98b1d6; border-radius:18px; background: linear-gradient(180deg, #f7fbff, #eef5ff); overflow:hidden; }
.layout-editor-board::before { content:''; position:absolute; inset:0; background-image: linear-gradient(to right, rgba(27,79,145,.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(27,79,145,.08) 1px, transparent 1px); background-size: calc(100% / 24) 24px; pointer-events:none; }
.layout-editor-block { position:absolute; left: calc((var(--x) - 1) * (100% / 24)); top: calc((var(--y) - 1) * 24px); width: calc(var(--w) * (100% / 24) - 8px); height: calc(var(--h) * 24px); border:1px solid #7aa1d9; border-radius:16px; background: rgba(255,255,255,.93); box-shadow: var(--shadow); padding: 12px; cursor: move; user-select:none; }
.layout-editor-title { font-weight:800; color: var(--accent); }
.layout-editor-meta { display:flex; justify-content:space-between; color: var(--muted); font-size:.8rem; margin-top: 6px; }
.resize-handle { position:absolute; right:8px; bottom:8px; width:18px; height:18px; border-radius:6px; background: var(--accent); cursor:nwse-resize; }
.schema-preview { margin:0; white-space: pre-wrap; font-size:.82rem; background:#f6f9fe; border:1px solid var(--line); border-radius:14px; padding: 14px; max-height: 720px; overflow:auto; }
.compact-wrap { max-height: 100%; }
.tall-top-row { margin-bottom: 2px; }
@media (max-width: 760px) {
  .plain-meta-strip, .compact-fields-grid, .bottom-summary-grid, .completion-grid { grid-template-columns: 1fr; }
}


.live-layout-toolbar { margin: 16px 0; display:grid; gap:10px; }
.live-layout-toolbar .toolbar-title { font-weight: 800; color: var(--accent); }
.live-layout-toolbar .toolbar-actions { display:flex; gap:10px; flex-wrap:wrap; }
.live-layout-toolbar .toolbar-note { color: var(--muted); }
.designer-form-canvas {
  outline: 2px solid rgba(27,79,145,.08);
  outline-offset: 10px;
  border-radius: 28px;
  background-image: linear-gradient(to right, rgba(27,79,145,.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(27,79,145,.05) 1px, transparent 1px);
  background-size: 16px 16px;
}
.layout-block {
  overflow: visible;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.live-edit-item {
  position: absolute;
  margin: 0 !important;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(111,157,216,.35);
  border-radius: 12px;
  padding: 8px 10px 10px;
  box-shadow: 0 6px 18px rgba(15,23,42,.06);
}
.live-edit-item[data-live-item-type="table"] { padding-top: 14px; }
.live-edit-item[data-live-item-type="meta"] { min-width: 120px; }
.live-block-handle,
.live-block-resize,
.live-resize-handle,
.live-item-move { display:none; position:absolute; z-index:6; }
body.live-layout-mode .layout-block {
  box-shadow: 0 0 0 2px rgba(27,79,145,.35), var(--shadow);
}
body.live-layout-mode .layout-block::before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(27,79,145,.2);
}
body.live-layout-mode .live-block-handle,
body.live-layout-mode .live-block-resize,
body.live-layout-mode .live-resize-handle,
body.live-layout-mode .live-item-move { display:flex; }
.live-block-handle {
  left: 10px;
  top: -16px;
  align-items:center;
  gap:8px;
  background:#1f67c7;
  color:#fff;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  padding:4px 10px;
  cursor:move;
}
.live-block-resize {
  right: 8px;
  bottom: 8px;
  width: 16px;
  height: 16px;
  background:#1f67c7;
  border-radius:4px;
  cursor:nwse-resize;
}
.live-item-move {
  left: 6px;
  top: 6px;
  align-items:center;
  justify-content:center;
  min-width: 36px;
  height: 18px;
  padding: 0 6px;
  border-radius:999px;
  background:#1f67c7;
  color:#fff;
  font-size:10px;
  font-weight:800;
  cursor:move;
}
.live-resize-handle {
  width:14px;
  height:14px;
  right:4px;
  bottom:4px;
  background:#1f67c7;
  border-radius:4px;
  cursor:nwse-resize;
}
.live-editable-text { border-radius: 8px; }
body.live-layout-mode .live-edit-item {
  border-style:dashed;
  box-shadow: 0 6px 18px rgba(15,23,42,.10);
}
body.live-layout-mode .live-editable-text { padding: 2px 4px; }
body.live-layout-mode .live-editable-text[contenteditable="true"] { outline: 2px solid #7aa1d9; background:#fff; }
@media (max-width: 1200px) {
  .live-layout-toolbar .toolbar-actions { flex-direction: column; align-items: stretch; }
}

.layout-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px}
.layout-choice-card{background:#fff;border:1px solid #c8dcf5;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(15,61,121,.06)}
.layout-choice-card h3{margin:0 0 10px;color:#173d73}.layout-choice-card p{margin:0 0 10px}.layout-choice-card ul{margin:0;padding-left:18px;color:#46617f}
.hybrid-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.hybrid-grid{background:#eaf4ff;border:1px solid #bfd7f4;border-radius:18px;min-height:78vh;padding:8px}.hybrid-card{display:flex;flex-direction:column;gap:8px;height:100%;background:#fff;border:1px solid #c9def6;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(15,61,121,.07)}.hybrid-card-head{font-weight:700;color:#173d73}.hybrid-card-help{color:#4c6787;font-size:13px;line-height:1.4}.hybrid-card-meta{margin-top:auto;color:#6a84a2;font-size:12px}
.visual-builder-frame{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;align-items:start}.visual-blocks{background:#fff;border:1px solid #c8dcf5;border-radius:18px;padding:12px;min-height:78vh;overflow:auto}.visual-builder-shell #gjs{border:1px solid #c8dcf5;border-radius:18px;overflow:hidden}.tiny-note{margin-top:12px;color:#597493;font-size:12px}
.compact-page-tools{padding:12px 16px;margin-bottom:14px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.page-tools-left{display:flex;flex-direction:column;gap:4px}.page-tools-left span{color:#567191;font-size:13px}.page-tools-right{display:flex;gap:10px;flex-wrap:wrap}
.compact-meta-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) 240px;gap:12px;align-items:stretch}.meta-status-box{min-width:0}.visual-preview-panel{padding:18px}
@media (max-width:1200px){.visual-builder-frame{grid-template-columns:1fr}.visual-blocks{min-height:auto}.compact-meta-strip{grid-template-columns:repeat(2,minmax(140px,1fr))}.meta-status-box{grid-column:1/-1}}

/* Manual v5 close-out form layout */
.closeout-form-v5 { display:grid; gap:18px; }
.meta-panel-v5 { padding: 16px 22px; }
.meta-strip-v5 { display:grid; grid-template-columns: 1.1fr 1fr .9fr 1.45fr; gap: 16px; align-items:center; }
.meta-item-v5 span { display:block; font-size:.9rem; color: var(--muted); margin-bottom:6px; }
.meta-item-v5 strong { font-size: 1.05rem; color:#1f2d3d; }
.closeout-main-v5 { display:grid; grid-template-columns: 1.08fr .92fr; gap: 20px; align-items:start; }
.left-panel-v5, .right-panel-v5, .completion-panel-v5 { padding: 16px 16px 18px; }
.panel-title-v5 { margin: 0 0 12px; font-size: 1.08rem; color:#1f2d3d; letter-spacing:.01em; }
.panel-title-v5.centered { text-align:center; }
.right-stack-v5 { display:grid; gap: 18px; }
.operator-table-v5 { width:100%; border-collapse: separate; border-spacing: 0 8px; }
.operator-table-v5 thead th { background: transparent; border: 0; padding: 0 8px 4px; font-size: .92rem; font-weight:700; text-transform:none; letter-spacing:0; color:#39485c; }
.operator-table-v5 tbody td { border:0; padding: 0 8px; vertical-align:middle; }
.operator-table-v5 .line-col { width: 26px; text-align:center; font-weight:700; color:#000; }
.operator-table-v5 .hours-col { width: 92px; }
.operator-name-cell { width: 180px; }
.operator-name-text { display:block; padding: 0 2px; font-weight:600; color:#526477; white-space:nowrap; }
.v5-wrap { overflow-x:auto; }
.money-input-v5, .summary-input-v5, .mini-input-v5, .hours-input-v5, .time-input-v5 { background:#eee9af !important; border:1px solid #cbbf59 !important; border-radius:10px !important; padding: 8px 10px !important; height: 34px; }
.calc-style-v5, .calc-field-v5 { background:#f1d4a4 !important; border-color:#d59a40 !important; }
.hours-input-v5 { text-align:center; }
.time-input-v5 { max-width: 86px; }
.money-input-v5 { max-width: 86px; text-align:center; }
.summary-input-v5 { width: 156px !important; text-align:center; justify-self:end; }
.left-summary-v5 { display:grid; gap: 12px; margin-top: 18px; }
.summary-row-v5 { display:grid; grid-template-columns: 1fr 156px; align-items:center; gap: 14px; }
.summary-row-v5 span { font-size: .98rem; color:#374151; }
.summary-row-v5.calc-row-v5 span { font-weight:700; color:#1f2937; }
.summary-field-v5 { height: 34px; border:1px solid #d59a40; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:0 10px; }
.summary-field-v5 strong { font-size: 1.05rem; color:#1f2d3d; }
.final-row-v5 { margin-top: 4px; }
.bluebag-grid-v5 { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.bluebag-card-v5 { border:1px solid var(--line); border-radius:14px; background:#f7fbff; padding: 8px 10px 10px; display:grid; gap:8px; }
.denom-title-v5 { text-align:center; font-weight:800; font-size:1rem; color:#253247; margin-bottom: 2px; }
.bluebag-line-v5 { display:grid; grid-template-columns: 40px 1fr; align-items:center; gap:8px; }
.bluebag-line-v5 span { color:#425466; font-size:.95rem; }
.bluebag-line-v5 .mini-input-v5 { width: 64px !important; justify-self:end; }
.mini-status-v5 { min-height: 28px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#e8ecef; color:#1f7a44; font-weight:800; border:1px solid #c8d0d7; }
.mini-status-v5.error { color: var(--bad); background: var(--bad-soft); border-color:#efb5af; }
.itemized-note-v5 { color: var(--muted); font-size:.9rem; margin-top:-4px; margin-bottom:8px; }
.itemized-table-v5 { display:grid; gap: 8px; }
.itemized-head-v5, .itemized-row-v5 { display:grid; grid-template-columns: 70px 20px 70px 20px 94px; gap: 10px; align-items:center; }
.itemized-head-v5 { color: var(--muted); font-size:.85rem; padding-left:2px; }
.itemized-bill-v5, .itemized-count-v5, .itemized-amount-v5 { border:1px solid #cfd9e8; border-radius:10px; padding: 8px 10px; text-align:center; }
.itemized-bill-v5 { background:#f8f9fb; }
.itemized-count-v5 { background:#eee9af; border-color:#cbbf59; }
.itemized-amount-v5 { background:#f1d4a4; border-color:#d59a40; }
.itemized-x-v5 { text-align:center; color:#344054; font-weight:700; }
.itemized-total-v5 { margin-top: 12px; padding-top: 10px; border-top:1px solid #cad7e8; display:grid; grid-template-columns: 1fr 156px; gap: 12px; align-items:center; }
.itemized-total-v5 span { font-weight:700; color:#1f2937; }
.cash-summary-grid-v5 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px 18px; }
.status-box-v5 { margin-top: 14px; min-width: 0; }
.completion-grid-v5 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 24px; }
.notes-span-v5 { grid-column: 1 / -1; }
.completion-grid-v5 textarea { min-height: 90px; }
.row-error .mini-input-v5, .row-error .money-input-v5, .row-error .summary-input-v5 { box-shadow: inset 0 0 0 1px rgba(180,35,24,.28); }
.closeout-page-tools { display:none !important; }
@media (max-width: 1100px) {
  .closeout-main-v5 { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .meta-strip-v5, .cash-summary-grid-v5, .completion-grid-v5, .bluebag-grid-v5 { grid-template-columns: 1fr; }
  .summary-row-v5, .itemized-total-v5 { grid-template-columns: 1fr; }
  .summary-input-v5 { width: 100% !important; justify-self:stretch; }
  .itemized-head-v5, .itemized-row-v5 { grid-template-columns: 60px 16px 60px 16px 80px; gap:1px; }
}

/* Close Out v6 layout */
.closeout-form-v6 { display:grid; gap:16px; }
.meta-panel-v6 { padding: 12px 18px; }
.meta-strip-v6 { display:grid; grid-template-columns: .9fr .95fr .8fr 1.4fr; gap:18px; align-items:center; }
.meta-item-v6 span { display:block; font-size:.76rem; text-transform:uppercase; letter-spacing:.05em; color: var(--muted); }
.meta-item-v6 strong { display:block; margin-top:4px; font-size:1rem; color: var(--accent); }
.closeout-main-v6 { display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap:20px; align-items:start; }
.left-panel-v6, .right-panel-v6, .summary-panel-v6, .completion-panel-v6 { padding:10px 12px; }
.operator-table-wrap-v6 { overflow-x:auto; }
.operator-table-v6 { width:100%; border-collapse:separate; border-spacing:0 9px; table-layout:fixed; }
.operator-table-v6 thead th { background:transparent; border:0; padding:0 6px 6px; font-size:.94rem; font-weight:700; color:#334155; text-align:center; }
.operator-table-v6 thead .operator-col { text-align:center; width: 34%; }
.operator-table-v6 .line-col { width:32px; text-align:center; font-weight:700; color:#000; }
.operator-table-v6 .operator-name-cell { text-align:left; padding-right:8px; }
.operator-name-text { font-size:1.12rem; font-weight:600; color:#526886; }
.operator-table-v6 tbody td { padding:0 6px; border:0; vertical-align:middle; }
.operator-table-v6 .hours-col { width:88px; }
.operator-table-v6 .time-col { width:92px; }
.operator-table-v6 .sales-col { width:110px; }
.compact-input-v6, .summary-input-v6, .cash-summary-grid-v6 input, .completion-grid-v6 input, .completion-grid-v6 textarea, .bill-count-input-v6 {
  width:100%; border:1px solid #cbbf59; background:#eee9af; border-radius:8px; padding:7px 10px; min-height:32px; color:#1f2937;
}
.compact-input-v6, .summary-input-v6, .cash-summary-grid-v6 input { text-align:center; }
.compact-input-v6::placeholder, .summary-input-v6::placeholder, .cash-summary-grid-v6 input::placeholder { color:transparent; }
.compact-input-v6[type=number]::-webkit-outer-spin-button,
.compact-input-v6[type=number]::-webkit-inner-spin-button,
.summary-input-v6[type=number]::-webkit-outer-spin-button,
.summary-input-v6[type=number]::-webkit-inner-spin-button,
.bill-count-input-v6[type=number]::-webkit-outer-spin-button,
.bill-count-input-v6[type=number]::-webkit-inner-spin-button,
.cash-summary-grid-v6 input[type=number]::-webkit-outer-spin-button,
.cash-summary-grid-v6 input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.compact-input-v6[type=number], .summary-input-v6[type=number], .bill-count-input-v6[type=number], .cash-summary-grid-v6 input[type=number] { -moz-appearance:textfield; }
.hours-input-v6[readonly], .calc-display-v6[readonly] { color:#1f2937; font-weight:700; }
.left-summary-v6 { margin-top:14px; display:grid; gap:10px; }
.summary-row-v6 { display:grid; grid-template-columns: 1fr 110px; align-items:center; gap:10px; }
.summary-row-v6 span { font-size:.97rem; color:#374151; }
.summary-row-v6.calc-row-v6 span { font-weight:700; color:#1f2937; }
.right-column-v6 { display:grid; gap:16px; }
.panel-title-v6 { margin:0 0 4px; font-size:1.15rem; color:#1f2937; }
.bill-note-v6 { color:var(--muted); font-size:.82rem; margin-bottom:10px; }
.dual-bill-grid-v6 { display:grid; grid-template-columns: 1fr 1fr; gap:22px; }
.bill-table-v6 { display:grid; gap:1px; }
.bill-head-v6, .bill-row-v6 { display:grid; grid-template-columns: 56px 12px 70px 14px 72px; align-items:center; gap:1px; }
.bill-head-v6 { color:var(--muted); font-size:.8rem; }
.bill-head-v6 span, .bill-row-v6 > div { text-align:center; }
.bill-label-v6, .bill-op-v6, .bill-amount-v6 { color:#1f2937; }
.bill-count-input-v6 { text-align:center; padding:5px 8px; min-height:28px; }
.bill-total-v6 { display:grid; grid-template-columns: 1fr 72px; align-items:center; padding-top:8px; margin-top:4px; border-top:1px solid #cad7e8; }
.bill-total-v6 span { font-weight:700; color:#1f2937; text-align:center; }
.bill-total-v6 strong { display:block; text-align:center; color:#1f2937; }
.summary-panel-v6 .panel-title-v6 { margin-bottom:10px; }
.cash-summary-grid-v6 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px 18px; }
.cash-summary-grid-v6 label { display:grid; grid-template-columns: 1fr 110px; align-items:center; gap:10px; }
.cash-summary-grid-v6 span { color:#374151; }
.actual-row-v6 { display:grid; grid-template-columns: 1fr 110px; gap:12px; align-items:center; margin-top:12px; }
.actual-row-v6 span { font-weight:700; color:#1f2937; }
.summary-help-v6 { margin:6px 0 0; color:var(--muted); font-size:.82rem; }
.completion-grid-v6 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px 18px; }
.completion-grid-v6 label { display:grid; gap:1px; }
.completion-grid-v6 span { color:#374151; }
.completion-grid-v6 .notes-span-v6 { grid-column:1 / -1; }
.completion-grid-v6 textarea { resize:vertical; min-height:54px; }
@media print {
  body { background:#fff !important; }
  .sidebar, .actions, .topbar, .title-row, .toolbar { display:none !important; }
  .content { padding:0 !important; }
  .panel { box-shadow:none !important; }
  .closeout-main-v6 { gap:12px; }
  .meta-panel-v6, .left-panel-v6, .right-panel-v6, .summary-panel-v6, .completion-panel-v6 { break-inside:avoid; }
  .closeout-form-v6 { gap:10px; }
}
@media (max-width: 1300px) {
  .closeout-main-v6 { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .meta-strip-v6, .dual-bill-grid-v6, .cash-summary-grid-v6, .completion-grid-v6 { grid-template-columns:1fr; }
  .summary-row-v6, .actual-row-v6, .cash-summary-grid-v6 label { grid-template-columns:1fr; }
  .bill-head-v6, .bill-row-v6 { grid-template-columns: 48px 10px 60px 12px 60px; }
}



/* ===== Close Out approved layout v7 ===== */
.closeout-form-v7{
    width: min(980px, calc(100vw - 270px));
    margin: 0 auto;
}
.meta-panel-v7{padding:8px 10px;margin:0 auto 12px;max-width:100%;width:100%;}
.meta-strip-v7{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px;gap:8px;align-items:center;justify-content:center;}
.meta-left-group-v643{display:grid;grid-template-columns:112px 112px 94px 110px;gap:8px;align-items:center;justify-content:center;margin-left:192px;}
.meta-right-group-v643{display:flex;align-items:center;justify-content:center;min-width:0;}
.meta-right-group-v643 .live-meta-v618{width:100%;max-width:320px;}
.meta-led-cell-v643{display:flex;align-items:center;justify-content:flex-end;min-width:0;padding-right:4px;}
.top-signedin-placeholder-v643{visibility:hidden;}
.meta-item-v7 span{display:block;font-size:12px;font-weight:700;color:#000;margin-bottom:2px;text-align:center;}
.meta-item-v7 strong{display:block;font-size:16px;color:#000;font-weight:700;text-align:center;}
.meta-item-v7.wide{min-width:0;}
.meta-item-v7{min-width:0;}

.closeout-main-v7{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    align-items:stretch;
}
.left-panel-v7,.right-column-v7 > .panel{padding:10px 12px;}
.meta-panel-v7{max-width:100%;}

.left-panel-v7{min-height:700px;}
.right-column-v7{display:grid;grid-template-rows:auto auto auto;gap:10px;align-content:start;}

.operator-table-v7{width:100%;border-collapse:separate;border-spacing:0 1px;table-layout:fixed;}
.operator-table-v7 thead th{
    font-size:14px;font-weight:800;color:#000;text-align:center;padding:0 2px 4px;border:none;background:none;
}
.operator-table-v7 .line-col{width:28px;text-align:center;color:#000;font-weight:700;display:none}
.operator-table-v7 .op-col{text-align:left;}
.operator-header-left-v7{text-align:left !important;padding-left:6px;}
.operator-table-v7 .hours-col{width:84px;}
.operator-table-v7 .time-col{width:84px;}
.operator-table-v7 .sales-col{width:84px;}
.operator-table-v7 tbody td{vertical-align:middle;padding:0 4px;border:none;background:none;}
.operator-name-cell{padding-right:14px;}
.operator-name-text{display:block;font-size:18px;line-height:1.15;color:#000;}
.field-input-v7,
.summary-input-v7,
.completion-panel-v7 input,
.completion-panel-v7 textarea,
.bill-count-input-v7{
    width:100%;
    border:2px solid #bdaa22;
    background:#ebe4aa;
    color:#000;
    border-radius:8px;
    min-height:22px;
    padding:1px 4px;
    outline:none;
    box-shadow:none;
}
.field-input-v7{ text-align:center; }
.field-hours-v7{width:84px;}
.field-hours-v7[readonly]{background:#ebe4aa;}
.field-time-v7{width:84px;text-align:center;}
.field-sales-v7{width:84px;text-align:center;}
.summary-input-v7{text-align:center;}
.summary-money-v7{max-width:88px;justify-self:end;}
.count-input-v7{max-width:78px;justify-self:end;}
input::placeholder, textarea::placeholder{color:transparent;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
input[type=number]{ -moz-appearance:textfield; }

.left-summary-v7{margin-top:10px;display:grid;gap:1px;}
.summary-row-v7{
    display:grid;
    grid-template-columns:1fr 84px;
    align-items:center;
    gap:10px;
}
.summary-row-v7 span{font-size:14px;color:#000;}
.summary-row-v7.total-row-v7 span{font-weight:800;font-size:15px;}
.summary-value-v7{
    width:84px;min-height:22px;
    display:flex;align-items:center;justify-content:center;
    font-weight:800;font-size:16px;color:#000;
}

.compare-panel-v7{min-height:0;height:100%;}
.compare-grid-v7{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-items:center;align-content:start;place-items:start center;}
.compare-table-v7{min-width:0;width:100%;display:grid;justify-items:center;align-content:start;}
.panel-title-v7{font-size:21px;font-weight:800;color:#000;line-height:1.1;margin:0 0 4px;}
.panel-note-v7{font-size:11px;color:#000;margin-bottom:6px;}
.bill-table-v7{display:grid;gap:1px;justify-items:center;}
.bill-head-v7,.bill-row-v7{
    display:grid;
    grid-template-columns:48px 58px 14px 54px;
    align-items:center;
    column-gap:8px;
}
.bill-head-v7{font-size:11px;color:#000;text-align:center;margin-bottom:0;}
.bill-label-v7,.bill-eq-v7,.bill-amount-v7{text-align:center;color:#000;}
.bill-label-v7,.bill-eq-v7{font-weight:700;}
.bill-amount-v7{font-size:14px;font-weight:700;}
.bill-count-input-v7{max-width:58px;text-align:center;min-height:26px;padding:2px 4px;}
.bill-total-v7{
    margin-top:8px;padding-top:6px;border-top:1px solid #c4cfdd;
    display:grid;grid-template-columns:1fr 54px;align-items:center;gap:8px;
}
.bill-total-v7 span{justify-self:end;font-weight:800;font-size:16px;color:#000;}
.bill-total-v7 strong{justify-self:center;font-size:18px;color:#000;}

.summary-panel-v7{padding:8px 12px;}
.cash-summary-grid-v7{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
.cash-summary-row-v7{display:grid;grid-template-columns:1fr 84px;align-items:center;gap:8px;}
.cash-summary-row-v7 span{font-size:14px;color:#000;}
.summary-actual-v7{
    margin-top:8px;padding-top:6px;
    display:grid;grid-template-columns:1fr auto;align-items:center;
}
.summary-actual-v7 span{font-size:17px;font-weight:800;color:#000;}
.summary-actual-v7 strong{font-size:18px;font-weight:800;color:#000;}
.summary-note-v7{font-size:11px;color:#000;margin-top:2px;}

.completion-panel-v7{padding:8px 12px;}
.completion-grid-v7{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;}
.completion-grid-v7 label{display:grid;gap:1px;}
.completion-grid-v7 label > span{font-size:13px;color:#000;}
.notes-span-v7{grid-column:1 / -1;}
.completion-panel-v7 textarea{resize:vertical;min-height:34px;}

.closeout-actions-v7{margin-top:16px;}

@media (max-width: 1450px){
    .closeout-form-v7{width: calc(100vw - 280px);}
    .closeout-main-v7{grid-template-columns:1fr;}
}

@media print{
    body{background:#fff !important;}
    .sidebar,.nav,.closeout-actions-v7{display:none !important;}
    .shell{display:block !important;}
    .content{padding:0 !important;}
    .closeout-form-v7{
        width:100% !important;
        margin:0 !important;
        transform:none !important;
    }
    .meta-panel-v7,.left-panel-v7,.right-column-v7>.panel{
        box-shadow:none !important;
        break-inside:avoid;
        page-break-inside:avoid;
    }
    .closeout-main-v7{
        grid-template-columns:1fr 1fr;
        gap:12px;
    }
    .left-panel-v7,.compare-panel-v7{min-height:auto;}
    .summary-panel-v7,.completion-panel-v7{padding:8px 12px;}
}

.operator-name-text:empty{display:block;min-height:1em;}

.closeout-form-v7 input, .closeout-form-v7 textarea, .closeout-form-v7 .summary-value-v7, .closeout-form-v7 .bill-amount-v7, .closeout-form-v7 .bill-total-v7 strong, .closeout-form-v7 .summary-actual-v7 strong, .closeout-form-v7 .operator-name-text, .closeout-form-v7 .meta-item-v7 strong, .closeout-form-v7 .meta-item-v7 span, .closeout-form-v7 .summary-row-v7 span, .closeout-form-v7 .cash-summary-row-v7 span, .closeout-form-v7 .completion-grid-v7 label > span, .closeout-form-v7 .panel-title-v7 { color:#000; }
.closeout-form-v7 .empty{color:#000;}
.closeout-form-v7 .field-input-v7, .closeout-form-v7 .summary-input-v7, .closeout-form-v7 .completion-panel-v7 input, .closeout-form-v7 .completion-panel-v7 textarea, .closeout-form-v7 .bill-count-input-v7 { font-size:14px; }
@media print{
  @page { size: letter portrait; margin: .3in; }
  .closeout-form-v7{ width:100% !important; font-size:11px; }
  .operator-table-v7{ border-spacing:0 3px; }
  .field-input-v7, .summary-input-v7, .completion-panel-v7 input, .completion-panel-v7 textarea, .bill-count-input-v7 { min-height:22px; padding:1px 4px; font-size:12px; }
  .left-panel-v7,.right-column-v7>.panel,.meta-panel-v7{ padding:8px 10px !important; }
  .closeout-main-v7{ gap:10px !important; }
}


body.embedded-mode{background:#eef4fb;}
.embedded-shell{grid-template-columns:1fr;min-height:auto;}
.embedded-content{padding:12px;}
.active-form-embed-wrap{margin-top:14px;border:1px solid #c8dcf5;border-radius:18px;overflow:hidden;background:#fff;min-height:900px;}
.active-form-embed{width:100%;min-height:1100px;border:0;display:block;background:#fff;}

.centered-title-v7{text-align:center;width:100%;}
.bill-total-v7 span{justify-self:start;font-weight:800;font-size:16px;color:#000;}
.summary-status-row-v7{margin-top:6px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;}
.summary-status-row-v7 span:first-child{font-size:13px;color:#000;font-weight:700;}
.verify-pill-v7{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent;}
.verify-pill-v7.valid{background:#dff3df;border-color:#9ad39a;color:#1f6a1f;}
.verify-pill-v7.needs-review{background:#fde2e2;border-color:#e7a5a5;color:#9b1c1c;}
.required-bluebag-v7.required-missing-v7{border-color:#d73a3a !important; box-shadow:0 0 0 1px rgba(215,58,58,.25);}
.cash-summary-grid-v7{gap:6px 18px;}
.cash-summary-row-v7{display:grid;grid-template-columns:1fr 84px;align-items:center;gap:8px;}
.summary-panel-v7{padding:8px 12px;}
.completion-panel-v7{padding:8px 12px; display:grid; gap:8px;}
.completion-actions-v7{display:flex;justify-content:flex-end;align-items:flex-end;}
.save-btn-v7{transition:transform .05s ease, box-shadow .12s ease;}
.save-btn-v7:active{transform:translateY(1px) scale(.99); box-shadow:inset 0 2px 4px rgba(0,0,0,.15);}
.closeout-actions-v7{display:none !important;}
.operator-table-v7 tbody tr{height:31px;}
.bill-head-v7,.bill-row-v7{column-gap:6px;}
.bill-table-v7{gap:1px;}
.bill-total-v7{margin-top:4px;padding-top:4px;}
.summary-note-v7{font-size:10px;}
.table.history-table th, .table.history-table td{text-align:center;}
.table.history-table th:first-child, .table.history-table td:first-child{text-align:left;}

.bill-table-v7{gap:1px;}
.bill-count-input-v7{min-height:21px;padding:1px 4px;}
.cash-summary-row-v7{min-height:28px;}
.summary-row-v7{min-height:28px;}


.verify-pill-v7.incomplete{background:#fff3cd;border-color:#f1cc72;color:#7a5a00;}
.inline-status-v7{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#dff3df;border:1px solid #9ad39a;color:#1f6a1f;font-size:12px;font-weight:800;white-space:nowrap;max-width:max-content;}
.completion-actions-v7{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.completion-actions-v7 .save-btn-v7{margin-left:auto;}


/* v20 print-width tightening */
.closeout-form-v7{width:min(980px,calc(100vw - 270px));}
.meta-panel-v7{max-width:100%;}
.soft-blue-panel{background:linear-gradient(180deg,var(--co-form-container-bg-top, #c4d5ea),var(--co-form-container-bg-bottom, #b6cae5));}
.operator-table-v7 .hours-col,.operator-table-v7 .time-col,.operator-table-v7 .sales-col{width:72px;}
.field-hours-v7,.field-time-v7,.field-sales-v7{width:72px;max-width:72px;min-width:72px;}
.summary-row-v7{grid-template-columns:1fr 75px;}
.summary-value-v7{width:75px;}
.summary-money-v7{max-width:75px;width:75px;min-width:75px;}
.cash-summary-row-v7{grid-template-columns:1fr 75px;}
.count-input-v7{max-width:37px;width:37px;min-width:37px;}
.cash-summary-grid-v7 .summary-money-v7{max-width:75px;width:75px;min-width:75px;}
.field-input-v7,.summary-input-v7,.completion-panel-v7 input,.completion-panel-v7 textarea,.bill-count-input-v7{padding:3px;min-height:22px;}
.operator-table-v7 tbody tr{height:26px;}
.left-summary-v7{gap:0;}
.summary-row-v7{min-height:23px;}
.bill-head-v7,.bill-row-v7{column-gap:4px;}
.bill-count-input-v7{padding:3px;min-height:22px;}
.bill-total-v7{margin-top:2px;padding-top:2px;}
.panel-title-v7.centered-title-v7{text-align:center;width:100%;}
.bill-total-v7 span{text-align:left;justify-self:start;}
.summary-panel-v7 .panel-title-v7{text-align:left;}


/* v22 settings and layout tweaks */
.closeout-form-v7{width:min(920px,calc(100vw - 300px));}
.meta-panel-v7{max-width:100%;}
.soft-blue-panel{background:linear-gradient(180deg,var(--co-form-container-bg-top, #c4d5ea),var(--co-form-container-bg-bottom, #b6cae5));}
.operator-table-v7 .op-col{width:98px;}
.operator-name-cell{padding-right:4px;}
.operator-name-text{font-size:var(--co-line-size,18px);color:var(--co-line-color,#000);}
.operator-table-v7 thead th,.panel-title-v7{font-size:var(--co-header-size,22px);color:var(--co-header-color,#000);}
.operator-table-v7 thead th{font-size:15px;}
.closeout-form-v7 input,.closeout-form-v7 textarea,.summary-row-v7 span,.cash-summary-row-v7 span,.completion-grid-v7 label > span,.bill-head-v7,.bill-label-v7,.bill-eq-v7,.bill-amount-v7,.bill-total-v7 span,.bill-total-v7 strong{color:var(--co-input-color,#000);font-size:var(--co-input-size,14px);}
.summary-status-row-v7 .verify-pill-v7.valid{font-size:var(--co-status-valid-size,15px); color:var(--co-status-valid-color,#2F9E44);}
.summary-status-row-v7 .verify-pill-v7.needs-review{font-size:var(--co-status-review-size,15px); color:var(--co-status-review-color,#D62828);}
.summary-status-row-v7 .verify-pill-v7.incomplete{font-size:var(--co-status-incomplete-size,15px); color:var(--co-status-incomplete-color,#C98A00);}
.completion-panel-v7 textarea{font-size:var(--co-notes-size,14px); color:var(--co-notes-color,#000);}
.save-btn-v7{font-size:var(--co-button-size,15px); color:var(--co-button-color,#fff);}
.summary-row-v7{grid-template-columns:1fr 52px 72px 72px;align-items:center;}
.summary-row-v7 > span{grid-column:1;}
.summary-row-v7 > .summary-input-v7, .summary-row-v7 > .summary-value-v7{grid-column:4;justify-self:end;}
.summary-row-v7.giftcards-row-v22 > .giftcard-aux-small-v22{grid-column:2;justify-self:start;width:52px;min-width:52px;max-width:52px;}
.summary-row-v7.giftcards-row-v22 > .giftcard-aux-medium-v22{grid-column:3;justify-self:start;width:52px;min-width:52px;max-width:52px;}
.summary-row-v7.giftcards-row-v22 > .summary-money-v7{grid-column:4;}
.summary-panel-v7 .panel-title-v7{display:none;}
.settings-shell-v22{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:14px;}
.settings-tabs-v22{display:grid;gap:10px;align-content:start;background:linear-gradient(180deg,#eef3fb,#e0e8f6);border:1px solid #c1d0e4;border-radius:16px;padding:16px;}
.settings-tab-v22{padding:10px 14px;border-radius:10px;color:#4e5c70;font-weight:700;}
.settings-tab-v22.active{background:#d5e3f5;color:#163a68;}
.settings-content-v22{background:#f9fbff;border:1px solid #c1d0e4;border-radius:16px;padding:18px;}
.settings-panel-v22{display:none;}
.settings-panel-v22.active{display:block;}
.font-grid-v22{display:grid;gap:12px;}
.font-row-v22{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.font-row-v22 label,.settings-panel-v22 label{display:grid;gap:6px;}

.sidebar{display:flex;flex-direction:column;}
.nav{flex:1;}
.sidebar-footer{margin-top:auto;padding:14px 20px 18px;color:#dce8f7;font-size:12px;line-height:1.6;}
.sidebar-footer .mono{font-family:ui-monospace,Consolas,monospace;}

.settings-shell-v24{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:10px;}
.settings-tabs-v24{display:grid;gap:8px;align-content:start;background:linear-gradient(180deg,#eef3fb,#e0e8f6);border:1px solid #c1d0e4;border-radius:16px;padding:12px;}
.settings-tab-v24{padding:8px 12px;border-radius:10px;color:#4e5c70;font-weight:700;text-decoration:none;}
.settings-tab-v24.active{background:#d5e3f5;color:#163a68;}
.settings-content-v24{background:#f9fbff;border:1px solid #c1d0e4;border-radius:16px;padding:12px 14px;}
.settings-panel-v24{display:none;}
.settings-panel-v24.active{display:block;}
.settings-panel-v24 h2{margin:0 0 4px;line-height:1.1;}
.settings-panel-v24 p{margin:0 0 10px;line-height:1.2;}
.settings-panel-v24 .actions{margin-top:10px;}
.operator-list-v26{display:grid;gap:6px;}
.operator-list-row-v26{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:4px 0;border-bottom:1px solid #e4ebf5;}
.operator-name-field-v26{display:grid;gap:3px;}
.operator-include-v26{display:flex !important;align-items:center;gap:8px;font-weight:600;color:#334155;padding-bottom:7px;}
.operator-include-v26 input[type=checkbox]{width:16px;height:16px;margin:0;}
.font-grid-v24{display:grid;gap:8px;}
.font-row-v24{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #d7e1ef;border-radius:12px;padding:8px 10px;background:#fff;}
.font-labels-v24 label{display:block;font-weight:700;color:#111827;margin-bottom:2px;line-height:1.15;}
.font-labels-v24 small{display:block;color:#64748b;line-height:1.15;}
.font-controls-v24{display:grid;grid-template-columns:76px 95px 130px;gap:8px;align-items:end;}
.font-controls-v24 label,.settings-panel-v24 label{display:grid;gap:4px;}
.font-controls-v24 .font-bold-v26{align-items:center;}
.font-controls-v24 .font-bold-v26 input[type=checkbox]{width:16px;height:16px;margin:0 auto;}
.font-controls-v24 input[type=number]{width:100%;}
.font-controls-v24 input[type=color]{width:100%;height:32px;padding:2px;border:1px solid #c9b443;border-radius:8px;background:#f5ecb7;}

.history-actions-v26{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;}
.history-actions-v26 .compact-btn{padding:8px 10px;font-size:12px;min-width:92px;}
.history-actions-col{min-width:320px;}
.security-grid-v26 label{min-width:0;}
.security-hints-v26{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px;}
.hint-card-v26{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;color:#334155;}
.print-toolbar-v26{display:flex;justify-content:flex-end;gap:12px;margin-bottom:14px;}
.print-view-v26{display:grid;gap:18px;}
.print-grid-v26{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.print-summaries-v26{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.compact-print-table th,.compact-print-table td{padding:8px 10px;}
.print-notes-v26{display:grid;gap:10px;padding-top:8px;border-top:1px solid var(--line);}
@media print{
  .sidebar,.topbar,.print-toolbar-v26{display:none !important;}
  .shell{grid-template-columns:1fr;}
  .content{padding:0;}
  body{background:#fff;}
  .panel{box-shadow:none;border:0;padding:0;}
}

.closeout-form-v7 .meta-item-v7 span,.closeout-form-v7 .meta-item-v7 strong,.closeout-form-v7 .panel-title-v7{font-weight:var(--co-header-weight,400);}
.closeout-form-v7 .operator-name-text,.closeout-form-v7 .summary-row-v7 span,.closeout-form-v7 .cash-summary-row-v7 span,.closeout-form-v7 .bill-label-v7,.closeout-form-v7 .bill-head-v7,.closeout-form-v7 .bill-total-v7 span,.closeout-form-v7 .completion-grid-v7 label > span{font-weight:var(--co-line-weight,400);}
.closeout-form-v7 input,.closeout-form-v7 textarea,.closeout-form-v7 select,.closeout-form-v7 .bill-amount-v7,.closeout-form-v7 .bill-total-v7 strong,.closeout-form-v7 .summary-actual-v7 strong{font-weight:var(--co-input-weight,400);}
.closeout-form-v7 .save-btn-v7,.closeout-form-v7 .btn{font-weight:var(--co-button-weight,700);}
.closeout-form-v7 .verify-pill-v7.valid{font-weight:var(--co-status-valid-weight,700);}
.closeout-form-v7 .verify-pill-v7.needs-review{font-weight:var(--co-status-review-weight,700);}
.closeout-form-v7 .verify-pill-v7.incomplete{font-weight:var(--co-status-incomplete-weight,700);}
.closeout-form-v7 textarea[name="notes"], .closeout-form-v7 label.notes-span-v7 > span, .closeout-form-v7 input[name="audited_by"], .closeout-form-v7 select[name="completed_by"]{font-weight:var(--co-notes-weight,400);}

/* v27 security/chat */
.users-grid-v27{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;}
.checkline{display:flex !important;align-items:center;gap:8px;}
.inner-panel{margin-top:12px;padding:12px;}
.compact-users-table td,.compact-users-table th{font-size:12px;padding:8px;vertical-align:top;}
.compact-users-table details summary{cursor:pointer;list-style:none;}
.compact-users-table details summary::-webkit-details-marker{display:none;}
.truncate-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.security-grid-v26{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.log-detail-pre{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:12px;overflow:auto;white-space:pre-wrap;}
.chat-thread-admin{display:grid;gap:10px;max-height:360px;overflow:auto;}
.chat-thread-row{padding:10px;border:1px solid #d7e1ef;border-radius:10px;background:#fff;}
.closeout-session-bar-v27{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:8px;padding:10px 14px;background:var(--co-bottom-bar-bg,#ffffff);border-color:var(--co-bottom-bar-border,#cfd9e8);}
.chat-launcher-v27{position:fixed;right:18px;bottom:18px;background:#2563eb;color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;z-index:60;box-shadow:0 8px 18px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px;}
.chat-unread-badge{background:#dc2626;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;}
.chat-panel-v27{position:fixed;right:18px;bottom:66px;width:340px;max-height:70vh;background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 28px rgba(0,0,0,.22);z-index:61;display:flex;flex-direction:column;overflow:hidden;}
.chat-header-v27{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#eff6ff;border-bottom:1px solid #dbeafe;}
.chat-header-v27 button{border:0;background:none;font-size:22px;cursor:pointer;}
.chat-toolbar-v27{display:flex;gap:8px;padding:10px;border-bottom:1px solid #e2e8f0;}
.chat-toolbar-v27 select{flex:1;min-width:0;}
.chat-conversations-v27{display:grid;gap:6px;padding:8px;max-height:120px;overflow:auto;border-bottom:1px solid #e2e8f0;}
.chat-conversation-item-v27{display:grid;text-align:left;padding:8px;border:1px solid #dbe2ea;border-radius:10px;background:#f8fafc;cursor:pointer;gap:2px;}
.chat-conversation-item-v27.active{border-color:#2563eb;background:#eff6ff;}
.chat-conversation-item-v27 strong{font-size:13px;}
.chat-conversation-item-v27 small,.chat-conversation-item-v27 span{font-size:11px;color:#64748b;}
.chat-messages-v27{flex:1;overflow:auto;padding:10px;display:grid;gap:8px;background:#f8fafc;min-height:180px;}
.chat-message-v27{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #d7e1ef;display:grid;gap:3px;}
.chat-message-v27 strong{font-size:12px;}
.chat-message-v27 small{font-size:10px;color:#64748b;}
.chat-compose-v27{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #e2e8f0;}
.chat-compose-v27 textarea{resize:none;min-height:58px;}
@media (max-width: 1100px){
  .users-grid-v27,.security-grid-v26{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* v33 targeted appearance hooks */
.closeout-form-v7 .left-panel-v7{background:var(--co-left-panel-bg, var(--co-form-container-bg-top, #c4d5ea));border-color:var(--co-left-panel-border, var(--co-form-border, #9eb6d4));color:var(--co-left-panel-text, #111827);}
.closeout-form-v7 .left-panel-v7 .operator-name-text,.closeout-form-v7 .left-panel-v7 .operator-table-v7 thead th,.closeout-form-v7 .left-panel-v7 .panel-title-v7{color:var(--co-left-panel-text, #111827);}
.closeout-form-v7 .operator-hours.field-hours-v7{background:var(--co-hours-bg, #f2eab7);color:var(--co-hours-text, #111827);border-color:var(--co-hours-border, var(--co-form-input-border, #cbbf59));}
.closeout-form-v7 .operator-in.field-time-v7{background:var(--co-time-in-bg, var(--co-time-bg, #f2eab7));color:var(--co-time-in-text, var(--co-time-text, #111827));border-color:var(--co-time-in-border, var(--co-time-border, var(--co-form-input-border, #cbbf59)));}
.closeout-form-v7 .operator-out.field-time-v7{background:var(--co-time-out-bg, var(--co-time-bg, #f2eab7));color:var(--co-time-out-text, var(--co-time-text, #111827));border-color:var(--co-time-out-border, var(--co-time-border, var(--co-form-input-border, #cbbf59)));}
.closeout-form-v7 .operator-sales.field-sales-v7{background:var(--co-sales-bg, var(--co-form-input-bg, #f2eab7));color:var(--co-sales-text, var(--co-form-input-text, #111827));border-color:var(--co-sales-border, var(--co-form-input-border, #cbbf59));}
.closeout-form-v7 .compare-panel-v7{background:var(--co-right-top-bg, var(--co-form-container-bg-top, #c4d5ea));border-color:var(--co-right-top-border, var(--co-form-border, #9eb6d4));}
.closeout-form-v7 .summary-panel-v7{background:var(--co-right-center-bg, var(--co-form-container-bg-top, #c4d5ea));border-color:var(--co-right-center-border, var(--co-form-border, #9eb6d4));}
.closeout-form-v7 .completion-panel-v7{background:var(--co-right-bottom-bg, var(--co-form-container-bg-top, #c4d5ea));border-color:var(--co-right-bottom-border, var(--co-form-border, #9eb6d4));}
.closeout-form-v7 .completion-actions-v7{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

/* v33 core form color bindings */
#closeout-form{background:var(--co-form-page-bg, transparent);}
.closeout-form-v7 .panel.soft-blue-panel{border-color:var(--co-form-border, #9eb6d4);}
.closeout-form-v7 .meta-item-v7 span,.closeout-form-v7 .operator-table-v7 thead th,.closeout-form-v7 .completion-grid-v7 label > span,.closeout-form-v7 .summary-row-v7 span,.closeout-form-v7 .cash-summary-row-v7 span,.closeout-form-v7 .bill-head-v7,.closeout-form-v7 .bill-label-v7,.closeout-form-v7 .bill-eq-v7,.closeout-form-v7 .bill-total-v7 span{color:var(--co-form-label-text, #111827);}
.closeout-form-v7 .meta-item-v7 strong,.closeout-form-v7 .bill-amount-v7,.closeout-form-v7 .bill-total-v7 strong,.closeout-form-v7 .summary-actual-v7 strong,.closeout-form-v7 .inline-status-v7,.closeout-form-v7 .summary-note-v7,.closeout-form-v7 .panel-note-v7{color:var(--co-form-static-text, #111827);}
.closeout-form-v7 input,.closeout-form-v7 select,.closeout-form-v7 textarea,.closeout-form-v7 .summary-input-v7,.closeout-form-v7 .bill-count-input-v7,.closeout-form-v7 .field-input-v7{background:var(--co-form-input-bg, #f2eab7);color:var(--co-form-input-text, #111827);border-color:var(--co-form-input-border, #cbbf59);}
.closeout-form-v7 #save-btn{background:var(--co-save-btn-bg, #1b4f91);color:var(--co-save-btn-text, #ffffff) !important;}
.closeout-form-v7 .verify-pill-v7.valid{background:var(--co-status-valid-bg, #d8f3dc);color:var(--co-status-valid-text, #166534);}
.closeout-form-v7 .verify-pill-v7.needs-review{background:var(--co-status-review-bg, #f8d7da);color:var(--co-status-review-text, #b91c1c);}
.closeout-form-v7 .verify-pill-v7.incomplete{background:var(--co-status-incomplete-bg, #fff3cd);color:var(--co-status-incomplete-text, #a16207);}

.reports-table-v34 th,.reports-table-v34 td{text-align:center;}
.reports-table-v34 th:first-child,.reports-table-v34 td:first-child{text-align:left;}

.closeout-form-v7 .meta-panel-v7{background:var(--co-date-time-top-bg, var(--co-form-container-bg-top, #c4d5ea));border-color:var(--co-date-time-top-border, var(--co-form-border, #9eb6d4));}


@media (max-width: 760px){
  .closeout-form-v7{width:min(100%, calc(100vw - 24px));}
  .meta-panel-v7{max-width:100%; margin:0 0 12px; padding:10px 12px;}
  .meta-strip-v7{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 10px; align-items:start;}
  .meta-left-group-v643{margin-left:0;}
  .meta-item-v7 span{font-size:11px;}
  .meta-item-v7 strong{font-size:14px; line-height:1.2; word-break:break-word;}
}

@media (max-width: 520px){
  .meta-strip-v7{grid-template-columns:1fr;}
}