.ia-workspace { --ia-bg: var(--panel, #fff); --ia-line: var(--border, #dce3ed); --ia-muted: var(--muted, #64748b); background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 14px; color: var(--text, #1e293b); overflow: hidden; }
.ia-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; border-bottom:1px solid var(--ia-line); }
.ia-eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--ia-muted); }
.ia-header h2 { margin:7px 0 5px; font-size:25px; font-weight:650; letter-spacing:-.02em; }
.ia-header p { margin:0; color:var(--ia-muted); font-size:13px; }
.ia-toolbar { display:flex; flex-wrap:wrap; gap:20px; padding:18px 28px; align-items:center; }
.ia-toolbar label { display:flex; align-items:center; gap:10px; }
.ia-toolbar input { width:320px; max-width:100%; }
.ia-workspace input:not([type=radio]), .ia-workspace select, .ia-workspace textarea, .ia-bulk-dialog input[type=search] { background:var(--ia-bg, var(--panel, #fff)); color:inherit; border:1px solid var(--ia-line, var(--border, #dce3ed)); border-radius:6px; padding:10px 12px; font:inherit; font-size:14px; min-height:40px; box-sizing:border-box; }
.ia-workspace input:focus, .ia-workspace select:focus, .ia-workspace textarea:focus { outline:2px solid #93b6ff; outline-offset:1px; border-color:#397cf6; }
.ia-table-scroll { overflow-x:auto; }
.ia-table { border-collapse:collapse; width:100%; font-size:13px; }
.ia-table th { padding:13px 14px; background:var(--surface-alt, #f6f8fb); color:var(--ia-muted); font-size:11px; text-transform:uppercase; letter-spacing:.045em; text-align:left; white-space:nowrap; border-bottom:1px solid var(--ia-line); }
.ia-table td { padding:15px 14px; border-bottom:1px solid var(--ia-line); vertical-align:top; }
.ia-table small { display:block; margin-top:7px; color:var(--ia-muted); }
.ia-table td .ghost-button { color:#2967dc; min-height:32px; padding:5px 8px; }
.ia-empty { text-align:center; padding:60px 20px 75px; }
.ia-empty-icon { display:inline-flex; width:52px; height:52px; border-radius:15px; align-items:center; justify-content:center; background:#edf4ff; color:#3373ea; font-size:28px; }
.ia-empty h3 { font-size:18px; margin:20px 0 8px; }
.ia-empty p { color:var(--ia-muted); margin-bottom:22px; }
.ia-list-footer { padding:16px 28px; font-size:12px; color:var(--ia-muted); }
.ia-form-content { padding:28px; }
.ia-fields { display:grid; grid-template-columns:180px minmax(240px, 390px); gap:18px 28px; align-items:start; margin-bottom:32px; }
.ia-fields > label, .ia-field-label { padding-top:11px; font-size:14px; }
.ia-fields > label > span { color:#d44747; }
.ia-fields > input, .ia-fields > select, .ia-fields textarea, #ia-location { width:100%; }
.ia-modes { display:grid; gap:13px; padding-top:10px; }
.ia-modes label { display:flex; align-items:center; gap:8px; font-size:14px; }
.ia-modes input { width:17px; height:17px; margin:0; accent-color:#397cf6; }
.ia-help { font-size:12px; line-height:1.65; color:var(--ia-muted); margin:10px 0 0; }
.ia-items-heading { border:1px solid var(--ia-line); border-bottom:0; border-radius:8px 8px 0 0; background:var(--surface-alt, #f6f8fb); padding:14px 16px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ia-items-heading h3 { margin:0; font-size:14px; }
.ia-items-heading span { font-size:12px; color:var(--ia-muted); }
.ia-item-table { table-layout:fixed; min-width:740px; }
.ia-item-table th:first-child { width:36%; }
.ia-item-table th:last-child { width:48px; }
.ia-item-table th:not(:first-child), .ia-item-table td:not(:first-child) { text-align:right; }
.ia-item-table select, .ia-item-table input { width:100%; min-width:0; }
.ia-item-table input { text-align:right; }
.ia-item-table th::after { content:none !important; }
.ia-item-table th { cursor:default; }
.ia-item-table th:last-child { font-size:0; padding:0; }
.ia-row-actions { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.ia-summary { margin:22px 0 0; font-size:13px; font-weight:600; }
.ia-form-footer { position:sticky; bottom:0; display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:18px 28px; background:var(--ia-bg); border-top:1px solid var(--ia-line); z-index:3; }
.ia-form-footer span { margin-left:auto; color:var(--ia-muted); font-size:12px; }
.ia-error { background:#fff1f0; color:#a42622; border:1px solid #f5c6c3; border-radius:8px; padding:14px; margin:0 0 20px; font-size:14px; }
.ia-notice { background:var(--surface-alt, #f6f8fb); border:1px solid var(--ia-line); padding:14px; border-radius:8px; font-size:13px; line-height:1.6; }
.ia-detail { padding:24px 28px; }
.ia-details-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:0 0 26px; }
.ia-details-grid dt { color:var(--ia-muted); font-size:12px; margin-bottom:8px; }
.ia-details-grid dd { margin:0; font-size:14px; }
.ia-badge { display:inline-block; padding:5px 10px; border-radius:5px; font-size:11px; font-weight:650; vertical-align:middle; }
.ia-badge--draft { background:#fff3cd; color:#8b6300; }
.ia-badge--adjusted { background:#e5f7ee; color:#187349; }
.ia-description { white-space:pre-wrap; }
.ia-bulk-dialog { background:var(--panel, #fff); color:var(--text, #1e293b); border-radius:14px; padding:24px; width:min(560px,94vw); max-height:85vh; display:flex; flex-direction:column; gap:16px; }
.ia-bulk-dialog header, .ia-bulk-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ia-bulk-dialog h2 { margin:0; font-size:20px; }
.ia-bulk-list { overflow-y:auto; }
.ia-bulk-list label { display:flex; gap:12px; padding:13px 6px; border-bottom:1px solid var(--border, #dce3ed); align-items:center; }
.ia-bulk-list label[hidden] { display:none; }
.ia-bulk-list small { display:block; opacity:.7; margin-top:4px; }
/* Compact, document-style adjustment register. Form and detail layouts stay separate. */
.ia-register { border-radius:8px; min-height:560px; overflow:visible; }
.ia-register-header { padding:20px 24px; min-height:76px; box-sizing:border-box; }
.ia-register-header h2 { font-size:20px; letter-spacing:0; margin:0; }
.ia-register-actions { display:flex; align-items:center; gap:10px; }
.ia-register-actions > .primary-button { min-height:36px; padding:8px 13px; border-radius:5px; }
.ia-register-toolbar { padding:12px 22px; gap:10px; background:var(--surface-alt,#f8f9fc); border-bottom:1px solid var(--ia-line); font-size:13px; }
.ia-filter-menu { position:relative; }
.ia-filter-toggle { display:flex; align-items:center; gap:4px; border:1px solid var(--ia-line); border-radius:5px; padding:5px 9px; background:var(--ia-bg); color:inherit; font:inherit; font-size:13px; cursor:pointer; min-height:30px; }
.ia-filter-toggle svg { margin-left:3px; color:var(--ia-muted); }
.ia-filter-toggle[aria-expanded=true] svg { transform:rotate(180deg); }
.ia-filter-toggle:hover,.ia-filter-toggle[aria-expanded=true] { border-color:#8baff1; color:#246ae0; }
.ia-filter-options { position:absolute; z-index:25; top:calc(100% + 4px); left:0; min-width:190px; background:var(--ia-bg); color:inherit; border:1px solid var(--ia-line); border-radius:5px; box-shadow:0 7px 22px #17253a24; padding:7px 0; }
.ia-filter-options[hidden],.ia-selection-bar[hidden] { display:none; }
.ia-filter-options button { display:block; width:100%; background:none; border:0; padding:11px 22px; text-align:left; font:inherit; font-size:13px; white-space:nowrap; color:inherit; cursor:pointer; }
.ia-filter-options button:hover,.ia-filter-options button:focus-visible { background:var(--surface-alt,#edf4ff); color:#246ae0; outline:2px solid #83aaff; outline-offset:-2px; }
.ia-filter-options [aria-checked=true] { color:#246ae0; font-weight:600; }
.ia-more { font-size:22px; line-height:20px; justify-content:center; height:36px; min-width:36px; }
.ia-more-options { left:auto; right:0; }
.ia-register .ia-status-filter select { min-height:30px; padding:4px 7px; font-size:13px; width:auto; }
.ia-list-search { margin-left:auto; position:relative; gap:6px !important; }
.ia-list-search svg { position:absolute; left:9px; color:var(--ia-muted); }
.ia-register .sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.ia-register .ia-list-search input { width:210px; padding:6px 10px 6px 31px; min-height:32px; font-size:13px; }
.ia-register-scroll { width:100%; min-height:335px; }
.ia-register-table { table-layout:fixed; min-width:1330px; font-size:13px; }
.ia-register-table th { padding:11px 10px; font-size:10px; letter-spacing:.02em; font-weight:600; background:var(--surface-alt,#f8f9fc); }
.ia-register-table th::after { content:none !important; }
.ia-register-table th button { width:100%; display:flex; align-items:center; gap:4px; background:none; border:0; padding:0; text-align:left; color:inherit; font:inherit; text-transform:uppercase; cursor:pointer; white-space:normal; }
.ia-register-table th button:focus-visible,.ia-record-link:focus-visible,.ia-filter-toggle:focus-visible { outline:2px solid #83aaff; outline-offset:3px; }
.ia-sort-arrow { opacity:.5; font-size:12px; }
.ia-register-table th[aria-sort=ascending] .ia-sort-arrow,.ia-register-table th[aria-sort=descending] .ia-sort-arrow { opacity:1; color:#246ae0; }
.ia-register-table td { padding:16px 10px; line-height:1.55; overflow-wrap:anywhere; }
.ia-register-table th:nth-child(2) { width:115px; }
.ia-register-table th:nth-child(3) { width:128px; }
.ia-register-table th:nth-child(4) { width:140px; }
.ia-register-table th:nth-child(5) { width:100px; }
.ia-register-table th:nth-child(6) { width:120px; }
.ia-register-table th:nth-child(7) { width:82px; }
.ia-register-table th:nth-child(8),.ia-register-table th:nth-child(10) { width:125px; }
.ia-register-table th:nth-child(9),.ia-register-table th:nth-child(11) { width:123px; }
.ia-register-table th:nth-child(12) { width:116px; }
.ia-register-table .ia-check-cell { width:32px; padding-right:0; text-align:center; vertical-align:top; }
.ia-register input[type=checkbox] { width:15px; height:15px; min-height:0; padding:0; margin:2px 0 0; accent-color:#3983f9; cursor:pointer; }
.ia-register-table tbody tr[data-ia-record] { cursor:pointer; }
.ia-register-table tbody tr[data-ia-record]:hover,.ia-register-table .ia-selected { background:var(--surface-alt,#f3f7ff); }
.ia-register-table .ia-record-link { background:none; border:0; color:inherit; padding:0; font:inherit; cursor:pointer; text-align:left; }
.ia-register-table .ia-record-link:hover { color:#246ae0; }
.ia-register-table .ia-record-id { margin-top:3px; font-size:10px; }
.ia-register-status { display:inline-block; text-transform:uppercase; color:#357bf5; font-size:12px; }
.ia-register-status--draft { color:#9c720a; }
.ia-time-cell { white-space:pre-line; }
.ia-register .ia-description-cell { white-space:pre-wrap; }
.ia-register .ia-empty { text-align:left; padding:70px 30px; }
.ia-register .ia-list-footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; border-top:1px solid var(--ia-line); padding:15px 22px; }
.ia-register .ia-list-footer > div { display:flex; gap:12px; align-items:center; }
.ia-register .ia-list-footer button { padding:6px 9px; min-height:30px; font-size:12px; }
.ia-selection-bar { display:flex; gap:12px; align-items:center; padding:10px 22px; background:var(--surface-alt,#eff5ff); border-bottom:1px solid var(--ia-line); font-size:13px; }
.ia-selection-bar button { min-height:28px; padding:4px 9px; font-size:12px; }
@media(max-width:700px) {
  .ia-register { min-height:440px; }
  .ia-register-header { padding:18px 14px; align-items:center; flex-wrap:nowrap; gap:12px; }
  .ia-register-header h2 { font-size:18px; }
  .ia-register-actions { flex-shrink:0; gap:6px; }
  .ia-register-toolbar { padding:12px 14px; gap:8px; }
  .ia-register-toolbar > span { width:100%; }
  .ia-list-search { margin-left:0; width:100%; }
  .ia-register .ia-list-search input { width:100%; }
  .ia-filter-options { min-width:165px; }
  .ia-register .ia-list-footer { padding:12px 14px; }
  .ia-register .ia-list-footer > div { gap:8px; }
  .ia-selection-bar { padding:10px 14px; gap:8px; flex-wrap:wrap; }
}
[data-theme=dark] .ia-workspace, body.dark .ia-workspace { --ia-bg:#152033; --ia-line:#2b3b52; --ia-muted:#b0bdd0; --surface-alt:#1c2a40; color:#e6edf8; }
[data-theme=dark] .ia-bulk-dialog { background:#152033; color:#e6edf8; }
[data-theme=dark] .ia-register-status--adjusted,[data-theme=dark] .ia-filter-options [aria-checked=true] { color:#83b4ff; }
[data-theme=dark] .ia-register-status--draft { color:#eac369; }
@media(max-width:700px) { .ia-header { padding:20px 16px; align-items:flex-start; flex-wrap:wrap; } .ia-header h2 { font-size:22px; } .ia-form-content,.ia-detail { padding:20px 16px; } .ia-fields { grid-template-columns:1fr; gap:8px; } .ia-fields > label { padding-top:8px; } .ia-fields > div,.ia-fields > input,.ia-fields > select,.ia-fields > textarea { margin-bottom:9px; } .ia-form-footer { padding:14px 16px; } .ia-form-footer span { width:100%; margin-left:0; } .ia-form-footer button { flex:1; font-size:12px; padding:10px 8px; } .ia-items-heading { flex-direction:column; align-items:flex-start; } .ia-details-grid { grid-template-columns:1fr 1fr; } .ia-toolbar { padding:16px; } }
@media(max-width:700px) {
  .ia-item-table,.ia-item-table tbody { display:block; min-width:0; width:100%; }
  .ia-item-table thead { display:none; }
  .ia-item-table tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); border:1px solid var(--ia-line); border-radius:8px; margin-bottom:12px; padding:10px; }
  .ia-item-table td { display:block; border:0; padding:8px 5px; min-width:0; }
  .ia-item-table td:first-child { grid-column:1 / -1; }
  .ia-item-table td:nth-child(2) { grid-column:1 / -1; text-align:left; }
  .ia-item-table td:nth-child(2)::before { content:attr(data-label); color:var(--ia-muted); }
  .ia-item-table td:nth-child(3)::before,.ia-item-table td:nth-child(4)::before { content:attr(data-label); }
  .ia-item-table td:nth-child(3)::before,.ia-item-table td:nth-child(4)::before { display:block; text-align:left; font-size:11px; margin-bottom:7px; color:var(--ia-muted); }
  .ia-item-table td:last-child { grid-column:1 / -1; text-align:right; padding-top:0; }
  .ia-form-footer { bottom:calc(78px + env(safe-area-inset-bottom,0px)); }
}