@import "tailwindcss";

@theme {
    --color-brand-50: #fff7f0;
    --color-brand-100: #ffead8;
    --color-brand-500: #ef7f26;
    --color-brand-600: #df6f18;
    --color-brand-700: #c65f12;
    --color-brand-800: #9d4d13;
    --color-brand-900: #7f4116;
    --color-accent-500: #636a75;
    --color-danger-600: #b42318;
    --radius-ui: 0.75rem;
}

:root {
    --ui-bg: #f5f6f7;
    --ui-surface: #ffffff;
    --ui-surface-muted: #f8f9fa;
    --ui-border: #dde1e4;
    --ui-border-strong: #c9cfd4;
    --ui-text: #2f343b;
    --ui-text-muted: #686f78;
    --ui-brand: #636a75;
    --ui-brand-hover: #4f565f;
    --ui-brand-soft: #eef1f4;
    --ui-accent: #636a75;
    --ui-sidebar-bg: #5b626c;
    --ui-sidebar-bg-strong: #515862;
    --ui-danger: #b42318;
    --ui-danger-hover: #912018;
    --ui-danger-soft: #fef3f2;
    --ui-success: #16794b;
    --ui-success-soft: #ecfdf3;
    --ui-warning: #a15c07;
    --ui-warning-soft: #fff8e6;
    --ui-info: #5f6770;
    --ui-info-soft: #f1f3f4;
    --ui-radius-sm: 0.5rem;
    --ui-radius: 0.75rem;
    --ui-radius-lg: 1rem;
    --ui-shadow: 0 8px 28px rgba(63, 68, 75, .10);
    --ui-focus: 0 0 0 3px rgba(239, 127, 38, .24);
    --ui-sidebar: 17rem;
    --ui-topbar: 4.25rem;
    --ui-z-sidebar: 200;
    --ui-z-topbar: 300;
    --ui-z-dropdown: 1000;
    --ui-z-toast: 8000;
    --ui-z-modal-base: 10000;
}

[x-cloak] { display: none !important; }
html.ui-modal-open, html.ui-modal-open body { overflow: hidden; }
.ui-session-lock-shield { display: none; position: fixed; inset: 0; z-index: 2147483647; background: var(--ui-bg); }
html.ui-session-locking .ui-session-lock-shield { display: block; }
* { box-sizing: border-box; }
html { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 90%; color: var(--ui-text); background: var(--ui-bg); }
body { margin: 0; min-height: 100vh; background: var(--ui-bg); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }

.ui-app { min-height: 100vh; }
.ui-sidebar { position: fixed; inset: 0 auto 0 0; z-index: var(--ui-z-sidebar); width: var(--ui-sidebar); background: var(--ui-sidebar-bg); color: #fff; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.08); transition: transform .18s ease; }
.ui-sidebar-brand { min-height: calc(var(--ui-topbar) + .35rem); display: flex; align-items: center; gap: .75rem; padding: .55rem .75rem .55rem .8rem; border-bottom: 1px solid rgba(255,255,255,.12); background: var(--ui-sidebar-bg-strong); }
.ui-brand-lockup { min-width: 0; flex: 1; display: flex; align-items: center; }
.ui-brand-logo-surface { display: none; }
.ui-brand-logo { display: block; width: auto; max-width: 100%; height: 3.35rem; object-fit: contain; object-position: left center; }
.ui-brand-portal { display:none; }
.ui-sidebar-nav { padding: 1rem .75rem; display: grid; gap: .25rem; overflow-y: auto; }
.ui-nav-section { margin: .9rem .65rem .35rem; color: rgba(255,255,255,.55); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.ui-nav-link { position: relative; min-height: 2.75rem; display: flex; align-items: center; gap: .75rem; padding: .65rem .8rem; border-radius: .7rem; color: rgba(255,255,255,.84); font-weight: 600; font-size: .92rem; }
.ui-nav-link:hover { background: rgba(255,255,255,.09); color: #fff; }
.ui-nav-link.is-active { background: rgba(239,127,38,.18); color: #fff; box-shadow: inset 3px 0 0 #ef7f26; }
.ui-sidebar-footer { margin-top: auto; padding: .85rem 1.05rem; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.66); font-size: .75rem; display: grid; gap: .55rem; background: var(--ui-sidebar-bg-strong); }
.ui-sidebar-website { display: flex; align-items: center; gap: .45rem; color: rgba(255,255,255,.82); }
.ui-sidebar-website:hover { color: #fff; }
.ui-sidebar-version { color: rgba(255,255,255,.56); }
.ui-main { margin-left: var(--ui-sidebar); min-height: 100vh; transition: margin-left .18s ease; }
.ui-topbar { position: sticky; top: 0; z-index: var(--ui-z-topbar); min-height: var(--ui-topbar); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--ui-border); display: flex; align-items: center; gap: 1rem; padding: .75rem 1.5rem; }
.ui-topbar-search { flex: 1 1 36rem; max-width: 46rem; }
.ui-topbar-actions { margin-left: auto; display: flex; align-items: center; gap: .45rem; }
.ui-user-chip { display: flex; align-items: center; gap: .65rem; padding: .35rem .5rem .35rem .35rem; border-radius: 999px; border: 1px solid transparent; background: transparent; color: var(--ui-text); cursor: pointer; }
.ui-user-chip:hover { background: var(--ui-surface-muted); border-color: var(--ui-border); }
.ui-avatar { width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--ui-accent); color: #fff; box-shadow: inset 0 0 0 2px #ef7f26; display: grid; place-items: center; font-size: .76rem; font-weight: 800; }
.ui-content { padding: 1.5rem; max-width: 1600px; margin: 0 auto; }
.ui-nav-toggle.ui-icon-btn { display: none; flex: 0 0 auto; }
.ui-app.is-sidebar-hidden .ui-nav-toggle.ui-icon-btn { display: inline-grid; }
.ui-mobile-menu { display: none; }
.ui-mobile-overlay { display: none; }
.ui-app.is-sidebar-hidden .ui-sidebar { transform: translateX(-100%); }
.ui-app.is-sidebar-hidden .ui-main { margin-left: 0; }

.ui-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.ui-page-title { margin: 0; font-size: clamp(1.45rem, 2vw, 2rem); letter-spacing: -.03em; }
.ui-page-subtitle { margin: .35rem 0 0; color: var(--ui-text-muted); max-width: 62rem; }
.ui-grid { display: grid; gap: 1rem; }
.ui-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ui-section { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius-lg); box-shadow: 0 1px 2px rgba(11,33,54,.03); padding: 1.1rem; }
.ui-section-title { margin: 0 0 1rem; font-size: 1rem; }
.ui-stack { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.ui-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }

.ui-btn { min-height: 2.65rem; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: var(--ui-radius); padding: .62rem .95rem; border: 1px solid transparent; font-weight: 700; font-size: .9rem; cursor: pointer; transition: background .15s ease, border-color .15s ease, color .15s ease, transform .05s ease; }
.ui-btn:active { transform: translateY(1px); }
.ui-btn:focus-visible, .ui-icon-btn:focus-visible, .ui-input:focus, .ui-select:focus { outline: none; box-shadow: var(--ui-focus); }
.ui-btn[disabled], .ui-icon-btn[disabled] { opacity: .5; cursor: not-allowed; }
.ui-btn-primary { background: var(--ui-brand); color: #fff; }
.ui-btn-primary:hover { background: var(--ui-brand-hover); }
.ui-btn-secondary { background: #fff; border-color: var(--ui-border-strong); color: var(--ui-text); }
.ui-btn-secondary:hover { background: var(--ui-surface-muted); }
.ui-btn-danger { background: var(--ui-danger); color: #fff; }
.ui-btn-danger:hover { background: var(--ui-danger-hover); }
.ui-btn-ghost { color: var(--ui-text-muted); background: transparent; }
.ui-btn-ghost:hover { background: var(--ui-brand-soft); color: var(--ui-text); }
.ui-icon-btn { width: 2.65rem; height: 2.65rem; display: inline-grid; place-items: center; border-radius: var(--ui-radius); border: 1px solid var(--ui-border); background: #fff; color: var(--ui-text-muted); cursor: pointer; }
.ui-icon-btn:hover { color: var(--ui-text); background: var(--ui-brand-soft); border-color: var(--ui-border-strong); }
.ui-icon { width: 1.15rem; height: 1.15rem; display: block; }

.ui-field { display: grid; gap: .42rem; }
.ui-label { font-size: .84rem; font-weight: 700; color: #34444c; }
.ui-help { color: var(--ui-text-muted); font-size: .78rem; }
.ui-error-text { color: var(--ui-danger); font-size: .78rem; font-weight: 600; }
.ui-input, .ui-select { width: 100%; min-height: 2.75rem; border: 1px solid var(--ui-border-strong); border-radius: var(--ui-radius); background: #fff; color: var(--ui-text); padding: .62rem .75rem; transition: border-color .15s ease, box-shadow .15s ease; }
.ui-input:hover, .ui-select:hover { border-color: #aebdc4; }
.ui-input:focus, .ui-select:focus { border-color: #ef7f26; }
.ui-input::placeholder { color: #98a5ab; }
.ui-input-with-icon { position: relative; }
.ui-input-with-icon .ui-input { padding-left: 2.5rem; }
.ui-input-leading { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%); color: #829098; pointer-events: none; }

.ui-check-row { display: inline-flex; align-items: center; gap: .6rem; min-height: 2.5rem; cursor: pointer; }
.ui-checkbox { width: 1.15rem; height: 1.15rem; accent-color: #ef7f26; }
.ui-toggle { position: relative; width: 2.8rem; height: 1.55rem; border: none; border-radius: 999px; background: #c6d0d5; padding: 0; cursor: pointer; transition: background .15s ease; }
.ui-toggle[aria-checked="true"] { background: #ef7f26; }
.ui-toggle-knob { position: absolute; width: 1.15rem; height: 1.15rem; top: .2rem; left: .2rem; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .15s ease; }
.ui-toggle[aria-checked="true"] .ui-toggle-knob { transform: translateX(1.25rem); }

.ui-combobox { position: relative; }
.ui-combobox-input { padding-right: 3rem; }
.ui-combobox-clear { position: absolute; z-index: 2; top: 50%; right: .2rem; width: 2.4rem; height: 2.4rem; transform: translateY(-50%); display: inline-grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--ui-text-muted); font-size: 1.25rem; line-height: 1; cursor: pointer; }
.ui-combobox-clear:hover, .ui-combobox-clear:focus-visible { outline: none; background: var(--ui-brand-soft); color: var(--ui-text); box-shadow: var(--ui-focus); }
.ui-combobox-menu, .ui-dropdown-menu { position: absolute; z-index: var(--ui-z-dropdown); top: calc(100% + .4rem); left: 0; right: 0; max-height: min(20rem,45vh); overflow-y: auto; overscroll-behavior: contain; background: #fff; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); padding: .35rem; }
.ui-dropdown-menu { left: auto; min-width: 13rem; }
.ui-option, .ui-dropdown-item { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: .55rem; min-height: 2.65rem; padding: .5rem .65rem; border: 0; border-radius: .55rem; background: transparent; color: var(--ui-text); text-align: left; cursor: pointer; }
.ui-option:hover, .ui-option:focus-visible, .ui-option.is-selected, .ui-dropdown-item:hover { outline: none; background: var(--ui-brand-soft); }
.ui-combobox-option-copy { min-width: 0; display: grid; gap: .12rem; }
.ui-combobox-option-copy strong, .ui-combobox-option-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-combobox-option-copy small { color: var(--ui-text-muted); font-size: .72rem; font-weight: 600; }
.ui-combobox-empty { padding: .75rem .65rem; color: var(--ui-text-muted); font-size: .78rem; }
.ui-multiselect-control { width: 100%; min-height: 2.75rem; display: flex; align-items: center; gap: .5rem; border: 1px solid var(--ui-border-strong); border-radius: var(--ui-radius); background: #fff; color: var(--ui-text); padding: .38rem .55rem .38rem .65rem; text-align: left; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
.ui-multiselect-control:hover { border-color: #aebdc4; }
.ui-multiselect-control:focus-visible, .ui-multiselect-control.is-open { outline: none; border-color: var(--ui-brand); box-shadow: var(--ui-focus); }
.ui-multiselect-placeholder { color: var(--ui-text); flex: 1; min-width: 0; }
.ui-multiselect-chips { display: flex; flex: 1; min-width: 0; flex-wrap: wrap; gap: .3rem; }
.ui-multiselect-chip { display: inline-flex; align-items: center; gap: .3rem; max-width: 100%; min-height: 1.75rem; padding: .16rem .3rem .16rem .52rem; border: 1px solid #f2c8a6; border-radius: 999px; background: var(--ui-brand-soft); color: #b95712; font-size: .74rem; font-weight: 750; }
.ui-multiselect-chip > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-multiselect-remove { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 50%; color: currentColor; font-size: 1rem; line-height: 1; cursor: pointer; }
.ui-multiselect-remove:hover, .ui-multiselect-remove:focus-visible { outline: none; background: rgba(0,0,0,.08); }
.ui-select-chevron { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; color: var(--ui-text-muted); transition: transform .15s ease; }
.ui-select-chevron.is-open { transform: rotate(180deg); }

.ui-badge { display: inline-flex; align-items: center; gap: .3rem; min-height: 1.65rem; padding: .18rem .55rem; border-radius: 999px; font-size: .74rem; font-weight: 750; border: 1px solid transparent; }
.ui-badge-default { background: #f2f4f5; color: #48565e; border-color: #e3e8ea; }
.ui-badge-info { background: var(--ui-info-soft); color: var(--ui-info); border-color: #d7dadd; }
.ui-badge-success { background: var(--ui-success-soft); color: var(--ui-success); border-color: #b8efd1; }
.ui-badge-warning { background: var(--ui-warning-soft); color: var(--ui-warning); border-color: #f6dfaa; }
.ui-badge-danger { background: var(--ui-danger-soft); color: var(--ui-danger); border-color: #f7c8c5; }
.ui-status-dot { width: .42rem; height: .42rem; border-radius: 50%; background: currentColor; }

.ui-tabs { display: flex; gap: .2rem; border-bottom: 1px solid var(--ui-border); overflow-x: auto; }
.ui-tab { min-height: 2.65rem; padding: .55rem .8rem; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--ui-text-muted); font-weight: 700; white-space: nowrap; cursor: pointer; }
.ui-tab[aria-selected="true"] { color: #a85a18; border-bottom-color: #ef7f26; }
.ui-tab-panel { padding-top: 1rem; }
.ui-tooltip-wrap { position: relative; display: inline-flex; }
.ui-tooltip { position: absolute; z-index: var(--ui-z-dropdown); left: 50%; transform: translateX(-50%); max-width: min(20rem, calc(100vw - 1rem)); background: #17252b; color: #fff; font-size: .74rem; padding: .38rem .5rem; border-radius: .45rem; white-space: nowrap; box-shadow: var(--ui-shadow); pointer-events: none; }
.ui-tooltip.is-top { bottom: calc(100% + .45rem); }
.ui-tooltip.is-bottom { top: calc(100% + .45rem); }

.ui-modal-backdrop { position: fixed; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(10,20,24,.55); backdrop-filter: blur(2px); }
.ui-modal { width: min(38rem, 100%); max-height: calc(100vh - 2rem); overflow: auto; background: #fff; border-radius: 1rem; box-shadow: 0 24px 64px rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.4); }
.ui-modal-head { display: flex; align-items: center; gap: 1rem; min-height: 4.2rem; padding: .8rem 1rem; border-bottom: 1px solid var(--ui-border); }
.ui-modal-title { margin: 0; font-size: 1.05rem; line-height: 1.25; flex: 1; }
.ui-modal-body { padding: 1rem; color: #435159; line-height: 1.55; }
.ui-modal-foot { display: flex; justify-content: flex-end; gap: .6rem; padding: .8rem 1rem 1rem; border-top: 1px solid var(--ui-border); }

.ui-toast-region { position: fixed; z-index: var(--ui-z-toast); right: 1rem; top: 1rem; width: min(24rem, calc(100vw - 2rem)); display: grid; gap: .6rem; }
.ui-toast { background: #fff; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); padding: .85rem; display: flex; gap: .7rem; }
.ui-toast-title { font-weight: 750; font-size: .9rem; }
.ui-toast-text { margin-top: .15rem; color: var(--ui-text-muted); font-size: .82rem; }
.ui-toast-mark { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: 50%; background: var(--ui-success-soft); color: var(--ui-success); flex: 0 0 auto; }

.ui-state { min-height: 9rem; border: 1px dashed var(--ui-border-strong); border-radius: var(--ui-radius); background: var(--ui-surface-muted); display: grid; place-items: center; text-align: center; padding: 1.25rem; }
.ui-state-icon { width: 2.4rem; height: 2.4rem; margin: 0 auto .55rem; border-radius: 50%; display: grid; place-items: center; background: #fff1e6; color: #a85a18; }
.ui-state-title { font-weight: 750; }
.ui-state-text { margin-top: .3rem; color: var(--ui-text-muted); font-size: .84rem; max-width: 30rem; }
.ui-spinner { width: 1.35rem; height: 1.35rem; border-radius: 50%; border: 2px solid #cbd6df; border-top-color: #ef7f26; animation: ui-spin .75s linear infinite; }
@keyframes ui-spin { to { transform: rotate(360deg); } }

.ui-table-shell { border: 1px solid var(--ui-border); border-radius: var(--ui-radius-lg); overflow: visible; background: #fff; }
.ui-table-toolbar { display: flex; gap: .65rem; flex-wrap: wrap; align-items: center; padding: .8rem; border-bottom: 1px solid var(--ui-border); }
.ui-table-search { flex: 1 1 18rem; }
.ui-table-scroll { overflow-x: auto; overflow-y: hidden; border-radius: 0 0 var(--ui-radius-lg) var(--ui-radius-lg); }
.ui-table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 45rem; }
.ui-table th { background: #f7f9fa; color: #44525a; font-size: .77rem; font-weight: 800; text-align: left; padding: .65rem .75rem; border-bottom: 1px solid var(--ui-border); white-space: nowrap; }
.ui-table td { padding: .78rem .75rem; border-bottom: 1px solid #edf0f2; font-size: .88rem; vertical-align: middle; }
.ui-table tbody tr:last-child td { border-bottom: 0; }
.ui-table tbody tr:hover td { background: #fbfcfc; }
.ui-table-filter th { background: #fff; padding-top: .5rem; padding-bottom: .6rem; }
.ui-sort { border: 0; background: transparent; padding: 0; display: inline-flex; align-items: center; gap: .3rem; font: inherit; font-weight: inherit; color: inherit; cursor: pointer; }
.ui-column-menu { position: relative; }
.ui-column-list { min-width: 15rem; }

.ui-upload { border: 1.5px dashed var(--ui-border-strong); border-radius: var(--ui-radius); background: var(--ui-surface-muted); padding: 1rem; text-align: center; transition: border-color .15s ease, background .15s ease; }
.ui-upload.is-dragging { border-color: var(--ui-brand); background: var(--ui-brand-soft); }
.ui-upload-title { font-weight: 750; }
.ui-upload-help { margin: .3rem auto .7rem; color: var(--ui-text-muted); font-size: .82rem; max-width: 38rem; }
.ui-upload-files { display: grid; gap: .4rem; margin-top: .75rem; text-align: left; }
.ui-upload-file { display: flex; align-items: center; gap: .6rem; padding: .55rem .65rem; background: #fff; border: 1px solid var(--ui-border); border-radius: .6rem; }
.ui-upload-file-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .84rem; }

.ui-pin { display: flex; gap: .45rem; flex-wrap: nowrap; }
.ui-pin-input { width: 2.65rem; height: 3rem; text-align: center; font-size: 1.15rem; font-weight: 800; border: 1px solid var(--ui-border-strong); border-radius: .65rem; background: #fff; }
.ui-pin-input:focus { outline: none; border-color: var(--ui-brand); box-shadow: var(--ui-focus); }

.ui-kv { display: grid; grid-template-columns: minmax(10rem, .35fr) 1fr; gap: 0; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); overflow: hidden; }
.ui-kv dt, .ui-kv dd { margin: 0; padding: .75rem .9rem; border-bottom: 1px solid var(--ui-border); }
.ui-kv dt { background: var(--ui-surface-muted); font-weight: 750; color: #435159; }
.ui-kv dd { background: #fff; }
.ui-kv dt:last-of-type, .ui-kv dd:last-of-type { border-bottom: 0; }

@media (max-width: 1023px) {
    .ui-nav-toggle, .ui-app.is-sidebar-hidden .ui-nav-toggle.ui-icon-btn { display: inline-grid; }
    .ui-sidebar, .ui-app.is-sidebar-hidden .ui-sidebar { transform: translateX(-100%); box-shadow: 18px 0 48px rgba(0,0,0,.16); }
    .ui-sidebar.is-open, .ui-app.is-sidebar-hidden .ui-sidebar.is-open { transform: translateX(0); }
    .ui-main, .ui-app.is-sidebar-hidden .ui-main { margin-left: 0; }
    .ui-mobile-menu { display: inline-grid; }
    .ui-mobile-overlay { display: block; position: fixed; inset: 0; z-index: calc(var(--ui-z-sidebar) - 1); background: rgba(10,20,24,.4); }
    .ui-topbar { padding-inline: 1rem; }
}

@media (max-width: 767px) {
    .ui-content { padding: 1rem; }
    .ui-topbar-search { display: none; }
    .ui-user-label { display: none; }
    .ui-grid-2, .ui-form-grid { grid-template-columns: 1fr; }
    .ui-page-head { display: block; }
    .ui-section { padding: .9rem; }
    .ui-btn { min-height: 2.9rem; }
    .ui-icon-btn { width: 2.9rem; height: 2.9rem; }
    .ui-modal-backdrop { align-items: end; padding: .5rem; }
    .ui-modal { width: 100%; max-height: calc(100vh - 1rem); border-radius: 1rem; }
    .ui-modal-foot { flex-direction: column-reverse; }
    .ui-modal-foot .ui-btn { width: 100%; }
    .ui-kv { grid-template-columns: 1fr; }
    .ui-kv dt, .ui-kv dd { border-bottom: 0; }
    .ui-kv dd { border-bottom: 1px solid var(--ui-border); }
    .ui-kv dd:last-child { border-bottom: 0; }
    .ui-pin { gap: .3rem; }
    .ui-pin-input { flex: 1 1 0; min-width: 0; width: auto; }
}

/* Structural helpers: keep presentation out of Blade templates. */
.ui-sidebar-close{margin-left:auto;flex:0 0 auto;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.ui-sidebar-close:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.22);color:#fff}
.ui-dropdown-form{margin:0}
.ui-dropdown-separator{height:1px;background:var(--ui-border);margin:.3rem}
.ui-dropdown-danger{color:var(--ui-danger)}
.ui-dropdown-danger:hover{background:var(--ui-danger-soft);color:var(--ui-danger)}
.ui-dropdown-divider{border-top:1px solid var(--ui-border);margin:.3rem}
.ui-table-filter-input{min-height:2.25rem}
.ui-no-margin{margin:0}
.ui-file-label{cursor:pointer}
.ui-visually-hidden-file{display:none}
.ui-text-left{text-align:left}
.ui-state-icon-danger{background:var(--ui-danger-soft);color:var(--ui-danger)}
.ui-stack-spaced-sm{margin-top:.8rem}
.ui-stack-spaced{margin-top:1rem}
.ui-section-full{grid-column:1/-1}
.ui-paragraph-topless{margin-top:0}

/* STEP 1.0.5 – unified menus, table filters, per-device columns and notes */
.ui-inline-stat { display: inline-flex; align-items: center; gap: .55rem; min-height: 2.65rem; padding: .3rem .1rem; color: var(--ui-text-muted); font-size: .84rem; }
.ui-inline-stat strong { min-width: 1.8rem; height: 1.8rem; padding: 0 .45rem; display: inline-grid; place-items: center; border-radius: 999px; background: var(--ui-brand-soft); color: var(--ui-brand); font-size: .8rem; }

.ui-select-source { display: none !important; }
.ui-select-control { position: relative; width: 100%; }
.ui-select-trigger { width: 100%; min-height: 2.75rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid var(--ui-border-strong); border-radius: var(--ui-radius); background: #fff; color: var(--ui-text); padding: .62rem .75rem; cursor: pointer; text-align: left; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.ui-select-trigger:hover { border-color: #aebdc4; background: #fff; }
.ui-select-trigger:focus-visible { outline: none; border-color: var(--ui-brand); box-shadow: var(--ui-focus); }
.ui-select-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-select-value.is-placeholder { color: #7f8c93; }
.ui-select-chevron { width: 1rem; height: 1rem; flex: 0 0 auto; color: var(--ui-text-muted); }
.ui-select-menu { position: absolute; z-index: var(--ui-z-dropdown); top: calc(100% + .4rem); left: 0; right: 0; max-height: 18rem; overflow-y: auto; background: #fff; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); padding: .35rem; }
.ui-select-option { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: .75rem; min-height: 2.55rem; padding: .55rem .65rem; border: 0; border-radius: .55rem; background: transparent; color: var(--ui-text); text-align: left; cursor: pointer; }
.ui-select-option:hover, .ui-select-option.is-selected { background: var(--ui-brand-soft); color: var(--ui-brand); }
.ui-select-option.is-selected { font-weight: 700; }
.ui-select-check { width: 1rem; height: 1rem; flex: 0 0 auto; }

.ui-dropdown { position: relative; display: inline-flex; max-width: 100%; vertical-align: middle; }
.ui-dropdown-trigger { display: inline-flex; max-width: 100%; }
.ui-dropdown-menu { top: calc(100% + .4rem); right: auto; left: auto; min-width: max(100%, 13rem); width: max-content; max-width: min(22rem, calc(100vw - 2rem)); }
.ui-dropdown-menu-right { right: 0; left: auto; }
.ui-dropdown-menu-left { left: 0; right: auto; }

.ui-dialog-intro { margin: 0 0 1rem; color: var(--ui-text-muted); font-size: .88rem; line-height: 1.5; }
.ui-dialog-actions { display: flex; justify-content: flex-end; gap: .65rem; margin-top: 1.15rem; padding-top: 1rem; border-top: 1px solid var(--ui-border); }

.ui-device-tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .5rem; margin-bottom: 1rem; }
.ui-device-tab { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; min-height: 5rem; padding: .7rem .55rem; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: #fff; color: var(--ui-text-muted); cursor: pointer; font-weight: 700; font-size: .82rem; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; }
.ui-device-tab:hover { background: var(--ui-surface-muted); border-color: var(--ui-border-strong); }
.ui-device-tab:focus-visible { outline: none; box-shadow: var(--ui-focus); }
.ui-device-tab.is-active { background: var(--ui-brand-soft); border-color: #f0c09a; color: var(--ui-brand); }
.ui-current-device { display: inline-flex; min-height: 1.25rem; align-items: center; padding: .1rem .4rem; border-radius: 999px; background: #fff; border: 1px solid #e2c1a7; color: var(--ui-brand); font-size: .66rem; font-weight: 800; }
.ui-column-toolbar { min-height: 2.7rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .65rem; }
.ui-column-list-grid, .ui-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
.ui-choice-card { min-width: 0; display: flex; align-items: flex-start; gap: .65rem; padding: .75rem; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: #fff; cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.ui-choice-card:hover { background: var(--ui-surface-muted); border-color: var(--ui-border-strong); }
.ui-choice-card.is-locked { cursor: default; background: var(--ui-surface-muted); color: var(--ui-text-muted); }
.ui-choice-card.is-locked:hover { border-color: var(--ui-border); }
.ui-choice-card .ui-checkbox { margin-top: .12rem; flex: 0 0 auto; }
.ui-choice-card span { min-width: 0; display: grid; gap: .2rem; }
.ui-choice-card strong { font-size: .86rem; }
.ui-choice-card small { color: var(--ui-text-muted); font-size: .75rem; line-height: 1.35; }

.ui-filter-count { min-width: 1.35rem; height: 1.35rem; padding: 0 .3rem; display: inline-grid; place-items: center; border-radius: 999px; background: var(--ui-brand); color: #fff; font-size: .7rem; font-weight: 800; }
.ui-filter-dropdown { position: relative; display: inline-flex; }
.ui-filter-menu { position: absolute; z-index: var(--ui-z-dropdown); top: calc(100% + .4rem); right: 0; width: min(22rem, calc(100vw - 2rem)); padding: .45rem; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: #fff; box-shadow: var(--ui-shadow); }
.ui-filter-menu-head { min-height: 2.35rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .25rem .4rem .45rem; border-bottom: 1px solid var(--ui-border); font-size: .86rem; }
.ui-filter-menu-group { display: grid; gap: .15rem; padding: .55rem 0 .25rem; }
.ui-filter-menu-group + .ui-filter-menu-group { margin-top: .25rem; padding-top: .65rem; border-top: 1px solid var(--ui-border); }
.ui-filter-menu-label { padding: .1rem .45rem .3rem; color: var(--ui-text-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.ui-filter-option { display: flex; align-items: center; gap: .6rem; min-height: 2.35rem; padding: .45rem .5rem; border-radius: .55rem; cursor: pointer; font-size: .84rem; }
.ui-filter-option:hover { background: var(--ui-brand-soft); }
.ui-text-action { border: 0; background: transparent; color: var(--ui-brand); padding: .2rem .25rem; border-radius: .4rem; cursor: pointer; font: inherit; font-size: .78rem; font-weight: 750; }
.ui-text-action:hover { background: var(--ui-brand-soft); }
.ui-text-action:focus-visible { outline: none; box-shadow: var(--ui-focus); }

.ui-table-actions { display: inline-flex; align-items: center; gap: .35rem; }
.ui-table-select-cell { width: 2.75rem; min-width: 2.75rem; text-align: center !important; padding-left: .65rem !important; padding-right: .45rem !important; }
.ui-table tbody tr.is-selected td { background: #fff8f2; }
.ui-table tbody tr.is-selected:hover td { background: #fff3e8; }

.ui-notes-subject { display: flex; flex-wrap: wrap; gap: .45rem; align-items: baseline; margin-bottom: .85rem; padding: .65rem .75rem; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: var(--ui-surface-muted); font-size: .82rem; }
.ui-notes-subject span { color: var(--ui-text-muted); }
.ui-notes-thread-list { max-height: 24rem; overflow-y: auto; display: grid; gap: .75rem; padding: .05rem .05rem .85rem; }
.ui-note-thread { border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: #fff; overflow: hidden; }
.ui-note-comment { padding: .8rem; }
.ui-note-comment-head { display: flex; align-items: center; gap: .55rem; }
.ui-note-avatar { width: 2rem; height: 2rem; flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 50%; background: var(--ui-brand-soft); color: var(--ui-brand); font-size: .7rem; font-weight: 850; }
.ui-note-avatar.is-small { width: 1.7rem; height: 1.7rem; font-size: .62rem; }
.ui-note-author-block { min-width: 0; display: grid; gap: .05rem; }
.ui-note-author-block strong { color: var(--ui-text); font-size: .82rem; }
.ui-note-author-block span { color: var(--ui-text-muted); font-size: .68rem; }
.ui-note-comment-text { margin: .6rem 0 .45rem 2.55rem; color: var(--ui-text); font-size: .86rem; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.ui-note-reply-action { margin-left: 2.3rem; border: 0; background: transparent; color: var(--ui-brand); padding: .2rem .25rem; border-radius: .35rem; font-size: .76rem; font-weight: 750; cursor: pointer; }
.ui-note-reply-action:hover { background: var(--ui-brand-soft); }
.ui-note-replies { display: grid; gap: .2rem; padding: .15rem .8rem .7rem 2.55rem; border-top: 1px solid #edf0f2; background: #fbfcfc; }
.ui-note-reply { padding: .65rem 0 .25rem; }
.ui-note-reply .ui-note-comment-text { margin-left: 2.25rem; margin-top: .45rem; }
.ui-note-reply-composer { display: grid; gap: .5rem; padding: .7rem .8rem .8rem 2.55rem; border-top: 1px solid var(--ui-border); background: #fbfcfc; }
.ui-note-inline-actions { display: flex; justify-content: flex-end; align-items: center; gap: .5rem; }
.ui-note-new-thread { display: grid; gap: .45rem; padding-top: .85rem; border-top: 1px solid var(--ui-border); }
.ui-note-input { resize: vertical; min-height: 4.5rem; }
.ui-note-composer-actions { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }

.ui-note-comment-head .ui-note-delete-action { margin-left: auto; }
.ui-note-delete-action { width: 2rem; height: 2rem; flex: 0 0 auto; display: inline-grid; place-items: center; border: 0; border-radius: .5rem; background: transparent; color: var(--ui-danger); cursor: pointer; }
.ui-note-delete-action:hover { background: #fff1f0; }
.ui-note-delete-action:focus-visible { outline: none; box-shadow: var(--ui-focus); }
.ui-note-delete-action .ui-icon { width: 1rem; height: 1rem; }

.ui-settings-choice-list { display: grid; gap: .6rem; }
.ui-settings-choice { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.4rem; padding: .8rem .9rem; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); background: #fff; color: var(--ui-text); text-decoration: none; transition: background .15s ease, border-color .15s ease, box-shadow .15s ease; }
.ui-settings-choice:hover { background: var(--ui-surface-muted); border-color: var(--ui-border-strong); }
.ui-settings-choice:focus-visible { outline: none; box-shadow: var(--ui-focus); }
.ui-settings-choice.is-active { background: var(--ui-brand-soft); border-color: #f0c09a; }
.ui-settings-choice > span:first-child { min-width: 0; display: grid; gap: .2rem; }
.ui-settings-choice strong { font-size: .9rem; }
.ui-settings-choice small { color: var(--ui-text-muted); font-size: .76rem; }

@media (max-width: 767px) {
    .ui-dropdown-menu { max-width: calc(100vw - 1rem); }
    .ui-device-tabs { grid-template-columns: 1fr; }
    .ui-device-tab { min-height: 3.4rem; flex-direction: row; justify-content: flex-start; padding: .65rem .75rem; }
    .ui-current-device { margin-left: auto; }
    .ui-column-list-grid, .ui-choice-grid { grid-template-columns: 1fr; }
    .ui-dialog-actions { flex-direction: column-reverse; }
    .ui-dialog-actions .ui-btn { width: 100%; }
    .ui-note-composer-actions { align-items: stretch; flex-direction: column; }
    .ui-note-composer-actions .ui-btn { width: 100%; }
    .ui-filter-menu { right: auto; left: 0; width: min(20rem, calc(100vw - 1rem)); }
    .ui-note-comment-text { margin-left: 0; }
    .ui-note-reply-action { margin-left: 0; }
    .ui-note-replies, .ui-note-reply-composer { padding-left: .8rem; }
    .ui-note-reply .ui-note-comment-text { margin-left: 0; }
}


/* v1.0.12 refinements */
.ui-badge-info{background:#f1f3f4;color:#5f6770;border-color:#d7dadd}
.ui-badge-default{background:#f5f6f7;color:#4a5560;border-color:#e2e7ea}
.ui-multiselect-chip{border-color:#f2c8a6;background:#fff4ea;color:#9d5719}
.ui-topbar{background:rgba(255,255,255,.98)}
.ui-section{box-shadow:0 1px 2px rgba(31,41,55,.03)}
.ui-btn-primary{background:#636a75;color:#fff;border-color:#636a75}
.ui-btn-primary:hover{background:#515862;border-color:#515862}
.ui-btn-secondary:hover{border-color:#b7bfc6}
.ui-btn-danger{background:#c22c22}.ui-btn-danger:hover{background:#a5231c}
.ui-tooltip{background:#2f343b}

.ui-brand-logo-sidebar{filter:none;}

/* STEP 2 — authentication and security */
.ui-auth-body{min-height:100vh;display:grid;justify-items:center;align-items:start;background:linear-gradient(135deg,#f4f5f6,#eef0f2);padding:clamp(4rem,14vh,9rem) 1.5rem 2rem;overflow-x:hidden}
.ui-auth-shell{width:min(34rem,100%);display:grid;gap:1rem}
.ui-auth-brand{display:flex;justify-content:center;padding:.6rem}.ui-auth-brand img{width:min(18rem,70vw);height:5rem;object-fit:contain}
.ui-auth-card{background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow);padding:1.6rem}
.ui-auth-title{font-size:1.7rem;margin:0 0 .35rem}.ui-auth-subtitle{margin:0 0 1.2rem;color:var(--ui-text-muted)}
.ui-form-stack{display:grid;gap:.9rem}.ui-btn-block{width:100%}.ui-text-link{color:#4f565f;font-weight:700;text-decoration:underline;text-underline-offset:.18rem}
.ui-auth-passkey,.ui-space-top{margin-top:1rem}.ui-auth-divider{height:1px;background:var(--ui-border);margin:1.2rem 0}.ui-unlock-person{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.ui-flash{border-radius:var(--ui-radius);padding:.75rem .9rem;margin-bottom:1rem;border:1px solid var(--ui-border);font-weight:650}.ui-flash-success{background:var(--ui-success-soft);color:var(--ui-success);border-color:#b8efd1}.ui-flash-danger{background:var(--ui-danger-soft);color:var(--ui-danger);border-color:#f7c8c5}.ui-flash-warning{background:var(--ui-warning-soft);color:var(--ui-warning);border-color:#f6dfaa}
.ui-impersonation-banner{min-height:2.8rem;background:#fff8e6;border-bottom:1px solid #f6dfaa;color:#725006;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.4rem 1rem;position:sticky;top:0;z-index:calc(var(--ui-z-topbar) + 1)}
.ui-btn-compact{min-height:2.15rem;padding:.38rem .65rem;font-size:.78rem}.ui-compact-select{width:auto;min-width:10rem}.ui-code-wrap{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ui-settings-narrow{max-width:44rem}
.ui-list{display:grid;gap:.5rem}.ui-list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius)}
.ui-recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.8rem}.ui-recovery-grid code{padding:.55rem .65rem;background:#fff;border:1px solid var(--ui-border);border-radius:.5rem;font-size:.9rem}.ui-section-emphasis{border-color:#f0c7a7;background:#fffaf6}
.ui-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .9rem;margin-top:.5rem}.ui-permission-group{border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:1rem}.ui-permission-group legend{font-weight:800;padding:0 .35rem}.ui-permission-group small{display:block;color:var(--ui-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.15rem}
.ui-pagination{margin-top:1rem}.ui-pagination nav{display:flex;justify-content:center}.ui-pin-single{text-align:center;font-size:1.35rem;letter-spacing:.45rem;font-weight:800}
@media(max-width:767px){.ui-auth-card{padding:1.15rem}.ui-check-grid,.ui-recovery-grid{grid-template-columns:1fr}.ui-impersonation-banner{justify-content:space-between}.ui-list-row{align-items:flex-start}}
.ui-permission-override{display:grid;grid-template-columns:minmax(14rem,1fr) auto auto;align-items:center;gap:.8rem;padding:.5rem 0;border-bottom:1px solid var(--ui-border)}.ui-permission-override:last-child{border-bottom:0}.ui-permission-override small{display:block;color:var(--ui-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ui-permission-override label{display:flex;align-items:center;gap:.35rem;white-space:nowrap}
@media(max-width:767px){.ui-permission-override{grid-template-columns:1fr 1fr}.ui-permission-override>span{grid-column:1/-1}}
.ui-segmented{display:inline-flex;border:1px solid var(--ui-border-strong);border-radius:.55rem;overflow:hidden;background:#fff}.ui-segmented label{position:relative}.ui-segmented input{position:absolute;opacity:0;pointer-events:none}.ui-segmented span{display:block;padding:.35rem .55rem;border-right:1px solid var(--ui-border);cursor:pointer;font-size:.76rem}.ui-segmented label:last-child span{border-right:0}.ui-segmented input:checked+span{background:var(--ui-brand-soft);color:var(--ui-text);font-weight:800}.ui-segmented input:focus-visible+span{box-shadow:inset var(--ui-focus)}

.ui-inline-search{display:flex;align-items:center;gap:.55rem;min-width:min(34rem,100%)}
.ui-inline-search .ui-input-with-icon{flex:1}
.ui-dropdown-item.is-active{background:var(--ui-brand-soft);font-weight:800}

.ui-inline-security-form{display:flex;align-items:center;gap:.45rem;max-width:22rem}.ui-inline-security-form .ui-input{min-width:10rem}


/* STEP 2 v1.1.2 – authentication and MFA polish */
.ui-auth-shell-wide{width:min(78rem,100%)}
.ui-auth-card-wide{padding:1.4rem}
.ui-auth-heading{margin-bottom:1.15rem}
.ui-mfa-setup{display:grid;gap:1.25rem}
.ui-mfa-intro{display:flex;align-items:center;gap:1rem;padding:.2rem .1rem .4rem}
.ui-mfa-intro-icon{width:3rem;height:3rem;flex:0 0 auto;display:grid;place-items:center;border-radius:.9rem;background:#fff3e8;color:#c86618;border:1px solid #f2d3b7}
.ui-mfa-intro-icon svg{width:1.55rem;height:1.55rem}
.ui-mfa-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.ui-mfa-method{display:grid;gap:1rem;padding:1.15rem;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:0 1px 2px rgba(31,41,55,.03)}
.ui-mfa-method-featured{border-color:#d0d5da;box-shadow:inset 0 3px 0 #ef7f26,0 1px 2px rgba(31,41,55,.03)}
.ui-mfa-method-head{display:flex;justify-content:space-between;gap:.8rem;min-height:4.5rem}
.ui-mfa-method-head h2{font-size:1rem;margin:.15rem 0 .3rem}.ui-mfa-method-head p{margin:0;color:var(--ui-text-muted);font-size:.82rem;line-height:1.45}
.ui-mfa-method-icon{width:2.25rem;height:2.25rem;flex:0 0 auto;display:grid;place-items:center;border-radius:.7rem;background:#f2f4f5;color:#59616a;font-size:1rem}
.ui-mfa-eyebrow{display:inline-flex;padding:.15rem .45rem;border-radius:999px;background:#fff3e8;color:#a75516;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.ui-mfa-step{display:flex;gap:.7rem;align-items:flex-start}.ui-mfa-step-no{width:1.55rem;height:1.55rem;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#626a74;color:#fff;font-size:.72rem;font-weight:800}.ui-mfa-step-content{min-width:0;flex:1}
.ui-secret-row{display:flex;gap:.45rem;align-items:center;margin:.55rem 0 .3rem}.ui-secret-row code{flex:1;min-width:0;padding:.58rem .65rem;background:#f5f6f7;border:1px solid var(--ui-border);border-radius:.55rem;font-size:.76rem;overflow-wrap:anywhere;user-select:all}
.ui-copy-btn{min-height:2rem;padding:.35rem .55rem;border:1px solid var(--ui-border-strong);border-radius:.5rem;background:#fff;color:var(--ui-text);font-weight:700;font-size:.72rem;cursor:pointer}.ui-copy-btn:hover{background:#f5f6f7}
.ui-email-target{padding:.6rem .7rem;border-radius:.6rem;background:#f5f6f7;border:1px solid var(--ui-border);font-weight:700;overflow-wrap:anywhere}
.ui-inline-success{padding:.55rem .65rem;border-radius:.55rem;background:var(--ui-success-soft);color:var(--ui-success);border:1px solid #b8efd1;font-size:.78rem;font-weight:650}
.ui-otp-field{gap:.5rem}.ui-pin{gap:.42rem}.ui-pin-input{width:2.45rem;height:2.75rem;border-radius:.6rem;font-size:1.05rem}.ui-pin-input:focus{border-color:#ef7f26;box-shadow:0 0 0 3px rgba(239,127,38,.16)}
.ui-btn.is-busy{opacity:.65;cursor:wait;pointer-events:none}
@media(max-width:1050px){.ui-mfa-method-grid{grid-template-columns:1fr 1fr}.ui-mfa-method-featured{grid-column:1/-1}}
@media(max-width:700px){.ui-auth-shell-wide{width:100%}.ui-mfa-method-grid{grid-template-columns:1fr}.ui-mfa-method-featured{grid-column:auto}.ui-mfa-intro{align-items:flex-start}.ui-mfa-method{padding:1rem}.ui-pin{gap:.3rem}.ui-pin-input{flex:1;min-width:0;width:auto}}


/* STEP 2 v1.1.3 – auth stability */
.ui-auth-back{margin-top:1rem;min-height:1.5rem;display:flex;align-items:center}
@media (max-width:767px){
    .ui-auth-body{padding-top:clamp(2rem,8vh,4.5rem);padding-inline:1rem}
    .ui-input,.ui-select,textarea{font-size:16px}
}


/* STEP 2 v1.1.4 – stable auth positioning */
.ui-auth-shell{align-self:start}
.ui-auth-card{contain:layout paint}
.ui-auth-card .ui-input{scroll-margin-top:2rem}
.ui-auth-card .ui-field{min-width:0}


/* STEP 2 v1.1.6 – focused two-step sign-in */
.ui-auth-shell-mfa{width:min(42rem,100%)}
.ui-auth-method{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff}
.ui-auth-method+.ui-auth-method{margin-top:.85rem}
.ui-auth-method-primary{border-color:#cfd4d9;box-shadow:inset 3px 0 0 #ef7f26}
.ui-auth-method-alternative{background:#fafbfb}
.ui-auth-method-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.ui-auth-method-head h2{margin:0 0 .25rem;font-size:1rem}
.ui-auth-method-head p{margin:0;color:var(--ui-text-muted);font-size:.82rem;line-height:1.45}
.ui-auth-choice-separator{display:flex;align-items:center;gap:.75rem;margin:1.15rem 0;color:var(--ui-text-muted);font-size:.76rem;font-weight:700;text-align:center}
.ui-auth-choice-separator::before,.ui-auth-choice-separator::after{content:"";height:1px;flex:1;background:var(--ui-border)}
.ui-auth-setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.ui-auth-setup-actions>div{min-width:0}
.ui-modal-trigger{display:block;width:100%}
.ui-auth-recovery{display:flex;justify-content:center;margin-top:1.1rem}
.ui-auth-footer-actions{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--ui-border)}
.ui-text-button{border:0;background:transparent;color:var(--ui-text-muted);font:inherit;font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:.18rem;cursor:pointer;padding:.35rem}
.ui-text-button:hover{color:var(--ui-text)}
.ui-modal-lead{margin:0;color:var(--ui-text-muted);line-height:1.5}
@media(max-width:600px){.ui-auth-setup-actions{grid-template-columns:1fr}}

/* STEP 2 v1.1.8 – consolidated account and compact security */
.ui-account-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,.85fr);gap:1rem;align-items:start}
.ui-account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.ui-account-section-head .ui-section-title{margin:0}
.ui-account-language-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.ui-security-actions-list{display:grid;border:1px solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden;background:#fff}
.ui-security-action-row{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem 1rem;border-bottom:1px solid var(--ui-border)}
.ui-security-action-row:last-child{border-bottom:0}
.ui-security-action-icon{width:2.35rem;height:2.35rem;display:grid;place-items:center;border-radius:.7rem;background:#f2f4f5;color:#59616a}.ui-security-action-icon .ui-icon{width:1.15rem;height:1.15rem}
.ui-security-action-copy{min-width:0;display:grid;gap:.18rem}.ui-security-action-copy strong{font-size:.88rem}.ui-security-action-copy span{color:var(--ui-text-muted);font-size:.76rem;line-height:1.4;overflow-wrap:anywhere}
.ui-modal-action-row{display:flex;justify-content:flex-end;gap:.6rem}
.ui-copy-row{display:flex;align-items:center;gap:.55rem}.ui-copy-row code{flex:1;min-width:0;padding:.65rem .7rem;border:1px solid var(--ui-border);border-radius:.6rem;background:#f5f6f7;user-select:all}
.ui-account-recovery{margin-bottom:1rem}
.ui-security-events-details{padding:0;overflow:hidden}.ui-security-events-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;user-select:none}.ui-security-events-summary::-webkit-details-marker{display:none}.ui-security-events-summary>span:first-child{display:grid;gap:.2rem}.ui-security-events-summary strong{font-size:.9rem}.ui-security-events-summary small{color:var(--ui-text-muted);font-size:.74rem}.ui-security-events-details[open] .ui-security-events-summary{border-bottom:1px solid var(--ui-border)}
.ui-security-events-scroll{max-height:18rem;overflow:auto}.ui-table-compact{min-width:38rem}.ui-table-compact th,.ui-table-compact td{padding:.55rem .7rem;font-size:.76rem}
@media(max-width:980px){.ui-account-grid{grid-template-columns:1fr}}
@media(max-width:700px){.ui-security-action-row{grid-template-columns:2.3rem minmax(0,1fr);align-items:start}.ui-security-action-row>.ui-modal-trigger,.ui-security-action-row>.ui-badge{grid-column:2;justify-self:start}.ui-account-language-row{align-items:flex-start}.ui-modal-action-row{flex-direction:column-reverse}.ui-modal-action-row .ui-btn{width:100%}}
.ui-security-action-row>.ui-modal-host{justify-self:end}.ui-security-action-row>.ui-modal-host .ui-modal-trigger{width:auto}
@media(max-width:700px){.ui-security-action-row>.ui-modal-host{grid-column:2;justify-self:start}.ui-security-action-row>.ui-modal-host .ui-modal-trigger{width:auto}}

/* Password-manager context for modal password confirmations. */
.ui-autofill-context{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;opacity:.01!important;pointer-events:none!important}

/* STEP 3 v1.2.0 – personnel module */
.ui-page-message{margin-bottom:1rem}
.ui-page-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.ui-page-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.ui-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ui-employee-form{display:grid;gap:1rem}
.ui-employee-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}
.ui-choice-grid .ui-check-row{padding:.6rem .7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}
.ui-readonly-field{display:grid;gap:.25rem;padding:.7rem .8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}
.ui-readonly-field span{font-size:.76rem;color:var(--ui-text-muted);font-weight:700}.ui-readonly-field strong{font-size:.88rem;overflow-wrap:anywhere}
.ui-form-actions-sticky{position:sticky;bottom:0;z-index:40;display:flex;justify-content:flex-end;gap:.65rem;padding:.8rem 0;background:linear-gradient(to bottom,rgba(245,246,247,0),var(--ui-bg) 34%)}
.ui-error-summary{margin-bottom:1rem;padding:.85rem 1rem;border:1px solid #f1b9b5;border-radius:var(--ui-radius);background:var(--ui-danger-soft);color:var(--ui-danger)}
.ui-error-summary ul{margin:.45rem 0 0;padding-left:1.2rem}
.ui-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.ui-linked-account-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}
.ui-linked-account-card>div{display:grid;gap:.15rem}.ui-linked-account-card span{color:var(--ui-text-muted);font-size:.78rem}
.ui-danger-zone{border-color:#efc7c3;background:#fffafa;margin-top:1rem}
.ui-employee-toolbar{overflow:visible}
.ui-employee-filter-menu{width:min(22rem,calc(100vw - 2rem));right:0;left:auto}
.ui-employee-filter-menu .ui-select{min-height:2.45rem}
.ui-employee-table{min-width:72rem}
.ui-table-primary-link{font-weight:750;color:#4f565f;text-decoration:underline;text-decoration-color:#cfd4d8;text-underline-offset:.2rem}.ui-table-primary-link:hover{color:#2f343b;text-decoration-color:#ef7f26}
.ui-table-person{display:grid;gap:.12rem}.ui-table-person small{color:var(--ui-text-muted);font-size:.72rem}
.ui-employee-user-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--ui-text-muted);font-size:.78rem}.ui-employee-user-link .ui-status-dot{color:var(--ui-success)}
.ui-muted{color:var(--ui-text-muted);font-size:.78rem}
.ui-infinite-footer{min-height:3.2rem;display:grid;place-items:center;padding:.65rem}.ui-infinite-sentinel{height:1px;width:100%}.ui-loading-inline{display:flex;align-items:center;gap:.55rem;color:var(--ui-text-muted);font-size:.78rem}
.ui-hidden-form{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ui-table-filter-input{min-width:7rem;min-height:2.1rem;padding:.4rem .5rem;font-size:.74rem}
.ui-table-actions{display:flex;align-items:center;gap:.35rem}
@media(max-width:1100px){.ui-form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-detail-grid{grid-template-columns:1fr}}
@media(max-width:767px){.ui-form-grid-3,.ui-employee-flags{grid-template-columns:1fr}.ui-page-actions{margin-top:.75rem}.ui-page-actions .ui-btn{flex:1}.ui-linked-account-card{align-items:flex-start;flex-direction:column}.ui-linked-account-card .ui-btn{width:100%}.ui-form-actions-sticky{padding-bottom:calc(.8rem + env(safe-area-inset-bottom));}.ui-employee-filter-menu{left:0;right:auto}}
.ui-employee-user-link .ui-status-dot.is-active{color:var(--ui-success)}
.ui-employee-user-link .ui-status-dot.is-inactive{color:var(--ui-text-muted)}
@media(max-width:1199px){.ui-employee-table{min-width:46rem}}
@media(max-width:699px){.ui-employee-table{min-width:24rem}.ui-employee-table th,.ui-employee-table td{padding:.62rem .55rem}.ui-table-person small{display:none}.ui-table-filter{display:none}.ui-table-filter-input{min-width:6.5rem}.ui-table-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.ui-table-search{grid-column:1/-1;min-width:0}}
.ui-load-error{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;color:var(--ui-danger);font-size:.78rem}

/* STEP 3 v1.2.2 – reversible superadmin test mode */
.ui-test-mode-button{min-height:2.45rem;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:#fff;color:var(--ui-text-muted);font-weight:800;font-size:.76rem;cursor:pointer;white-space:nowrap}
.ui-test-mode-button:hover{background:#fff8ef;border-color:#efb982;color:#8b4b16}.ui-test-mode-button.is-active{background:#fff1e6;border-color:#ef7f26;color:#9b4d0e;box-shadow:0 0 0 2px rgba(239,127,38,.08)}
.ui-test-mode-banner{min-height:2.9rem;display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:.48rem 1rem;background:#fff3e8;border-bottom:1px solid #efc79f;color:#754214;font-size:.78rem;position:sticky;top:0;z-index:calc(var(--ui-z-topbar) + 2)}
.ui-test-mode-indicator{display:inline-flex;align-items:center;gap:.45rem;font-weight:900;letter-spacing:.02em}.ui-test-mode-dot{width:.6rem;height:.6rem;border-radius:50%;background:#ef7f26;box-shadow:0 0 0 .28rem rgba(239,127,38,.15);animation:ui-test-pulse 1.8s ease-in-out infinite}
@keyframes ui-test-pulse{0%,100%{box-shadow:0 0 0 .2rem rgba(239,127,38,.12)}50%{box-shadow:0 0 0 .42rem rgba(239,127,38,.04)}}
.ui-app.is-test-mode .ui-sidebar{box-shadow:inset -3px 0 0 #ef7f26}.ui-app.is-test-mode .ui-topbar{border-bottom-color:#efc79f}
.ui-test-mode-checklist{display:grid;border:1px solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden}.ui-test-mode-checklist>div{display:grid;gap:.18rem;padding:.75rem .85rem;border-bottom:1px solid var(--ui-border);background:#fff}.ui-test-mode-checklist>div:last-child{border-bottom:0}.ui-test-mode-checklist strong{font-size:.82rem}.ui-test-mode-checklist span{font-size:.75rem;color:var(--ui-text-muted);line-height:1.45}
.ui-maintenance-card{text-align:center}.ui-maintenance-icon{width:3.5rem;height:3.5rem;margin:0 auto 1rem;border-radius:1rem;display:grid;place-items:center;background:#fff3e8;color:#bd641d;border:1px solid #efc79f}.ui-maintenance-icon svg{width:1.8rem;height:1.8rem}.ui-maintenance-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;border-radius:var(--ui-radius);background:var(--ui-surface-muted);border:1px solid var(--ui-border);font-size:.78rem}.ui-maintenance-meta span{color:var(--ui-text-muted)}
@media(max-width:767px){.ui-test-mode-button span{display:none}.ui-test-mode-button{width:2.9rem;height:2.9rem;padding:0;justify-content:center}.ui-test-mode-banner{justify-content:flex-start}.ui-test-mode-banner>span:last-child{width:100%}}

/* STEP 4 v1.3.0 – compliance, tasks and protected documents */
.ui-compliance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.ui-stat-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius)}.ui-stat-card span{color:var(--ui-text-muted);font-size:.78rem;font-weight:700}.ui-stat-card strong{font-size:1.35rem}
.ui-filter-inline{width:auto;min-width:11rem}.ui-table-subline{margin-top:.18rem;color:var(--ui-text-muted);font-size:.72rem}.ui-inline-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ui-pagination{padding:.8rem;border-top:1px solid var(--ui-border)}
.ui-form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-field-checks{align-content:end}.ui-textarea{height:auto;resize:vertical;line-height:1.45}
.ui-builder-list{display:grid;gap:.8rem}.ui-builder-card{padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}.ui-builder-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.ui-builder-options{display:grid;gap:.7rem;margin-top:.8rem}.ui-builder-condition{display:grid;grid-template-columns:auto minmax(8rem,1fr) minmax(7rem,.6fr) minmax(8rem,1fr);align-items:center;gap:.55rem;padding:.65rem;border:1px dashed var(--ui-border-strong);border-radius:.6rem;background:#fff}.ui-builder-condition strong{font-size:.76rem}.ui-form-actions-end{justify-content:flex-end}
.ui-compliance-detail-grid{grid-template-columns:minmax(0,1.8fr) minmax(18rem,.75fr)}.ui-compliance-side{display:grid;gap:1rem;align-content:start}.ui-section-intro{margin:-.4rem 0 1rem}.ui-compliance-step{padding:.95rem 0;border-bottom:1px solid var(--ui-border)}.ui-compliance-step:last-of-type{border-bottom:0}.ui-compliance-step-head{display:flex;align-items:flex-start;gap:.65rem}.ui-compliance-step-no{width:1.6rem;height:1.6rem;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--ui-accent);color:#fff;font-size:.7rem;font-weight:800}.ui-compliance-step-body{margin:.7rem 0 0 2.25rem}.ui-required-mark{color:var(--ui-danger)}.ui-field-medium{max-width:22rem}.ui-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.ui-document-list{display:grid;gap:.45rem;margin-bottom:.65rem}.ui-document-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.55rem .65rem;background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:.6rem}.ui-document-icon{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.5rem;background:#fff;color:var(--ui-text-muted)}.ui-document-copy{min-width:0;display:grid;gap:.1rem}.ui-document-copy strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-document-copy span{color:var(--ui-text-muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-document-meta-row{display:grid;gap:.6rem;padding:.75rem;border:1px solid var(--ui-border);border-radius:.65rem;background:var(--ui-surface-muted)}.ui-document-meta-name{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.ui-document-meta-name strong{font-size:.8rem;overflow-wrap:anywhere}.ui-document-meta-name span{font-size:.7rem;color:var(--ui-text-muted)}
.ui-mini-list{display:grid;border:1px solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden}.ui-mini-list-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .8rem;border-bottom:1px solid var(--ui-border);background:#fff}.ui-mini-list-row:last-child{border-bottom:0}.ui-mini-list-row:hover{background:var(--ui-surface-muted)}.ui-mini-list-row>span:first-child{display:grid;gap:.12rem}.ui-mini-list-row small{color:var(--ui-text-muted)}.ui-detail-span-full{grid-column:1/-1}
@media(max-width:1050px){.ui-form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-compliance-detail-grid{grid-template-columns:1fr}.ui-builder-condition{grid-template-columns:1fr 1fr}.ui-builder-condition strong{grid-column:1/-1}}
@media(max-width:700px){.ui-compliance-stats{grid-template-columns:1fr}.ui-form-grid-4{grid-template-columns:1fr}.ui-filter-inline{width:100%}.ui-builder-condition{grid-template-columns:1fr}.ui-compliance-step-body{margin-left:0}.ui-review-actions{grid-template-columns:1fr}.ui-document-row{grid-template-columns:2rem minmax(0,1fr) auto}.ui-document-row form{grid-column:3}.ui-document-meta-name{align-items:flex-start;flex-direction:column}.ui-page-actions{width:100%}.ui-page-actions .ui-modal-host,.ui-page-actions .ui-btn{width:100%}.ui-page-actions .ui-modal-trigger{width:100%}}

.ui-upload-actions{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:.65rem}

.ui-document-meta-actions{display:flex;align-items:center;gap:.45rem}.ui-icon-btn-small{width:1.8rem;height:1.8rem}

/* Test mode confirmation stays centered on every viewport. */
.ui-test-mode-modal .ui-modal-backdrop { place-items: center; align-items: center; }
.ui-test-mode-modal .ui-modal { margin: auto; }

/* STEP 4 v1.4.0 - permanently separated test system */
.ui-test-system-button{min-height:2.45rem;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:#fff;color:var(--ui-text);font-weight:800;font-size:.78rem;cursor:pointer;white-space:nowrap}
.ui-test-system-button:hover{background:#f7f8f9}.ui-test-system-button.is-testing{background:#fff1e6;border-color:#ef7f26;color:#94480d;box-shadow:0 0 0 2px rgba(239,127,38,.08)}
.ui-test-system-banner{min-height:3rem;display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:.5rem 1rem;background:#fff2e6;border-bottom:2px solid #ef7f26;color:#713b12;font-size:.8rem;position:sticky;top:0;z-index:calc(var(--ui-z-topbar) + 3)}
.ui-test-system-banner.is-external-mail{background:#fff0ef;border-color:#c22c22;color:#861f18}.ui-test-system-indicator{font-weight:950;letter-spacing:.04em}
.is-test-system .ui-topbar{box-shadow:inset 0 -2px 0 rgba(239,127,38,.45)}.is-test-system .ui-sidebar{box-shadow:inset -3px 0 0 rgba(239,127,38,.65)}
.ui-test-system-option{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);cursor:pointer;background:#fff}.ui-test-system-option:has(input:checked){border-color:#ef7f26;background:#fff8f2}.ui-test-system-option input{margin-top:.15rem}.ui-test-system-option span{display:grid;gap:.2rem}.ui-test-system-option small{color:var(--ui-text-muted);line-height:1.4}
.ui-test-system-info{display:grid;border:1px solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden}.ui-test-system-info>div{display:grid;grid-template-columns:minmax(10rem,.45fr) 1fr;gap:1rem;padding:.72rem .85rem;border-bottom:1px solid var(--ui-border)}.ui-test-system-info>div:last-child{border-bottom:0}.ui-test-system-info span{color:var(--ui-text-muted)}
.ui-test-system-auth-banner{position:fixed;left:0;right:0;top:0}.ui-test-system-auth-banner+.ui-auth-shell{margin-top:2.5rem}
.ui-test-system-modal .ui-modal-backdrop{place-items:center}.ui-test-system-modal .ui-modal{margin:auto}
@media(max-width:767px){.ui-test-system-button>span:last-child{display:none}.ui-test-system-button{width:2.9rem;justify-content:center}.ui-test-system-banner{justify-content:flex-start}.ui-test-system-info>div{grid-template-columns:1fr;gap:.2rem}}
.ui-topbar-actions>.ui-tooltip-wrap{order:1}.ui-topbar-actions>.ui-test-system-modal{order:2}.ui-topbar-actions>.ui-dropdown{order:3}

/* v1.4.3: Test-system dialogs live outside the sticky topbar and are always viewport-centered. */
.ui-test-system-dialog .ui-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    place-items: center !important;
    align-items: center !important;
    justify-items: center !important;
    padding: 1rem !important;
}
.ui-test-system-dialog .ui-modal {
    width: min(38rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    margin: auto !important;
}
@media (max-width: 767px) {
    .ui-test-system-dialog .ui-modal-backdrop {
        align-items: center !important;
        padding: .75rem !important;
    }
    .ui-test-system-dialog .ui-modal {
        width: min(38rem, calc(100vw - 1.5rem));
        max-height: calc(100dvh - 1.5rem);
        border-radius: 1rem;
    }
}
.ui-topbar-actions > .ui-test-system-button { order: 2; }

/* STEP 6 v1.6.0 – centralized server-side tables */
.ui-filter-menu-actions{display:flex;justify-content:flex-end;padding:.6rem .35rem .2rem;border-top:1px solid var(--ui-border);margin-top:.35rem}
.ui-table-range{display:grid;grid-template-columns:minmax(7.25rem,1fr) minmax(7.25rem,1fr);gap:.3rem;min-width:14.8rem}
.ui-table-number-range{grid-template-columns:minmax(4.5rem,1fr) minmax(4.5rem,1fr);min-width:9.4rem}
.ui-sort.is-active{color:var(--ui-text);font-weight:900}
.ui-sort-indicator{display:inline-grid;min-width:1rem;place-items:center;color:var(--ui-text-muted);font-size:.72rem}
.ui-sort.is-active .ui-sort-indicator{color:var(--ui-brand)}
.ui-table-filter .ui-select{min-height:2.1rem;padding:.4rem 1.75rem .4rem .5rem;font-size:.74rem;min-width:7rem}
@media(max-width:699px){.ui-table-range{min-width:13rem;grid-template-columns:1fr 1fr}.ui-table-number-range{min-width:8.5rem}}
.ui-security-event-list{display:grid;gap:.45rem}.ui-security-event-row{display:grid;grid-template-columns:minmax(9.5rem,auto) minmax(10rem,1fr) auto;align-items:center;gap:.75rem;padding:.6rem .7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface)}.ui-security-event-row time{font-size:.76rem;color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.ui-security-event-name{min-width:0;overflow-wrap:anywhere}@media(max-width:767px){.ui-security-event-row{grid-template-columns:1fr auto}.ui-security-event-row time{grid-column:1/-1}.ui-security-event-name{font-size:.8rem}}

/* Compliance guest wizard: intentionally sparse, touch-first and single-task focused. */
.ui-compliance-guest-wizard{max-width:760px;margin:0 auto}.ui-compliance-guest-head{text-align:center;margin-bottom:24px}.ui-compliance-wizard-screen{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:32px 18px}.ui-compliance-wizard-screen h2{font-size:clamp(1.45rem,3vw,2rem);margin:0;max-width:680px}.ui-compliance-wizard-screen p{max-width:650px;margin:0;color:var(--ui-text-muted)}.ui-compliance-wizard-symbol{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800;background:var(--ui-surface-soft);border:1px solid var(--ui-border)}.ui-compliance-wizard-notice .ui-compliance-wizard-symbol{background:#fff4df}.ui-compliance-choice-grid{width:100%;max-width:600px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ui-compliance-choice{min-height:150px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);font-size:1.35rem;cursor:pointer}.ui-compliance-choice:hover,.ui-compliance-choice:focus-visible{border-color:var(--ui-primary);box-shadow:0 0 0 3px rgba(229,115,30,.12)}.ui-compliance-wizard-progress{max-width:600px;margin:0 auto;display:grid;gap:7px;font-size:.84rem;color:var(--ui-text-muted)}.ui-compliance-wizard-progress>div{height:6px;background:var(--ui-surface-soft);border-radius:99px;overflow:hidden}.ui-compliance-wizard-progress i{display:block;height:100%;background:var(--ui-primary);border-radius:99px}.ui-compliance-wizard-form,.ui-compliance-simple-upload{width:100%;max-width:560px}.ui-compliance-file-drop{width:100%;min-height:210px;border:2px dashed var(--ui-border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:24px}.ui-compliance-file-drop input{position:absolute;opacity:0;width:1px;height:1px}.ui-compliance-file-icon{font-size:2rem}.ui-compliance-uploaded-state{display:flex;flex-direction:column;gap:5px;padding:18px 24px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft)}.ui-btn-large{min-height:48px;padding-inline:26px}.ui-input-large{min-height:50px;font-size:1rem}.ui-form-actions-center{justify-content:center}@media(max-width:640px){.ui-compliance-guest-head{margin-bottom:8px}.ui-compliance-wizard-screen{min-height:calc(100dvh - 260px);padding:24px 4px}.ui-compliance-choice-grid{grid-template-columns:1fr}.ui-compliance-choice{min-height:120px}.ui-compliance-guest-wizard-card{padding-inline:18px}}

/* STEP 13.13: simplified guest compliance flow */
.ui-guest-language-switch{margin-top:28px;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;font-size:.86rem;color:var(--ui-text-muted)}
.ui-guest-language-switch a{color:var(--ui-text-muted);text-decoration:none;padding:4px 2px;border-bottom:1px solid transparent}
.ui-guest-language-switch a:hover,.ui-guest-language-switch a:focus-visible{color:var(--ui-text);border-bottom-color:var(--ui-border-strong);outline:none}
.ui-guest-language-switch a.is-active{color:var(--ui-text);font-weight:700}
.ui-compliance-choice.ui-btn{min-height:132px;font-size:1.25rem;border-radius:16px;width:100%}
.ui-compliance-capture-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ui-compliance-capture-button{position:relative;overflow:hidden;cursor:pointer}
.ui-compliance-capture-button input,.ui-compliance-capture-button .ui-compliance-capture-file-input{display:block;position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}
.ui-compliance-evidence-upload{width:100%;max-width:580px}
.ui-compliance-upload-help{text-align:center;margin:0}
.ui-compliance-selected-file{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-soft);text-align:left}
.ui-compliance-selected-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-compliance-selected-file span{flex:0 0 auto;color:var(--ui-text-muted);font-size:.86rem}
.ui-compliance-pdf-pair{display:grid;gap:14px;padding:18px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-soft);text-align:left}
.ui-compliance-pdf-pair p{margin:4px 0 0;max-width:none}
.ui-date-input-de{font-variant-numeric:tabular-nums;letter-spacing:.02em}
@media(max-width:640px){.ui-compliance-capture-actions{grid-template-columns:1fr}.ui-compliance-choice.ui-btn{min-height:92px}.ui-guest-language-switch{margin-top:18px}.ui-compliance-capture-actions .ui-btn{width:100%}}

/* v1.13.14 – Compliance evidence previews and immutable internal notes */
.ui-compliance-evidence-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0 0 1rem}.ui-compliance-evidence-card{min-width:0;display:grid;gap:.45rem}.ui-compliance-evidence-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}.ui-compliance-evidence-card-head strong{font-size:.78rem}.ui-compliance-evidence-card-head span{font-size:.68rem;color:var(--ui-text-muted);white-space:nowrap}.ui-compliance-proof-document{display:grid;gap:.55rem;margin-bottom:.65rem}.ui-compliance-proof-preview{display:block;overflow:hidden;border:1px solid var(--ui-border);border-radius:.75rem;background:var(--ui-surface-muted);min-height:8rem}.ui-compliance-proof-preview img{display:block;width:100%;aspect-ratio:1.58/1;max-height:30rem;object-fit:contain;background:#fff}.ui-compliance-notes{display:grid;gap:.6rem}.ui-compliance-note{display:grid;gap:.35rem;padding:.7rem .8rem;border:1px solid var(--ui-border);border-radius:.65rem;background:var(--ui-surface-muted)}.ui-compliance-note-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.ui-compliance-note-head strong{font-size:.76rem}.ui-compliance-note-head span{font-size:.68rem;color:var(--ui-text-muted);white-space:nowrap}.ui-compliance-note p{margin:0;font-size:.76rem;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.ui-compliance-evidence-gallery{grid-template-columns:1fr}.ui-compliance-proof-preview img{max-height:24rem}.ui-compliance-note-head{align-items:flex-start;flex-direction:column;gap:.15rem}}

/* v1.13.15 – isolated test users and protected simulated test mailbox */
.ui-test-user-box{padding:.75rem;border:1px solid #efc79f;border-radius:var(--ui-radius);background:#fff8f1}.ui-test-user-box .ui-check-row{border:0;background:transparent;padding:0}.ui-test-user-box .ui-check-row span{display:grid;gap:.18rem}.ui-test-user-box .ui-check-row small{color:var(--ui-text-muted);font-size:.74rem;line-height:1.45}.ui-test-system-exit-link{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:.18rem}.ui-test-system-exit-link:hover{color:var(--ui-text)}.ui-test-mail-preview-section{overflow:hidden}.ui-test-mail-preview{display:block;width:100%;min-height:36rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff}.ui-test-mail-addresses{overflow-wrap:anywhere}.ui-test-account-identifier{display:grid;gap:.25rem;padding:.75rem .85rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}.ui-test-account-identifier span{font-size:.76rem;color:var(--ui-text-muted);font-weight:700}.ui-test-account-identifier strong{font-size:.92rem}.ui-test-account-identifier small{color:var(--ui-text-muted);font-size:.74rem;line-height:1.4}@media(max-width:767px){.ui-test-mail-preview{min-height:30rem}.ui-test-system-exit-link{width:100%}}

/* v1.13.16 – portal-wide notification center */
.ui-notification-menu{position:relative;order:1;display:inline-flex}
.ui-notification-trigger{position:relative}
.ui-notification-count{position:absolute;right:-.28rem;top:-.28rem;min-width:1.25rem;height:1.25rem;padding:0 .28rem;border-radius:999px;display:grid;place-items:center;background:var(--ui-danger);color:#fff;border:2px solid #fff;font-size:.62rem;font-weight:900;line-height:1}
.ui-notification-popover{position:absolute;z-index:var(--ui-z-dropdown);right:0;top:calc(100% + .55rem);width:min(25rem,calc(100vw - 1rem));overflow:hidden;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow)}
.ui-notification-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border-bottom:1px solid var(--ui-border)}
.ui-notification-popover-head strong{font-size:.9rem}.ui-notification-popover-subtitle{margin-top:.12rem;color:var(--ui-text-muted);font-size:.72rem}
.ui-link-button{border:0;background:transparent;padding:.2rem 0;color:#a85a18;font:inherit;font-size:.74rem;font-weight:750;cursor:pointer}.ui-link-button:hover{text-decoration:underline}.ui-link-button:focus-visible{outline:none;box-shadow:var(--ui-focus);border-radius:.25rem}
.ui-notification-popover-list{max-height:min(30rem,60vh);overflow:auto}
.ui-notification-popover-item{display:grid;grid-template-columns:.55rem minmax(0,1fr);gap:.65rem;padding:.72rem .85rem;border-bottom:1px solid #edf0f2;background:#fff}.ui-notification-popover-item:hover{background:var(--ui-surface-muted)}.ui-notification-popover-item.is-unread{background:#fff9f4}.ui-notification-popover-item.is-unread:hover{background:#fff5ec}
.ui-notification-popover-content{min-width:0;display:grid;gap:.16rem}.ui-notification-popover-content strong{font-size:.8rem}.ui-notification-popover-content>span{color:var(--ui-text-muted);font-size:.74rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ui-notification-popover-content time{color:#89939a;font-size:.67rem}
.ui-notification-mark{width:.5rem;height:.5rem;margin-top:.32rem;border-radius:50%;background:var(--ui-info)}.ui-notification-mark-success{background:var(--ui-success)}.ui-notification-mark-warning{background:var(--ui-warning)}.ui-notification-mark-danger{background:var(--ui-danger)}.ui-notification-mark-info{background:var(--ui-info)}
.ui-notification-popover-empty{display:grid;gap:.25rem;padding:1.25rem;text-align:center}.ui-notification-popover-empty strong{font-size:.82rem}.ui-notification-popover-empty span{color:var(--ui-text-muted);font-size:.74rem}
.ui-notification-popover-footer{display:block;padding:.7rem .85rem;text-align:center;font-size:.76rem;font-weight:800;color:#a85a18;background:var(--ui-surface-muted)}.ui-notification-popover-footer:hover{background:var(--ui-brand-soft)}
.ui-notification-filters{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}.ui-notification-filter{padding:.45rem .7rem;border:1px solid var(--ui-border);border-radius:999px;background:#fff;color:var(--ui-text-muted);font-size:.78rem;font-weight:750}.ui-notification-filter:hover,.ui-notification-filter.is-active{border-color:#e6a46e;background:#fff6ee;color:#994a0f}
.ui-notification-list{display:grid;border:1px solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden}.ui-notification-row{display:grid;grid-template-columns:.55rem minmax(0,1fr) auto;gap:.75rem;align-items:flex-start;padding:.85rem .9rem;border-bottom:1px solid var(--ui-border);background:#fff}.ui-notification-row:last-child{border-bottom:0}.ui-notification-row.is-unread{background:#fff9f4}.ui-notification-main{min-width:0;display:grid;gap:.2rem}.ui-notification-row-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ui-notification-row-head strong{font-size:.88rem}.ui-notification-message{color:var(--ui-text-muted);font-size:.8rem;line-height:1.45}.ui-notification-time{color:#89939a;font-size:.7rem}.ui-section-actions{display:flex;justify-content:center;margin-top:1rem}
@media(max-width:767px){.ui-notification-popover{position:fixed;left:.5rem;right:.5rem;top:calc(var(--ui-topbar) + .5rem);width:auto;max-height:calc(100dvh - var(--ui-topbar) - 1rem)}.ui-notification-popover-list{max-height:calc(100dvh - var(--ui-topbar) - 10rem)}.ui-notification-row{grid-template-columns:.55rem minmax(0,1fr) auto;padding:.8rem .65rem}}


/* v1.13.34 – guest compliance navigation, summary and paired driving-licence upload */
.ui-auth-after-card{display:flex;justify-content:center;align-items:center;padding:.1rem .75rem .35rem}
.ui-auth-after-card .ui-guest-language-switch{width:auto;margin:0;justify-content:center;opacity:.82}
.ui-compliance-guest-wizard{--ui-primary:#ef7f26}
.ui-compliance-guest-wizard .ui-btn-primary{background:#ef7f26;color:#fff;border-color:#ef7f26}
.ui-compliance-guest-wizard .ui-btn-primary:hover{background:#df6f18;border-color:#df6f18}
.ui-compliance-guest-wizard .ui-btn-secondary,.ui-compliance-guest-wizard .ui-btn-ghost{background:#636a75;color:#fff;border-color:#636a75}
.ui-compliance-guest-wizard .ui-btn-secondary:hover,.ui-compliance-guest-wizard .ui-btn-ghost:hover{background:#515862;color:#fff;border-color:#515862}
.ui-compliance-nav-primary{min-width:min(22rem,100%);justify-content:center}
.ui-compliance-nav-back{min-width:12rem}
.ui-compliance-nav-actions{width:100%;max-width:680px;display:flex;align-items:stretch;justify-content:center;gap:.75rem;flex-wrap:wrap}
.ui-compliance-nav-actions>.ui-btn{flex:1 1 13rem;max-width:20rem;min-height:48px}
.ui-compliance-nav-actions-three{max-width:820px}
.ui-compliance-nav-actions-three>.ui-btn{flex-basis:12rem}
.ui-compliance-capture-actions{align-items:stretch}
.ui-compliance-capture-actions .ui-btn{width:100%;min-height:52px}
.ui-compliance-capture-button{display:flex;align-items:center;justify-content:center}
.ui-compliance-upload-items{width:100%;display:grid;gap:.8rem}
.ui-compliance-upload-item{display:grid;grid-template-columns:minmax(9rem,13rem) minmax(0,1fr);gap:1rem;align-items:stretch;padding:.85rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-soft);text-align:left}
.ui-compliance-upload-preview{min-height:8rem;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ui-border);border-radius:.65rem;background:#fff}
.ui-compliance-upload-preview img{display:block;width:100%;height:100%;max-height:15rem;object-fit:contain;background:#fff}
.ui-compliance-file-type{display:grid;place-items:center;min-width:4rem;min-height:3rem;padding:.55rem;border-radius:.55rem;background:#eef1f4;color:#515862;font-weight:850;font-size:.8rem;letter-spacing:.04em}
.ui-compliance-upload-item-body{min-width:0;display:grid;align-content:center;gap:.65rem}
.ui-compliance-upload-item-body>strong{overflow-wrap:anywhere}
.ui-compliance-remove-file{justify-self:start;min-height:38px;padding:.45rem .7rem}
.ui-compliance-existing-side-row{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;color:var(--ui-success);font-size:.78rem;font-weight:750}
.ui-compliance-side-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ui-compliance-existing-side{min-width:0;display:grid;gap:.55rem;padding:.85rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-soft);text-align:left}
.ui-compliance-existing-side img,.ui-compliance-saved-preview{display:block;width:100%;max-height:18rem;object-fit:contain;border:1px solid var(--ui-border);border-radius:.65rem;background:#fff}
.ui-compliance-existing-side>span:last-child,.ui-compliance-uploaded-state>span{overflow-wrap:anywhere;color:var(--ui-text-muted);font-size:.8rem}
.ui-compliance-date-field{width:100%}
.ui-compliance-summary-screen{justify-content:flex-start;min-height:0}
.ui-compliance-summary{width:100%;max-width:700px;display:grid;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);overflow:hidden;background:#fff;text-align:left}
.ui-compliance-summary-head{display:grid;gap:.2rem;padding:1rem 1.1rem;background:var(--ui-surface-soft);border-bottom:1px solid var(--ui-border)}
.ui-compliance-summary-head strong{font-size:1rem}
.ui-compliance-summary-head span{font-size:.78rem;color:var(--ui-text-muted)}
.ui-compliance-summary-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--ui-border)}
.ui-compliance-summary-item:last-child{border-bottom:0}
.ui-compliance-summary-main{min-width:0;display:grid;gap:.4rem}
.ui-compliance-summary-main>strong{font-size:.82rem}
.ui-compliance-summary-main>span{color:var(--ui-text-muted);overflow-wrap:anywhere}
.ui-compliance-summary-document{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.65rem;align-items:center;padding:.45rem;border:1px solid var(--ui-border);border-radius:.65rem;background:var(--ui-surface-soft)}
.ui-compliance-summary-document img{display:block;width:5rem;height:3.2rem;object-fit:contain;border-radius:.4rem;background:#fff}
.ui-compliance-summary-document .ui-compliance-file-type{min-width:5rem;min-height:3.2rem}
.ui-compliance-summary-change{min-height:38px;padding:.45rem .75rem}
.ui-compliance-finish-form{width:100%;display:flex;justify-content:center}
@media(max-width:640px){
    .ui-auth-after-card{padding-bottom:.55rem}
    .ui-compliance-wizard-screen{gap:16px}
    .ui-compliance-wizard-screen .ui-btn,.ui-compliance-nav-primary,.ui-compliance-nav-back{width:100%;max-width:none}
    .ui-compliance-nav-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:none}
    .ui-compliance-nav-actions>.ui-btn{width:100%;max-width:none}
    .ui-compliance-capture-actions{grid-template-columns:1fr}
    .ui-compliance-upload-item{grid-template-columns:1fr}
    .ui-compliance-upload-preview{min-height:11rem}
    .ui-compliance-upload-preview img{max-height:20rem}
    .ui-compliance-remove-file{width:100%;justify-self:stretch}
    .ui-compliance-side-grid{grid-template-columns:1fr}
    .ui-compliance-summary-item{grid-template-columns:1fr}
    .ui-compliance-summary-change{width:100%}
    .ui-compliance-summary-document{grid-template-columns:4.5rem minmax(0,1fr)}
    .ui-compliance-summary-document img{width:4.5rem}
    .ui-compliance-summary-document .ui-compliance-file-type{min-width:4.5rem}
}
.ui-compliance-summary-document>span{min-width:0;display:grid;gap:.15rem;overflow-wrap:anywhere}.ui-compliance-summary-document>span strong{font-size:.78rem}.ui-compliance-summary-document>span small{color:var(--ui-text-muted);font-size:.7rem}

/* 26.9.2.5 – central Smart-Table date + multi-value filters */
.ui-table-date-filter{min-width:9.25rem}
.ui-table-multi-filter{position:relative;min-width:9rem;font-weight:400;text-align:left}
.ui-table-multi-control{min-height:2.1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.22rem;padding:.2rem .35rem;border:1px solid var(--ui-border);border-radius:.55rem;background:#fff;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}
.ui-table-multi-control:focus-within,.ui-table-multi-control.is-open{border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 18%,transparent)}
.ui-table-filter-chip{max-width:100%;display:inline-flex;align-items:center;gap:.2rem;min-height:1.45rem;padding:.08rem .18rem .08rem .42rem;border:1px solid color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border));border-radius:999px;background:color-mix(in srgb,var(--ui-accent) 10%,#fff);font-size:.68rem;line-height:1.1;color:var(--ui-text)}
.ui-table-filter-chip-label{min-width:0;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-table-filter-chip-remove{width:1.2rem;height:1.2rem;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--ui-text-muted);font:700 .9rem/1 sans-serif;cursor:pointer}
.ui-table-filter-chip-remove:hover{background:rgba(0,0,0,.07);color:var(--ui-text)}
.ui-table-multi-input{flex:1 1 3.5rem;min-width:3.5rem;height:1.55rem;border:0;outline:0;background:transparent;padding:.1rem;font:inherit;font-size:.72rem;color:var(--ui-text)}
.ui-table-multi-input::placeholder{color:var(--ui-text-muted)}
.ui-table-multi-menu{position:fixed;z-index:calc(var(--ui-z-dropdown) + 20);min-width:12rem;max-width:min(22rem,calc(100vw - 1rem));overflow:auto;padding:.3rem;border:1px solid var(--ui-border);border-radius:.65rem;background:#fff;box-shadow:var(--ui-shadow)}
.ui-table-multi-option{width:100%;min-height:2rem;display:grid;grid-template-columns:1.15rem minmax(0,1fr);align-items:center;gap:.35rem;padding:.35rem .45rem;border:0;border-radius:.45rem;background:transparent;color:var(--ui-text);font:inherit;font-size:.73rem;text-align:left;cursor:pointer}
.ui-table-multi-option:hover{background:var(--ui-surface-muted)}
.ui-table-multi-check{width:1.05rem;height:1.05rem;display:grid;place-items:center;border:1px solid var(--ui-border);border-radius:.28rem;color:var(--ui-accent);font-weight:900}
.ui-table-multi-option[aria-selected="true"] .ui-table-multi-check{border-color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 12%,#fff)}
.ui-table-multi-empty{padding:.55rem;color:var(--ui-text-muted);font-size:.72rem}
@media(max-width:699px){.ui-table-date-filter,.ui-table-multi-filter{min-width:7.5rem}}

/* Compliance evidence previews */
.ui-compliance-proof-preview-button{width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit}
.ui-compliance-image-modal .ui-modal{width:min(92vw,72rem);max-width:72rem}
.ui-compliance-image-modal .ui-modal-body{display:grid;place-items:center;padding:.75rem;background:#111}
.ui-compliance-image-modal img{display:block;max-width:100%;max-height:78vh;object-fit:contain}

/* 26.9.2.8 – read-only compliance evidence + PDF/image lightbox */
.ui-compliance-proof-preview-media{position:relative;min-height:10rem;background:#fff}
.ui-compliance-proof-preview-media iframe{display:block;width:100%;height:14rem;border:0;background:#fff;pointer-events:none}
.ui-compliance-proof-preview-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in}
.ui-compliance-image-modal .ui-modal-body{min-height:min(78vh,48rem)}
.ui-compliance-pdf-modal-frame{display:block;width:min(86vw,68rem);height:76vh;border:0;background:#fff}
.ui-compliance-readonly-value{min-height:2.25rem;display:flex;align-items:center;padding:.45rem .65rem;border:1px solid var(--ui-border);border-radius:.55rem;background:var(--ui-surface-muted);font-size:.78rem;color:var(--ui-text)}
.ui-compliance-readonly-text{white-space:pre-wrap;overflow-wrap:anywhere;align-items:flex-start}
@media(max-width:699px){
    .ui-compliance-proof-preview-media iframe{height:12rem}
    .ui-compliance-pdf-modal-frame{width:88vw;height:72vh}
}


/* Central media lightbox: reusable gallery navigation for protected images/PDFs. */
.ui-media-lightbox-modal .ui-modal{width:min(94vw,76rem);max-width:76rem;overflow:hidden}
.ui-media-lightbox-modal .ui-modal-body{padding:.75rem;background:#111;color:#fff}
.ui-media-lightbox{display:grid;gap:.65rem;min-height:min(78vh,48rem)}
.ui-media-lightbox-headline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.1rem .25rem;color:#fff}
.ui-media-lightbox-headline strong{font-size:.88rem}
.ui-media-lightbox-headline span{font-size:.76rem;color:#cfd5d9;white-space:nowrap}
.ui-media-lightbox-stage{position:relative;min-height:min(68vh,42rem);display:grid;place-items:center;overflow:hidden;border-radius:.65rem;background:#090909}
.ui-media-lightbox-stage>img{display:block;max-width:100%;max-height:min(68vh,42rem);width:auto;height:auto;object-fit:contain}
.ui-media-lightbox-pdf{width:100%;height:min(68vh,42rem);border:0;background:#fff}
.ui-media-lightbox-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:3rem;height:4.5rem;display:grid;place-items:center;border:0;border-radius:.75rem;background:rgba(255,255,255,.88);color:#20262b;font:700 2.4rem/1 sans-serif;cursor:pointer;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.22)}
.ui-media-lightbox-nav:hover,.ui-media-lightbox-nav:focus-visible{background:#fff;outline:3px solid color-mix(in srgb,var(--ui-primary) 55%,transparent)}
.ui-media-lightbox-nav-prev{left:.65rem}.ui-media-lightbox-nav-next{right:.65rem}
.ui-media-lightbox-help{text-align:center;color:#cfd5d9;font-size:.72rem}
@media(max-width:699px){.ui-media-lightbox-modal .ui-modal-backdrop{padding:.35rem}.ui-media-lightbox-modal .ui-modal{max-height:calc(100dvh - .7rem)}.ui-media-lightbox{min-height:calc(100dvh - 8rem)}.ui-media-lightbox-stage{min-height:calc(100dvh - 12rem)}.ui-media-lightbox-stage>img{max-height:calc(100dvh - 12rem)}.ui-media-lightbox-pdf{height:calc(100dvh - 12rem)}.ui-media-lightbox-nav{width:2.75rem;height:4rem}.ui-media-lightbox-nav-prev{left:.35rem}.ui-media-lightbox-nav-next{right:.35rem}}

/* 26.9.3.7 – guest compliance action hierarchy + iOS-safe direct camera uploads */
.ui-compliance-choice.ui-btn{min-height:52px;font-size:1rem;border-radius:var(--ui-radius);width:100%}
.ui-compliance-nav-back,.ui-compliance-nav-actions>.ui-btn{min-height:52px}
.ui-compliance-nav-actions-stacked-priority{display:grid;grid-template-columns:1fr;max-width:580px;width:100%}
.ui-compliance-nav-actions-stacked-priority>.ui-btn{width:100%;max-width:none;min-height:52px}
.ui-compliance-capture-actions-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ui-compliance-selection-state{width:100%;padding:.75rem .9rem;border:1px dashed var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-soft);color:var(--ui-text-muted);font-size:.86rem;text-align:center}
.ui-compliance-camera-side-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.ui-compliance-reset-selection{width:100%;min-height:44px}
.ui-compliance-upload-item .ui-muted{overflow-wrap:anywhere}
@media(max-width:640px){
    .ui-compliance-choice.ui-btn{min-height:52px;font-size:1rem}
    .ui-compliance-choice-grid{gap:.75rem}
    .ui-compliance-capture-actions-three{grid-template-columns:1fr}
    .ui-compliance-camera-side-grid{grid-template-columns:1fr}
}

/* 26.9.3.8 – explicit compliance camera success states */
.ui-compliance-capture-button.is-complete{background:#edf8f0!important;color:#1f6b36!important;border-color:#8fc79f!important;box-shadow:0 0 0 2px rgba(46,125,67,.08)}
.ui-compliance-capture-button.is-complete:hover,.ui-compliance-capture-button.is-complete:focus-visible{background:#e3f4e8!important;color:#18582c!important;border-color:#69ad7c!important}
.ui-compliance-capture-check{stroke-width:2.4}
.ui-compliance-summary-document button{border:0;padding:0;background:transparent;cursor:zoom-in;border-radius:.4rem;overflow:hidden;display:block}
.ui-compliance-summary-document button:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 35%,transparent);outline-offset:2px}

/* 26.9.3.9 – immediate evidence previews + unambiguous final confirmation */
.ui-compliance-capture-slot{min-width:0;display:grid;gap:.7rem;align-content:start}
.ui-compliance-capture-inline-preview{display:grid;gap:.65rem;padding:.7rem;border:1px solid #9bcaa7;border-radius:var(--ui-radius);background:#f1faf3;text-align:left}
.ui-compliance-capture-inline-preview img{display:block;width:100%;height:10rem;object-fit:contain;border:1px solid var(--ui-border);border-radius:.65rem;background:#fff}
.ui-compliance-capture-inline-meta{min-width:0;display:grid;gap:.35rem}
.ui-compliance-capture-inline-meta>strong{color:#1f6b36;font-size:.82rem}
.ui-compliance-capture-inline-meta>span{color:var(--ui-text-muted);font-size:.74rem;overflow-wrap:anywhere}
.ui-compliance-finish-form-top{margin:.1rem 0 .25rem}
.ui-compliance-finish-primary{width:min(100%,36rem);min-height:56px;font-size:1rem;justify-content:center}
.ui-compliance-summary-screen>h2{margin-bottom:0}
.ui-compliance-summary-screen>p{max-width:42rem}
.ui-compliance-summary-document img{background:#fff;object-fit:contain}
@media(max-width:699px){.ui-compliance-capture-actions-three{grid-template-columns:1fr}.ui-compliance-capture-inline-preview img{height:auto;max-height:18rem}.ui-compliance-finish-primary{width:100%}}
.ui-compliance-summary-document{grid-template-columns:7.5rem minmax(0,1fr)}
.ui-compliance-summary-document img{width:7.5rem;height:5rem}
@media(max-width:699px){.ui-compliance-summary-document{grid-template-columns:1fr}.ui-compliance-summary-document button{width:100%}.ui-compliance-summary-document img{width:100%;height:auto;max-height:16rem}.ui-compliance-summary-document .ui-compliance-file-type{width:100%;min-height:5rem}}

/* Tool digital assignment workflow */
.ui-digital-assignment{max-width:78rem;margin:0 auto;display:grid;gap:1rem}.ui-digital-page-head{margin-bottom:0}.ui-digital-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.ui-digital-step{min-height:4.5rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text-muted);display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;text-align:left;cursor:pointer}.ui-digital-step>span{width:2rem;height:2rem;flex:0 0 2rem;border-radius:999px;background:var(--ui-surface-muted);border:1px solid var(--ui-border);display:grid;place-items:center;font-weight:800}.ui-digital-step>strong{font-size:.88rem}.ui-digital-step.is-active{border-color:var(--ui-accent);box-shadow:var(--ui-focus);color:var(--ui-text)}.ui-digital-step.is-active>span,.ui-digital-step.is-done>span{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.ui-digital-step.is-done{color:var(--ui-text)}.ui-digital-form{display:grid;gap:1rem}.ui-digital-panel{margin:0}.ui-digital-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ui-digital-eyebrow{display:block;margin-bottom:.2rem;color:var(--ui-text-muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ui-digital-summary{display:grid;grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);gap:1.25rem;align-items:start}.ui-digital-tool-image{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted);overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.ui-digital-tool-image img{display:block;width:100%;height:100%;object-fit:contain;background:var(--ui-surface)}.ui-digital-summary-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ui-digital-summary-grid>div{min-height:4.6rem;padding:.85rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-muted)}.ui-digital-summary-grid dt{margin:0 0 .3rem;color:var(--ui-text-muted);font-size:.78rem;font-weight:700}.ui-digital-summary-grid dd{margin:0;font-size:1rem;font-weight:700;overflow-wrap:anywhere}.ui-digital-note{margin-top:1rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}.ui-digital-note p{margin:.35rem 0 0;white-space:pre-wrap}.ui-digital-confirmation-text{font-size:1.3rem;line-height:1.55;font-weight:650;padding:1.4rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}.ui-digital-confirmation-check,.ui-digital-toggle{margin-top:1rem;display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);cursor:pointer}.ui-digital-confirmation-check input,.ui-digital-toggle input{width:1.35rem;height:1.35rem;flex:0 0 auto;margin:.1rem 0 0;accent-color:var(--ui-accent)}.ui-digital-toggle span{display:grid;gap:.15rem}.ui-digital-toggle small{color:var(--ui-text-muted)}.ui-signature-block{display:grid;gap:.65rem;margin-bottom:1rem}.ui-signature-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ui-signature-head>div{display:grid;gap:.1rem}.ui-signature-head span{color:var(--ui-text-muted);font-size:.85rem}.ui-signature-pad{display:block;width:100%;height:17rem;border:2px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:var(--ui-surface);touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 1px var(--ui-surface-muted)}.ui-signature-pad:focus-visible{outline:none;box-shadow:var(--ui-focus)}.ui-digital-finish-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.ui-digital-finish-list>div{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-muted)}.ui-digital-finish-list span{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:999px;background:var(--ui-success-soft);color:var(--ui-success);font-weight:900}.ui-digital-finish-list p{margin:0}.ui-digital-actions{position:sticky;bottom:.75rem;z-index:20;display:flex;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:rgba(255,255,255,.96);box-shadow:var(--ui-shadow);backdrop-filter:blur(10px)}.ui-digital-actions-spacer{flex:1}.ui-digital-error{margin:0}.ui-digital-complete-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:start}.ui-digital-complete-icon{width:3.5rem;height:3.5rem;border-radius:999px;display:grid;place-items:center;background:var(--ui-success-soft);color:var(--ui-success);font-size:1.8rem;font-weight:900}.ui-digital-complete-kv{margin-top:1rem}.ui-digital-checksum{font-size:.78rem;overflow-wrap:anywhere;word-break:break-all}.ui-digital-complete-card .ui-form-actions{margin-top:1rem}
@media(max-width:1199px){.ui-digital-assignment{max-width:100%}.ui-signature-pad{height:19rem}.ui-digital-step{min-height:4.8rem}}
@media(max-width:799px){.ui-digital-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-digital-summary{grid-template-columns:1fr}.ui-digital-tool-image{max-height:20rem}.ui-digital-summary-grid{grid-template-columns:1fr}.ui-digital-finish-list{grid-template-columns:1fr}.ui-digital-confirmation-text{font-size:1.1rem}.ui-signature-pad{height:15rem}.ui-digital-actions{bottom:.35rem}.ui-digital-actions .ui-btn{min-height:2.9rem}.ui-digital-complete-card{grid-template-columns:1fr}.ui-digital-complete-icon{width:3rem;height:3rem}}
@media(max-width:499px){.ui-digital-steps{grid-template-columns:1fr 1fr;gap:.45rem}.ui-digital-step{min-height:3.8rem;padding:.6rem}.ui-digital-step>strong{font-size:.78rem}.ui-digital-step>span{width:1.75rem;height:1.75rem;flex-basis:1.75rem}.ui-signature-head{align-items:flex-start;flex-direction:column}.ui-signature-head .ui-btn{width:100%}.ui-digital-actions{flex-wrap:wrap}.ui-digital-actions-spacer{display:none}.ui-digital-actions .ui-btn{flex:1 1 calc(50% - .4rem)}}

/* 26.9.4.8 – production return action, lock full-login and central image editor */
.ui-btn.ui-production-return-button,.ui-production-return-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.35rem;padding:.5rem .8rem;border:1px solid #636a75!important;border-radius:var(--ui-radius-sm);background:#636a75!important;color:#fff!important;font-weight:800;text-decoration:none!important;line-height:1.15;box-shadow:none}
.ui-btn.ui-production-return-button:hover,.ui-btn.ui-production-return-button:focus-visible,.ui-production-return-button:hover,.ui-production-return-button:focus-visible{background:#515862!important;border-color:#515862!important;color:#fff!important;outline:none;box-shadow:var(--ui-focus)}
.ui-auth-section-title{margin:0 0 .35rem;font-size:1rem}.ui-lock-full-login{display:grid;gap:.7rem}.ui-lock-full-login>.ui-help{margin:0 0 .15rem}.ui-btn-small{min-height:2.15rem;padding:.4rem .65rem;font-size:.76rem}
.ui-image-editor-modal-host .ui-modal{width:min(94vw,72rem);max-width:72rem;overflow:hidden}.ui-image-editor-modal-host .ui-modal-body{max-height:calc(100dvh - 8rem);overflow:auto}.ui-image-editor{display:grid;gap:.85rem}.ui-image-editor-toolbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.ui-image-editor-stage-shell{display:grid;place-items:center;overflow:auto;padding:.35rem;border-radius:var(--ui-radius);background:#20252a}.ui-image-editor-stage{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none;user-select:none}.ui-image-editor-stage canvas{display:block;max-width:100%;height:auto;background:#fff}.ui-image-editor-crop{position:absolute;border:2px solid #ef7f26;box-shadow:0 0 0 9999px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.9);cursor:move;touch-action:none}.ui-image-editor-crop::before,.ui-image-editor-crop::after{content:"";position:absolute;pointer-events:none;background:rgba(255,255,255,.55)}.ui-image-editor-crop::before{left:33.333%;top:0;bottom:0;width:1px;box-shadow:calc(33.333% + 1px) 0 0 rgba(255,255,255,.55)}.ui-image-editor-crop::after{top:33.333%;left:0;right:0;height:1px;box-shadow:0 calc(33.333% + 1px) 0 rgba(255,255,255,.55)}.ui-image-editor-handle{position:absolute;width:1.3rem;height:1.3rem;padding:0;border:2px solid #fff;border-radius:50%;background:#ef7f26;box-shadow:0 1px 5px rgba(0,0,0,.35);touch-action:none}.ui-image-editor-handle.is-nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.ui-image-editor-handle.is-ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.ui-image-editor-handle.is-sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.ui-image-editor-handle.is-se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.ui-compliance-upload-item-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.ui-document-meta-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
@media(max-width:699px){.ui-production-return-button{width:100%}.ui-image-editor-modal-host .ui-modal-backdrop{padding:.35rem}.ui-image-editor-modal-host .ui-modal{max-height:calc(100dvh - .7rem)}.ui-image-editor-modal-host .ui-modal-body{max-height:calc(100dvh - 5rem)}.ui-image-editor-toolbar{display:grid;grid-template-columns:1fr 1fr}.ui-image-editor-toolbar .ui-btn:last-child{grid-column:1/-1}.ui-image-editor-handle{width:1.55rem;height:1.55rem}}

.ui-document-preview-stack{position:relative;display:inline-flex;align-items:flex-start}.ui-document-archive-badge{position:absolute;right:.35rem;top:.35rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-width:2rem;height:1.75rem;padding:0 .42rem;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:#ef7f26;color:#fff;font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.22);cursor:pointer}.ui-document-archive-badge-icon{width:.9rem;height:.9rem;flex:0 0 auto}.ui-document-archive-badge:hover,.ui-document-archive-badge:focus-visible{background:#d96d17}.ui-document-archive-list{display:grid;gap:.8rem}.ui-document-archive-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface)}
@media(max-width:699px){.ui-document-archive-item{grid-template-columns:1fr;justify-items:start}.ui-document-archive-item .ui-icon-btn{margin-top:.25rem}}

/* 26.9.4.12 – unified direct image editing and archive viewer */
.ui-document-preview-button{appearance:none;border:0;padding:0;margin:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.ui-document-preview-button:focus-visible{outline:none;box-shadow:var(--ui-focus)}.ui-document-image-viewer-modal .ui-modal{width:min(96vw,82rem);max-width:82rem;overflow:hidden}.ui-document-image-viewer-modal .ui-modal-body{max-height:calc(100dvh - 7rem);overflow:auto}.ui-document-image-viewer{display:grid;gap:.9rem}.ui-document-image-viewer-preview{min-height:18rem;display:grid;place-items:center;padding:.5rem;border-radius:var(--ui-radius);background:#20252a}.ui-document-image-viewer-preview img{display:block;max-width:100%;max-height:calc(100dvh - 15rem);width:auto;height:auto;object-fit:contain}.ui-document-image-inline-editor .ui-image-editor-stage-shell{min-height:18rem}.ui-document-image-inline-editor .ui-image-editor-stage canvas{max-height:calc(100dvh - 20rem);width:auto}.ui-document-image-viewer-actions{margin-left:auto}.ui-document-image-revision-choice{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-muted)}.ui-document-image-revision-choice h3,.ui-document-image-revision-choice p{margin:0}.ui-document-image-revision-actions{display:flex;gap:.65rem;flex-wrap:wrap}.ui-document-detail-preview-stack{display:block;width:100%}.ui-document-detail-preview-stack .ui-document-detail-preview{width:100%}.ui-tool-detail-media-button{appearance:none;border:0;padding:0;margin:0;width:100%;height:100%;background:transparent;cursor:pointer}.ui-tool-detail-media-button img{display:block;width:100%;height:100%;object-fit:contain}.ui-tool-image-preview-stack{display:block}.ui-tool-image-preview-stack>.ui-compliance-proof-preview{width:100%}.ui-compliance-existing-image-stack,.ui-compliance-saved-preview-stack{display:block;max-width:100%}.ui-compliance-existing-image-button{width:100%}.ui-compliance-existing-image-button img{display:block;width:100%;height:auto}.ui-media-lightbox-modal .ui-modal{width:min(96vw,82rem);max-width:82rem}.ui-media-lightbox-stage img{max-height:calc(100dvh - 15rem)}
@media(max-width:699px){.ui-document-image-viewer-modal .ui-modal-backdrop{padding:.35rem}.ui-document-image-viewer-modal .ui-modal{max-height:calc(100dvh - .7rem)}.ui-document-image-viewer-preview{min-height:12rem}.ui-document-image-viewer-preview img{max-height:calc(100dvh - 18rem)}.ui-document-image-revision-actions{display:grid;grid-template-columns:1fr}.ui-document-image-revision-actions .ui-btn{width:100%}.ui-document-image-viewer-actions{width:100%;display:grid;grid-template-columns:1fr}.ui-document-image-viewer-actions .ui-btn{width:100%}}

.ui-document-image-inline-editor .ui-image-editor-stage-shell{overflow:hidden}.ui-document-image-inline-editor .ui-image-editor-stage{max-width:100%;max-height:calc(100dvh - 20rem)}.ui-document-image-inline-editor .ui-image-editor-stage canvas{max-width:100%;max-height:calc(100dvh - 20rem);width:auto;height:auto}

/* 26.9.4.18 – compliance evidence immediate review, retake and visual-viewport mobile sizing */
:root{--ui-visual-viewport-height:100dvh;--ui-visual-viewport-offset-top:0px}
.ui-compliance-saved-document-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}
.ui-compliance-existing-side-chip{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;padding:.55rem .65rem;border:1px solid var(--ui-border);border-radius:.65rem;background:var(--ui-surface-soft)}
.ui-compliance-existing-side-chip>span{color:var(--ui-success);font-size:.78rem;font-weight:750}
.ui-compliance-existing-side-chip form{margin:0}
.ui-auth-body-task{min-height:var(--ui-visual-viewport-height,100dvh)}
@media(max-width:699px){
    .ui-auth-body-task{min-height:var(--ui-visual-viewport-height,100dvh);padding:max(.5rem,env(safe-area-inset-top)) .65rem max(.65rem,env(safe-area-inset-bottom));align-items:start}
    .ui-auth-body-task .ui-auth-shell{width:100%;gap:.45rem}
    .ui-auth-body-task .ui-auth-brand{padding:.1rem .35rem}
    .ui-auth-body-task .ui-auth-brand img{height:clamp(2.5rem,8vh,3.5rem)}
    .ui-auth-body-task .ui-auth-card-task{padding:.8rem;min-height:0}
    .ui-auth-body-task .ui-compliance-guest-head{margin-bottom:.5rem}
    .ui-auth-body-task .ui-compliance-wizard-progress{margin-bottom:.1rem}
    .ui-auth-body-task .ui-compliance-wizard-screen{min-height:0;padding:.65rem 0;justify-content:flex-start;gap:.75rem}
    .ui-auth-body-task .ui-compliance-wizard-screen-document{width:100%;min-height:0}
    .ui-auth-body-task .ui-compliance-wizard-screen-document .ui-compliance-evidence-upload{max-width:none;gap:.65rem}
    .ui-auth-body-task .ui-compliance-upload-preview{min-height:11rem;height:clamp(11rem,calc(var(--ui-visual-viewport-height,100dvh) - 29rem),28rem)}
    .ui-auth-body-task .ui-compliance-upload-preview img{max-height:none;height:100%;object-fit:contain}
    .ui-auth-body-task .ui-compliance-capture-inline-preview img{max-height:clamp(12rem,calc(var(--ui-visual-viewport-height,100dvh) - 28rem),28rem)}
    .ui-auth-body-task .ui-compliance-existing-side img,.ui-auth-body-task .ui-compliance-saved-preview{max-height:clamp(13rem,calc(var(--ui-visual-viewport-height,100dvh) - 24rem),32rem)}
    .ui-auth-body-task .ui-compliance-nav-actions{margin-top:.1rem}
    .ui-compliance-saved-document-actions,.ui-compliance-saved-document-actions .ui-btn{width:100%}
    .ui-compliance-existing-side-chip{align-items:stretch;display:grid;grid-template-columns:1fr}
    .ui-compliance-existing-side-chip form,.ui-compliance-existing-side-chip .ui-btn{width:100%}

    .ui-image-editor-modal-host .ui-modal-backdrop{padding:.35rem;align-items:center}
    .ui-image-editor-modal-host .ui-modal{max-height:calc(var(--ui-visual-viewport-height,100dvh) - .7rem)}
    .ui-image-editor-modal-host .ui-modal-body{max-height:calc(var(--ui-visual-viewport-height,100dvh) - 5rem);overflow:auto}
    .ui-image-editor-modal-host .ui-image-editor-stage-shell{min-height:clamp(12rem,calc(var(--ui-visual-viewport-height,100dvh) - 18rem),38rem);max-height:clamp(12rem,calc(var(--ui-visual-viewport-height,100dvh) - 18rem),38rem)}
    .ui-image-editor-modal-host .ui-image-editor-stage{max-height:100%;max-width:100%}
    .ui-image-editor-modal-host .ui-image-editor-stage canvas{max-height:clamp(11rem,calc(var(--ui-visual-viewport-height,100dvh) - 19rem),37rem);max-width:100%;width:auto;height:auto}
    .ui-document-image-viewer-modal .ui-modal{max-height:calc(var(--ui-visual-viewport-height,100dvh) - .7rem)}
    .ui-document-image-viewer-modal .ui-modal-body{max-height:calc(var(--ui-visual-viewport-height,100dvh) - 5rem)}
    .ui-document-image-viewer-preview img{max-height:calc(var(--ui-visual-viewport-height,100dvh) - 16rem)}
}

/* 26.9.4.20 – personal development/support mode and topbar user switcher */
.ui-account-side-stack{display:grid;gap:1rem;align-content:start}
.ui-development-switcher{position:relative;flex:0 1 20rem;width:min(20rem,28vw);min-width:13rem;z-index:calc(var(--ui-z-dropdown) + 1)}
.ui-development-switcher-control{position:relative;display:flex;align-items:center}
.ui-development-switcher-input{width:100%;min-height:2.55rem;padding-right:3rem;border-radius:999px;background:#fff}
.ui-development-status-button{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;cursor:pointer}
.ui-development-status-button:hover{background:var(--ui-danger-soft)}
.ui-development-status-button:focus-visible{outline:none;box-shadow:var(--ui-focus);background:var(--ui-danger-soft)}
.ui-development-status-dot{width:.65rem;height:.65rem;border-radius:999px;background:#c62828;box-shadow:0 0 0 0 rgba(198,40,40,.38);animation:ui-development-pulse 1.7s ease-out infinite;display:inline-block;flex:0 0 auto}
.ui-development-status-dot.is-static{animation:none}
@keyframes ui-development-pulse{0%{box-shadow:0 0 0 0 rgba(198,40,40,.38)}70%{box-shadow:0 0 0 .55rem rgba(198,40,40,0)}100%{box-shadow:0 0 0 0 rgba(198,40,40,0)}}
@media(prefers-reduced-motion:reduce){.ui-development-status-dot{animation:none}}
.ui-development-switcher-menu,.ui-development-status-menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:var(--ui-z-dropdown);width:min(24rem,calc(100vw - 2rem));max-height:min(24rem,60vh);overflow:auto;overscroll-behavior:contain;padding:.35rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;box-shadow:var(--ui-shadow)}
.ui-development-status-menu{width:max-content;min-width:14rem;overflow:visible}
.ui-development-switcher-heading{padding:.45rem .6rem .35rem;color:var(--ui-text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.ui-development-switcher-state{padding:.8rem .65rem;color:var(--ui-text-muted);font-size:.84rem}
.ui-development-user-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:3.3rem;text-align:left}
.ui-development-user-option.is-active{background:var(--ui-brand-soft)}
.ui-development-user-option.is-current{background:var(--ui-surface-muted)}
.ui-development-user-copy{min-width:0;display:grid;gap:.15rem}
.ui-development-user-copy strong,.ui-development-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-development-user-copy small{color:var(--ui-text-muted);font-size:.74rem;font-weight:500}
.ui-development-user-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;flex:0 0 auto}
.ui-mini-badge{display:inline-flex;align-items:center;min-height:1.45rem;padding:.1rem .4rem;border:1px solid var(--ui-border);border-radius:999px;background:#fff;color:var(--ui-text-muted);font-size:.66rem;font-weight:800;white-space:nowrap}
.ui-development-switcher-error{position:absolute;right:0;top:calc(100% + .35rem);z-index:calc(var(--ui-z-dropdown) + 1);max-width:min(24rem,calc(100vw - 2rem));padding:.45rem .6rem;border:1px solid #f1b5b0;border-radius:.55rem;background:var(--ui-danger-soft);color:var(--ui-danger);font-size:.76rem;box-shadow:var(--ui-shadow)}
@media(max-width:1199px){.ui-development-switcher{width:min(16rem,25vw);min-width:11rem}.ui-development-user-badges .ui-mini-badge:not(:last-child){display:none}}
@media(max-width:767px){
    .ui-topbar.has-development-mode{flex-wrap:wrap;gap:.55rem;padding-block:.65rem}
    .ui-topbar.has-development-mode>.ui-nav-toggle{order:1}
    .ui-topbar.has-development-mode>.ui-topbar-actions{order:2;margin-left:auto}
    .ui-topbar.has-development-mode>.ui-development-switcher{order:3;flex:1 0 100%;width:100%;min-width:0}
    .ui-development-switcher-input{min-height:2.8rem}
    .ui-development-switcher-menu,.ui-development-status-menu{left:0;right:0;width:100%;max-width:100%;max-height:min(22rem,55vh)}
    .ui-development-status-menu{left:auto;width:min(18rem,100%)}
    .ui-development-user-option{min-height:3.65rem}
    .ui-development-user-badges .ui-mini-badge{display:inline-flex}
}

/* 26.9.7.2 – immediate compliance photo review + upload */
.ui-compliance-instant-upload-status{width:100%;display:grid;gap:.55rem;padding:.7rem .8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-soft);text-align:left}
.ui-compliance-instant-upload-progress{display:grid;gap:.5rem}
.ui-compliance-instant-upload-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--ui-text);font-size:.82rem;font-weight:750}
.ui-compliance-upload-progress-track{height:.5rem;overflow:hidden;border-radius:999px;background:#e4e8ec}
.ui-compliance-upload-progress-track>i{display:block;height:100%;border-radius:inherit;background:var(--ui-accent);transition:width .12s linear}
.ui-compliance-side-grid-partial{margin-bottom:.9rem}
.ui-compliance-existing-side-saved{border-color:#a9d7b5;background:#f2fbf4}
.ui-compliance-saved-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;flex-wrap:wrap}
.ui-compliance-saved-side-head>strong{color:var(--ui-success)}
.ui-compliance-saved-side-head>span{color:var(--ui-success);font-size:.74rem;font-weight:750}
.ui-compliance-existing-side-saved .ui-compliance-existing-image-button{display:block;width:100%;overflow:hidden;border:1px solid var(--ui-border);border-radius:.65rem;background:#fff}
.ui-compliance-existing-side-saved .ui-compliance-existing-image-button img{display:block;width:100%;max-height:22rem;object-fit:contain;background:#fff}
.ui-compliance-evidence-upload [x-cloak]{display:none!important}
@media(max-width:699px){
    .ui-compliance-instant-upload-status{padding:.65rem}
    .ui-compliance-side-grid-partial{gap:.7rem;margin-bottom:.7rem}
    .ui-compliance-existing-side-saved .ui-compliance-existing-image-button img{max-height:clamp(14rem,calc(var(--ui-visual-viewport-height,100dvh) - 24rem),32rem)}
}

/* 26.9.7.3: sequential compliance photo capture/upload flow */
.ui-compliance-capture-sequence{display:grid;gap:1rem;width:100%}
.ui-compliance-capture-slot-primary{display:grid;gap:.75rem}
.ui-compliance-capture-step-state{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface-soft);text-align:left}
.ui-compliance-capture-step-state>div{display:grid;gap:.15rem;min-width:0}
.ui-compliance-capture-step-state strong{font-size:.9rem;color:var(--ui-text)}
.ui-compliance-capture-step-state span:not(.ui-compliance-capture-step-badge){font-size:.78rem;color:var(--ui-muted);line-height:1.35}
.ui-compliance-capture-step-badge{display:inline-grid;place-items:center;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border-radius:999px;background:var(--ui-text-muted,#66717e);color:#fff;font-size:.78rem;font-weight:800}
.ui-compliance-capture-step-badge.is-complete{background:var(--ui-success,#1f8a52)}
.ui-compliance-capture-button.is-uploading{cursor:progress;opacity:.85}
.ui-compliance-capture-divider{display:flex;align-items:center;gap:.7rem;color:var(--ui-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ui-compliance-capture-divider::before,.ui-compliance-capture-divider::after{content:"";height:1px;flex:1;background:var(--ui-border)}
.ui-compliance-capture-slot-file{display:grid;gap:.7rem}
@media(max-width:699px){.ui-compliance-capture-sequence{gap:.8rem}.ui-compliance-capture-step-state{padding:.65rem .7rem}.ui-compliance-capture-inline-preview{scroll-margin-top:1rem}}

/* Compliance Capture V2: deterministic one-slot/one-request evidence flow. */
.ui-compliance-capture-v2{display:grid;gap:16px;min-width:0}
.ui-compliance-capture-v2-slots{display:grid;gap:14px;min-width:0}
.ui-compliance-capture-v2-card{display:grid;gap:12px;min-width:0;border:1px solid var(--ui-border,#d8dde4);border-radius:14px;padding:14px;background:var(--ui-surface,#fff)}
.ui-compliance-capture-v2-card.is-current{border-color:color-mix(in srgb,var(--ui-accent,#ef7f26) 42%,var(--ui-border,#d8dde4));background:color-mix(in srgb,var(--ui-accent,#ef7f26) 3%,#fff)}
.ui-compliance-capture-v2-card-head{display:flex;align-items:flex-start;gap:10px;min-width:0}
.ui-compliance-capture-v2-card-head>div{display:grid;gap:3px;min-width:0}
.ui-compliance-capture-v2-card-head strong{font-size:1rem;line-height:1.25}
.ui-compliance-capture-v2-card-head span:not(.ui-compliance-capture-step-badge){font-size:.9rem;color:var(--ui-text-muted,#69727d);line-height:1.35}
.ui-compliance-capture-v2-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ui-compliance-capture-v2-actions .ui-compliance-capture-button{min-height:52px;justify-content:center;position:relative;overflow:hidden}
.ui-compliance-capture-v2-pending{display:grid;grid-template-columns:minmax(110px,180px) minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--ui-border,#d8dde4);border-radius:12px;background:#fff}
.ui-compliance-capture-v2-pending-preview{display:flex;align-items:center;justify-content:center;min-height:100px;max-height:180px;border-radius:10px;overflow:hidden;background:var(--ui-surface-muted,#f5f6f8)}
.ui-compliance-capture-v2-pending-preview img{display:block;width:100%;height:100%;max-height:180px;object-fit:contain}
.ui-compliance-capture-v2-pending-meta{display:grid;gap:7px;min-width:0}
.ui-compliance-capture-v2-pending-meta>span{overflow-wrap:anywhere;color:var(--ui-text-muted,#69727d)}
.ui-compliance-capture-v2-file-name{font-size:.9rem;color:var(--ui-text-muted,#69727d);overflow-wrap:anywhere}
.ui-compliance-capture-v2-card.is-saved .ui-compliance-existing-image-button{width:100%;max-height:min(48vh,520px);background:var(--ui-surface-muted,#f5f6f8)}
.ui-compliance-capture-v2-card.is-saved .ui-compliance-existing-image-button img{width:100%;height:auto;max-height:min(48vh,520px);object-fit:contain}
.ui-compliance-capture-v2-pdf{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--ui-border,#d8dde4);border-radius:10px;text-decoration:none;color:inherit;background:var(--ui-surface-muted,#f5f6f8)}
.ui-compliance-capture-v2 .ui-compliance-instant-upload-status{margin:0}

@media (max-width:699px){
  .ui-compliance-capture-v2{gap:12px}
  .ui-compliance-capture-v2-card{padding:12px;border-radius:12px}
  .ui-compliance-capture-v2-actions{grid-template-columns:1fr;gap:9px}
  .ui-compliance-capture-v2-actions .ui-compliance-capture-button{min-height:52px}
  .ui-compliance-capture-v2-pending{grid-template-columns:1fr;padding:9px}
  .ui-compliance-capture-v2-pending-preview{min-height:120px;max-height:calc(var(--ui-visual-viewport-height,100dvh) * .34)}
  .ui-compliance-capture-v2-pending-preview img{max-height:calc(var(--ui-visual-viewport-height,100dvh) * .34)}
  .ui-compliance-capture-v2-card.is-saved .ui-compliance-existing-image-button,
  .ui-compliance-capture-v2-card.is-saved .ui-compliance-existing-image-button img{max-height:calc(var(--ui-visual-viewport-height,100dvh) * .52)}
}

/* Compliance Capture V3: deterministic inline camera/file workflow. */
.ui-compliance-capture-v3{display:grid;gap:16px;min-width:0}
.ui-compliance-capture-v3-slots{display:grid;gap:14px;min-width:0}
.ui-compliance-capture-v3-card{display:grid;gap:12px;min-width:0;border:1px solid var(--ui-border,#d8dde4);border-radius:14px;padding:14px;background:var(--ui-surface,#fff)}
.ui-compliance-capture-v3-card.is-current{border-color:color-mix(in srgb,var(--ui-accent,#ef7f26) 42%,var(--ui-border,#d8dde4));background:color-mix(in srgb,var(--ui-accent,#ef7f26) 3%,#fff)}
.ui-compliance-capture-v3-card-head{display:flex;align-items:flex-start;gap:10px;min-width:0}
.ui-compliance-capture-v3-card-head>div{display:grid;gap:3px;min-width:0}
.ui-compliance-capture-v3-card-head strong{font-size:1rem;line-height:1.25}
.ui-compliance-capture-v3-card-head span:not(.ui-compliance-capture-step-badge){font-size:.9rem;color:var(--ui-text-muted,#69727d);line-height:1.35}
.ui-compliance-capture-v3-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ui-compliance-capture-v3-actions .ui-compliance-capture-button{min-height:52px;justify-content:center;position:relative;overflow:hidden}
.ui-compliance-capture-v3-editor{display:grid;gap:12px;min-width:0}
.ui-compliance-capture-v3-editor[hidden],.ui-compliance-capture-v3 [hidden]{display:none!important}
.ui-compliance-capture-v3-editor-head{display:grid;gap:3px;min-width:0}
.ui-compliance-capture-v3-editor-head strong{overflow-wrap:anywhere}
.ui-compliance-capture-v3-editor-head span{font-size:.9rem;color:var(--ui-text-muted,#69727d);line-height:1.35}
.ui-compliance-capture-v3-stage-shell{max-height:min(62dvh,720px);overflow:auto;border-radius:12px;background:var(--ui-surface-muted,#f5f6f8)}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-stage{margin:0 auto;max-width:100%}
.ui-compliance-capture-v3-stage-shell canvas{display:block;max-width:100%;height:auto}
.ui-compliance-capture-v3-editor-actions{position:sticky;bottom:0;z-index:2;padding-top:8px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--ui-surface,#fff) 26%)}
.ui-compliance-capture-v3-file-name{font-size:.9rem;color:var(--ui-text-muted,#69727d);overflow-wrap:anywhere}
.ui-compliance-capture-v3-pdf{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--ui-border,#d8dde4);border-radius:10px;text-decoration:none;color:inherit;background:var(--ui-surface-muted,#f5f6f8)}
.ui-compliance-capture-v3-card.is-saved .ui-compliance-existing-image-button{width:100%;max-height:min(48vh,520px);background:var(--ui-surface-muted,#f5f6f8)}
.ui-compliance-capture-v3-card.is-saved .ui-compliance-existing-image-button img{width:100%;height:auto;max-height:min(48vh,520px);object-fit:contain}
.ui-compliance-capture-v3 .ui-compliance-instant-upload-status{margin:0}
.ui-compliance-capture-v3 .ui-success-text{padding:10px 12px;border-radius:10px;background:#edf8f0;color:#1f6b36;font-weight:700}
@media (max-width:699px){
  .ui-compliance-capture-v3{gap:12px}
  .ui-compliance-capture-v3-card{padding:12px;border-radius:12px}
  .ui-compliance-capture-v3-actions{grid-template-columns:1fr;gap:9px}
  .ui-compliance-capture-v3-actions .ui-compliance-capture-button{min-height:52px}
  .ui-compliance-capture-v3-stage-shell{max-height:calc(var(--ui-visual-viewport-height,100dvh) * .58)}
  .ui-compliance-capture-v3-editor-actions{grid-template-columns:1fr}
  .ui-compliance-capture-v3-card.is-saved .ui-compliance-existing-image-button,
  .ui-compliance-capture-v3-card.is-saved .ui-compliance-existing-image-button img{max-height:calc(var(--ui-visual-viewport-height,100dvh) * .52)}
}

/* Compliance PDF evidence package (26.9.7.6) */
.ui-compliance-pdf-assignment-card{gap:1rem}.ui-compliance-pdf-assignment-preview{width:100%;min-height:clamp(18rem,52dvh,42rem);border:1px solid var(--ui-border,#d8dde4);border-radius:.8rem;overflow:hidden;background:#fff}.ui-compliance-pdf-assignment-preview iframe{display:block;width:100%;height:clamp(18rem,52dvh,42rem);border:0;background:#fff}.ui-compliance-pdf-choice-grid{display:grid;gap:.65rem;border:0;padding:0;margin:0}.ui-compliance-pdf-choice-grid legend{font-weight:700;margin-bottom:.2rem}.ui-compliance-pdf-choice{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;border:1px solid var(--ui-border,#d8dde4);border-radius:.75rem;background:var(--ui-surface,#fff);cursor:pointer}.ui-compliance-pdf-choice:has(input:checked){border-color:currentColor;box-shadow:0 0 0 1px currentColor inset}.ui-compliance-pdf-choice input{margin-top:.2rem;flex:0 0 auto}.ui-compliance-pdf-choice span{display:grid;gap:.15rem}.ui-compliance-pdf-choice small{font-size:.86rem;line-height:1.35;color:var(--ui-muted,#667085)}.ui-compliance-pdf-page-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ui-compliance-pdf-page-fields .ui-help{grid-column:1/-1;margin:0}.ui-compliance-pdf-coverage-summary{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.86rem;color:var(--ui-muted,#667085)}.ui-compliance-pdf-alternative-help{margin:.15rem 0 0}
@media (max-width:640px){.ui-compliance-pdf-assignment-preview,.ui-compliance-pdf-assignment-preview iframe{min-height:42dvh;height:42dvh}.ui-compliance-pdf-page-fields{grid-template-columns:1fr}.ui-compliance-pdf-page-fields .ui-help{grid-column:auto}.ui-compliance-pdf-choice{padding:.72rem .78rem}.ui-compliance-pdf-assignment-form .ui-btn-primary{width:100%}}

/* 26.9.7.7 – PDF-Zuordnung bleibt im Wizard; echte PDF-Vorschau in der Zusammenfassung */
.ui-compliance-capture-v3-pdf{width:100%;font:inherit;text-align:left;cursor:pointer}
.ui-compliance-capture-v3-pdf:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 35%,transparent);outline-offset:2px}
.ui-compliance-summary-document.is-pdf{grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);align-items:start}
.ui-compliance-summary-pdf-preview{display:grid;gap:.45rem;min-width:0}
.ui-compliance-summary-pdf-preview iframe{display:block;width:100%;height:14rem;border:1px solid var(--ui-border,#d8dde4);border-radius:.55rem;background:#fff}
.ui-compliance-summary-pdf-preview .ui-compliance-summary-pdf-open{width:100%;justify-content:center;cursor:pointer}
@media(max-width:699px){.ui-compliance-summary-document.is-pdf{grid-template-columns:1fr}.ui-compliance-summary-pdf-preview iframe{height:min(50dvh,24rem);min-height:16rem}}

/* Compliance recipient and personal link dialog: no overflowing errors or URLs. */
.ui-compliance-recipient{grid-template-columns:minmax(8rem,.45fr) minmax(0,1fr)}
.ui-compliance-recipient dt,.ui-compliance-recipient dd{min-width:0;overflow-wrap:anywhere}
.ui-compliance-recipient dd .ui-flash{display:block;max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
.ui-compliance-copy-dialog{min-width:0;display:grid;gap:.65rem}
.ui-compliance-link-text{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-all;resize:vertical;font-size:.84rem}
.ui-compliance-copy-dialog .ui-btn{justify-self:start}
@media(max-width:767px){.ui-compliance-recipient{grid-template-columns:minmax(0,1fr)}.ui-compliance-copy-dialog .ui-btn{width:100%}}

/* 26.10.22.7: Document-capture crop must fit its ENTIRE image before any zoom. */
.ui-compliance-capture-v3-stage-shell{display:block;height:clamp(230px,50dvh,560px);max-height:none;overflow:auto;overscroll-behavior:contain;padding:8px;touch-action:pan-x pan-y}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-stage{display:block;max-width:none!important;max-height:none!important;margin:0 auto;line-height:0;touch-action:none}
.ui-compliance-capture-v3-stage-shell canvas{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-handle{height:48px;width:48px;border:0;background:transparent;box-shadow:none;display:grid;place-items:center;cursor:grab;z-index:2}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-handle::after{content:"";display:block;width:18px;height:18px;background:#ef7f26;border:2px solid white;border-radius:50%;box-shadow:0 1px 5px rgba(0,0,0,.45)}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-handle.is-nw{left:0;top:0;transform:translate(0,0)}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-handle.is-ne{right:0;top:0;transform:translate(0,0)}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-handle.is-sw{left:0;bottom:0;transform:translate(0,0)}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-handle.is-se{right:0;bottom:0;transform:translate(0,0)}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-handle:focus-visible{outline:3px solid #1454a0;outline-offset:-3px;border-radius:8px}
.ui-compliance-capture-zoom-label{font-weight:650;min-width:3.5rem;text-align:center;align-content:center}
.ui-compliance-optout-choice{display:grid;gap:12px;padding:16px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-muted,#f7f8fa)}
.ui-compliance-optout-choice h3,.ui-compliance-optout-choice p{margin:0}
@media(max-width:699px){.ui-compliance-capture-v3-stage-shell{height:clamp(220px,44dvh,440px)}.ui-compliance-capture-v3 .ui-image-editor-toolbar{display:flex;flex-wrap:wrap}.ui-compliance-capture-v3 .ui-image-editor-toolbar .ui-btn:last-child{grid-column:auto}}

/* 26.10.22.8 – only actual image height is painted; scroll inside the editor only when zoomed. */
.ui-compliance-capture-v3-stage-shell{height:auto!important;min-height:0!important;max-height:min(54dvh,560px)!important;overflow:auto;box-sizing:border-box}
.ui-compliance-capture-v3-stage-shell .ui-image-editor-stage{flex:none}
@media(max-width:699px){.ui-compliance-capture-v3-stage-shell{max-height:46dvh!important}}

.ui-compliance-combined-photo-choice{margin:.75rem 0;padding:.9rem;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-muted)}
.ui-compliance-combined-photo-choice p{margin:0}.ui-compliance-combined-photo-choice .ui-btn{justify-self:start}
@media(max-width:699px){.ui-compliance-combined-photo-choice .ui-btn{width:100%}}