:root {
  --bg: #eaf1fa; --surface: rgb(255 255 255 / 94%); --surface-subtle: rgb(244 247 252 / 97%); --line: #cdd8e6;
  --text: #22364d; --muted: #43566d; --accent: #285b9e;
  --accent-hover: #204a83; --accent-soft: #e5eefc; --success: #287351; --success-soft: #e9f4ed;
  --warning: #8b6018; --warning-soft: #fff4d9; --danger: #b13737; --danger-soft: #fceeee;
  --info: #38639a; --info-soft: #edf3fc;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;
  --text-base: 14px; --text-title: 27px;
  --radius: 7px; --radius-panel: 12px; --shadow: 0 3px 16px #162b450c;
  --workspace-surface: rgb(255 255 255 / 92%); --data-surface: rgb(255 255 255 / 98%);
  --shell-surface: rgb(20 30 55 / 16%); --topbar-surface: rgb(20 30 55 / 11%);
  --shell-blur: 6px; --shell-saturation: 110%; --shell-ink: rgb(255 255 255 / 96%); --shell-muted: rgb(255 255 255 / 80%); --shell-disabled-ink: rgb(255 255 255 / 88%);
  --shell-active-ink: #ffffff; --shell-accent: #8ec5ff; --shell-edge: rgb(255 255 255 / 18%);
  --shell-text-shadow: 0 1px 2px rgb(10 20 35 / 55%), 0 0 8px rgb(10 20 35 / 20%); --shell-icon-shadow: drop-shadow(0 1px 2px rgb(10 20 35 / 55%)) drop-shadow(0 0 8px rgb(10 20 35 / 20%)); --shell-focus: #ffffff;
  --shell-contrast: 92%; --topbar-contrast: 94%;
  --shell-material-filter: blur(var(--shell-blur)) saturate(var(--shell-saturation)) contrast(var(--shell-contrast)); --shell-inner-highlight: rgb(255 255 255 / 8%);
  --control-glass: rgb(255 255 255 / 18%); --control-border: rgb(255 255 255 / 32%);
  --utility-surface: rgb(255 255 255 / 58%);
  --glass-hover: rgb(255 255 255 / 8%); --glass-active: rgb(255 255 255 / 16%);
  --glass-highlight: rgb(255 255 255 / 18%); --local-blur: 16px;
  --control: 36px; --row-height: 58px; --focus: 0 0 0 3px #58a9ec70;
  --dropdown-height:42px; --dropdown-border:rgb(128 151 177 / 72%); --dropdown-border-hover:rgb(79 119 158 / 86%);
  --dropdown-radius:10px; --dropdown-padding-inline:12px; --dropdown-chevron-width:12px; --dropdown-chevron-height:8px; --dropdown-chevron-offset:14px;
  --dropdown-chevron-image:url("./dropdown-chevron.svg"); --editable-control-background:#fff;
  --sidebar-width: 232px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--text-base); color: var(--text); background: var(--bg);
}
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.5; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .5; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #348bcc; outline-offset: 3px; box-shadow: var(--focus); }
h1,h2,h3,p { margin: 0; }
h1 { font-size: var(--text-title); letter-spacing: -.7px; font-weight: 600; line-height: 1.3; }
h2 { font-size: var(--text-base); font-weight: 600; }
h3 { font-size: var(--text-base); font-weight: 500; }
.icon { width: 20px; height: 20px; flex: 0 0 20px; }
.workspace { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
.sidebar { position:sticky; top:0; height:100vh; padding:0 var(--s3); display:flex; flex-direction:column; z-index:30; overflow-y:auto; }
.brand { display:flex; align-items:center; gap:var(--s3); padding:18px var(--s3); min-height:76px; font-size:26px; font-weight:600; letter-spacing:-.5px; }
.brand-mark { background:#e5eefc; color:var(--accent); width:33px; height:33px; line-height:28px; border-radius:7px; display:inline-flex; align-items:center; justify-content:center; font-size:30px; text-align:center; flex-shrink:0; position:relative; }
.brand-mark span { font-size: 20px; position: absolute; right: 3px; top: 2px; }
.brand-logo-image { display:block; width:112px; max-height:40px; object-fit:contain; object-position:left center; }
.brand-word { display:flex; flex-direction:column; gap:0; align-items:baseline; }
.brand-caption { font-size:7px; letter-spacing:1px; color:var(--shell-muted); font-weight:500; }
.workspace-label { display: flex; align-items: center; gap: 10px; border: 1px solid var(--shell-edge); border-radius: var(--radius); margin: var(--s1) 0 var(--s8); padding: var(--s3); }
.workspace-label strong { font-size: 12px; font-weight: 500; display: block; }
.workspace-label small { color:var(--shell-muted); font-size:10px; display:block; }
.organization-copy { min-width:0; flex:1; }
.organization-copy strong,.organization-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.organization-copy>label,.organization-switcher>label { display:block; color:var(--shell-muted); font-size:9px; letter-spacing:.7px; margin-bottom:3px; }
.organization-copy>select option,.organization-switcher select option { color:var(--text); background:white; }
.organization-switcher>div { display:flex; gap:4px; min-width:0; }
.organization-switcher select { flex:1; min-width:0; }
.organization-switcher button { min-height:27px; border:1px solid var(--shell-edge); border-radius:var(--radius); background:var(--control-glass); color:var(--shell-ink); padding:3px 6px; font-size:9px; text-shadow:var(--shell-text-shadow); }
.organization-switcher button:hover { background:var(--glass-active); }
.nav-heading { font-size:9px; letter-spacing:1.5px; color:var(--shell-muted); padding:0 var(--s3) var(--s2); }
.nav-link { display: flex; align-items: center; gap: var(--s3); min-height: 42px; padding: 0 var(--s3); margin: 3px 0; font-size: 13px; background: none; color: var(--text); width: 100%; border-radius: 12px; text-align: left; position:relative; border:1px solid transparent; }
a.nav-link:hover, button.nav-link:hover { background:var(--glass-hover); color:var(--shell-ink); }
.nav-link.is-active { color:var(--shell-active-ink); background:var(--glass-active); border-color:rgb(255 255 255 / 25%); box-shadow:inset 0 1px 0 var(--glass-highlight), 0 2px 8px #10253b0a; -webkit-backdrop-filter:blur(var(--local-blur)); backdrop-filter:blur(var(--local-blur)); }
.nav-link.is-active:hover { background:rgb(255 255 255 / 16%); }
.nav-link.is-active::before { content:""; position:absolute; left:3px; top:14px; bottom:14px; width:2px; border-radius:2px; background:var(--shell-accent); }
.nav-link.is-active .icon { color: currentColor; }
.sidebar-subnav { display:grid; gap:2px; margin:-1px 4px 8px 38px; padding:3px 0 3px 10px; border-left:1px solid rgb(255 255 255 / 28%); }
.sidebar-subnav a { min-height:29px; display:flex; align-items:center; padding:5px 8px; border-radius:7px; color:var(--shell-muted); font-size:10px; line-height:1.25; }
.sidebar-subnav a:hover { background:var(--glass-hover); color:var(--shell-ink); }
.sidebar-subnav a[aria-current="page"] { background:var(--glass-active); color:var(--shell-active-ink); box-shadow:inset 0 1px 0 var(--glass-highlight); font-weight:650; }
.nav-divider { height: 1px; background:var(--shell-edge); margin:var(--s6) var(--s3); }
.is-disabled { cursor:default; }
.soon { font-size: 9px; margin-left: var(--s2); border: 1px solid #ffffff20; padding: 1px 5px; border-radius: 3px; }
.sidebar-bottom { margin-top: auto; padding-top: var(--s8); }
.sidebar-foot { border-top:1px solid #ffffff12; display:flex; align-items:center; gap:var(--s2); padding:var(--s4) var(--s3); color:var(--shell-muted); font-size:10px; }
.sidebar-foot>span:last-child { margin-left: auto; }
.tiny-dot { width: 5px; height: 5px; border-radius: 50%; background: #83ad98; }
.main-shell { min-width: 0; }
.topbar { height:60px; padding:0 24px; background:var(--topbar-surface); border-bottom:1px solid var(--shell-edge); display:flex; align-items:center; justify-content:space-between; gap:var(--s4); }
.breadcrumbs, .topbar-actions { display: flex; align-items: center; gap: var(--s4); font-size: 12px; }
.breadcrumbs>span { color: var(--muted); }
.breadcrumbs strong { font-weight: 500; }
.breadcrumb-separator { color: #adb6bf !important; }
.topbar-actions { gap: var(--s3); }
.session-label { display:none; }
.icon-button { width: var(--control); height: var(--control); border-radius: var(--radius); border: 1px solid transparent; background: transparent; display: inline-flex; justify-content: center; align-items: center; color: var(--muted); }
.icon-button:hover { background: var(--bg); color: var(--text); }
.avatar { background: #e9eef3; color: #4b5b70; border: 2px solid white; box-shadow: 0 0 0 1px var(--line); width: 31px; height: 31px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 10px; font-weight: 600; flex-shrink: 0; }
.account { position: relative; }
.account summary { list-style: none; cursor: pointer; border-radius: 50%; }
.account summary::-webkit-details-marker { display:none; }
.account-menu { position: absolute; right: 0; top: 45px; border: 1px solid var(--line); box-shadow: 0 8px 25px #172b3a18; width: 240px; padding: var(--s4); border-radius: var(--radius); z-index: 40; }
.account-menu p { color: var(--muted); font-size: 12px; margin: 8px 0 12px; }
.preview-bar { min-height: 37px; padding: 5px var(--s8); background:transparent; color:#24364a; border:0; font-size:10px; display:flex; justify-content:space-between; align-items:center; gap:var(--s3); }
.preview-bar strong { font-weight: 600; }
.preview-bar>span,.preview-control { background:var(--utility-surface); border:1px solid rgb(255 255 255 / 42%); border-radius:999px; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.preview-bar>span { padding:4px 9px; }
.preview-control { display:flex; align-items:center; gap:var(--s2); padding:3px 4px 3px 9px; }
main { max-width:1500px; margin:0 auto; padding:24px; }
.page-header { display:flex; justify-content:space-between; align-items:flex-end; gap:var(--s4); min-width:0; margin:0 0 10px; padding:6px 0 0; color:var(--shell-ink); background:transparent; text-shadow:var(--shell-text-shadow); }
.page-header-copy { min-width:0; }
.page-header-title-row { display:flex; align-items:center; gap:7px; min-width:0; }
.page-header-title-row h1 { margin:0; font-size:25px; line-height:1.2; }
.page-header-count { min-width:24px; min-height:24px; display:inline-flex; align-items:center; justify-content:center; padding:3px 7px; border:1px solid rgb(96 126 158 / 22%); border-radius:999px; background:rgb(255 255 255 / 82%); color:#526980; font-size:11px; font-weight:700; text-shadow:none; }
.page-header-kicker { margin-bottom:3px; color:var(--shell-accent); }
.page-header-metadata { color:var(--shell-muted); font-size:11px; font-weight:600; }
.page-header-action { flex:0 0 auto; }
.eyebrow { font-size: 9px; font-weight: 600; letter-spacing: 1.5px; color: var(--accent); margin-bottom: var(--s2); }
.page-header p { max-width:680px; margin:4px 0 0; color:var(--shell-muted); font-size:12px; }
.badge { display: inline-flex; align-items: center; gap: 5px; width: max-content; padding: 3px 7px; border-radius: 4px; font-size: 10px; font-weight: 500; white-space: nowrap; }
.neutral { background: #eff1f4; color: #5e6a78; }
.success { background: var(--success-soft); color: var(--success); }
.warning { background: var(--warning-soft); color: var(--warning); }
.entity-status-badge { padding:4px 8px; border:0; font-weight:700; line-height:1.35; }
.entity-status-draft { background:#526273; color:#fff; }
.entity-status-active { background:#137a43; color:#fff; }
.entity-status-paused { background:#d99a00; color:#2b1a00; }
.danger { background: var(--danger-soft); color: var(--danger); }
.info { background: var(--info-soft); color: var(--info); }
.work-status-badge { min-height:24px; justify-content:center; padding:4px 9px; border:1px solid var(--work-status-border); border-radius:6px; background:var(--work-status-bg); color:var(--work-status-fg); font-size:10px; font-weight:750; line-height:1.25; letter-spacing:.01em; }
.work-status-new { --work-status-border:var(--accent); --work-status-bg:var(--accent); --work-status-fg:#fff; }
.work-status-waiting,.work-status-draft { --work-status-border:var(--accent); --work-status-bg:var(--accent); --work-status-fg:#fff; }
.work-status-in_progress { --work-status-border:var(--accent-hover); --work-status-bg:var(--accent-hover); --work-status-fg:#fff; }
.work-status-needs_clarification { --work-status-border:#d2a52d; --work-status-bg:#f2c14e; --work-status-fg:#3a2900; }
.work-status-completed { --work-status-border:#287351; --work-status-bg:#287351; --work-status-fg:#fff; }
.work-status-partially_completed { --work-status-border:#776421; --work-status-bg:#9b842d; --work-status-fg:#fff; }
.work-status-unsuccessful { --work-status-border:#85502d; --work-status-bg:#9b5c32; --work-status-fg:#fff; }
.work-status-cancelled { --work-status-border:#a63131; --work-status-bg:#b13737; --work-status-fg:#fff; }
.overview-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); margin-bottom: var(--s6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-panel); box-shadow: var(--shadow); }
.overview-item { display: flex; align-items: center; gap: var(--s3); padding: var(--s5); }
.overview-item + .overview-item { border-left: 1px solid var(--line); }
.overview-item:hover { background: var(--surface-subtle); }
.overview-item strong { font-size: 12px; font-weight: 600; display: block; }
.overview-item small { font-size: 11px; color: var(--muted); }
.overview-item>.icon { margin-left: auto; width: 16px; flex-basis:16px; color: #89949e; }
.tile-icon { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:7px; color:var(--accent); background:var(--accent-soft); flex-shrink:0; }
.tile-icon.small { width:29px; height:29px; background:var(--bg); color:var(--muted); }
.dashboard-grid { display:grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); gap:var(--s5); }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-panel); box-shadow:var(--shadow); overflow: clip; }
.panel-heading { padding:var(--s4) var(--s5); display:flex; justify-content:space-between; align-items:center; gap:var(--s3); border-bottom:1px solid var(--line); min-height:68px; }
.caption { font-size:11px; color:var(--muted); }
.text-link { color:var(--muted); font-size:11px; white-space:nowrap; }
.text-link:hover { color:var(--accent); text-decoration:underline; }
.panel-toolbar { display:flex; justify-content:space-between; align-items:center; padding:0 var(--s5); height:41px; border-bottom:1px solid var(--line); background:var(--surface-subtle); }
.tab-label { font-size:11px; color:var(--accent); font-weight:600; line-height:40px; border-bottom:2px solid var(--accent); }
.surface { min-height: 225px; }
.empty-state { min-height:225px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--s2); padding:var(--s6); text-align:center; }
.empty-state p { color:var(--muted); font-size:12px; max-width:290px; }
.empty-state .badge { margin-top:var(--s2); }
.state-symbol { display:grid; place-items:center; width:35px; height:35px; background:var(--bg); color:var(--muted); border-radius:50%; font-size:20px; margin-bottom:var(--s1); }
.page-footer { color:var(--muted); font-size:10px; display:flex; justify-content:space-between; gap:var(--s4); margin-top:var(--s6); padding-top:var(--s4); }
.section-placeholder { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--s4); text-align:center; padding:var(--s8); }
.section-placeholder p { max-width:440px; color:var(--muted); }
.access-denied-layout { min-height:clamp(380px,calc(100vh - 108px),660px); display:grid; place-items:center; padding:clamp(12px,3vw,32px); }
.access-denied-card { width:min(100%,500px); display:flex; flex-direction:column; align-items:center; padding:32px clamp(20px,4vw,42px); border:1px solid rgb(255 255 255 / 68%); border-radius:var(--radius-panel); background:rgb(255 255 255 / 95%); box-shadow:0 16px 44px rgb(21 43 68 / 16%),inset 0 1px 0 rgb(255 255 255 / 72%); text-align:center; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }
.access-denied-icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:16px; border:1px solid rgb(177 55 55 / 18%); border-radius:50%; background:var(--danger-soft); color:var(--danger); }
.access-denied-icon .icon { width:25px; height:25px; flex-basis:25px; }
.access-denied-card h1 { font-size:24px; letter-spacing:-.35px; }
.access-denied-lead { margin-top:10px; color:var(--text); font-size:14px; }
.access-denied-help { max-width:390px; margin-top:7px; color:var(--muted); font-size:12px; line-height:1.55; }
.access-denied-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:24px; }
.access-denied-actions .button { min-width:148px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:var(--s3); border-radius:var(--radius); min-height:var(--control); border:1px solid transparent; padding:7px 13px; font-weight:500; font-size:12px; }
.primary { background:var(--accent); color:white; }
.primary:hover { background:var(--accent-hover); }
.primary:active { background:#193c68; }
.secondary { background:white; border-color:var(--line); color:var(--text); }
.secondary:hover { background:var(--bg); }
.text-button { border:0; background:transparent; color:var(--accent); padding:8px 0; font-size:12px; }
.field { display:flex; flex-direction:column; gap:6px; font-size:12px; font-weight:500; margin-top:var(--s4); }
input,textarea { background:white; border:1px solid #cbd2da; border-radius:var(--radius); color:var(--text); min-height:var(--control); padding:8px 10px; max-width:100%; }
input[aria-invalid="true"] { border-color:var(--danger); }
.error-message { background:var(--danger-soft); color:var(--danger); padding:var(--s3); font-size:12px; margin:var(--s4) 0; border-radius:var(--radius); }
.muted { color:var(--muted); font-size:13px; }
.full { width:100%; }
.mobile-menu { display:none; }
.skip-link { position:fixed; top:8px; left:8px; z-index:100; padding:8px 16px; background:white; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.nav-scrim { position:fixed; inset:0; background:#102c3060; border:0; z-index:25; }
.feedback,.noscript { position:fixed; bottom:20px; left:50%; transform:translateX(-50%); background:var(--text); color:white; padding:var(--s3) var(--s5); border-radius:var(--radius); box-shadow:var(--shadow); z-index:60; max-width:90vw; }
.is-collapsed { --sidebar-width:72px; }
.is-collapsed .sidebar-copy,.is-collapsed .brand-word { display:none; }
.is-collapsed .brand { padding-left:6px; }
.is-collapsed .workspace-label { border:0; padding:8px; }
.is-collapsed .nav-link { justify-content:center; }
.auth-layout { --auth-card-width:436px; --auth-enrollment-width:572px; --auth-input-height:44px; --auth-primary-height:45px; --auth-totp-width:48px; --auth-totp-height:52px; --auth-totp-gap:8px; --auth-totp-row-width:328px; width:100%; max-width:none; min-height:100vh; padding:clamp(20px,4vh,42px) 20px; display:grid; place-items:center; align-content:center; gap:10px; }
.auth-card { width:min(100%,var(--auth-card-width)); padding:24px 28px 21px; border:1px solid rgb(255 255 255 / 64%); border-radius:24px; background:rgb(244 249 255 / 66%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 58%), 0 22px 65px rgb(20 42 72 / 18%); -webkit-backdrop-filter:blur(24px) saturate(108%); backdrop-filter:blur(24px) saturate(108%); }
.auth-layout[data-auth-stage="enrollment"] .auth-card { width:min(100%,var(--auth-enrollment-width)); padding:22px 24px 20px; }
.auth-branding { display:flex; justify-content:center; }
.auth-brand { min-height:0; padding:0; color:#18324a; justify-content:center; }
.auth-brand .brand-mark { width:35px; height:35px; border:1px solid rgb(83 119 157 / 20%); border-radius:10px; background:rgb(255 255 255 / 46%); color:var(--accent); box-shadow:inset 0 1px 0 rgb(255 255 255 / 72%); }
.auth-brand .brand-logo-image { width:auto; max-width:170px; max-height:42px; object-position:center; }
.auth-brand .brand-word { font-size:24px; font-weight:700; letter-spacing:-.6px; }
.auth-heading { margin:18px auto 17px; text-align:center; color:#18324a; }
.auth-heading h1 { font-size:27px; line-height:1.2; letter-spacing:-.8px; }
.auth-heading p { max-width:520px; margin:6px auto 0; color:#40566d; font-size:13px; }
.auth-field { display:block; margin:12px 0 6px; color:#263f59; font-size:12px; font-weight:600; }
.auth-card input { width:100%; min-height:var(--auth-input-height); padding:9px 12px; border:1px solid rgb(105 132 161 / 34%); border-radius:12px; background:rgb(255 255 255 / 74%); color:#18324a; box-shadow:inset 0 1px 0 rgb(255 255 255 / 82%); }
.auth-card input:hover { border-color:rgb(63 102 143 / 46%); }
.auth-card input:focus-visible { border-color:#348bcc; outline:2px solid #348bcc; outline-offset:1px; box-shadow:0 0 0 4px rgb(255 255 255 / 66%); }
.auth-label-line { display:flex; align-items:center; justify-content:space-between; }
.password-control { position:relative; }
.password-control input { padding-right:84px; }
.password-visibility { position:absolute; top:50%; right:7px; transform:translateY(-50%); min-height:32px; padding:5px 9px; border:0; border-radius:8px; background:transparent; color:#2e6293; font-size:11px; font-weight:600; }
.password-visibility:hover { background:rgb(40 91 158 / 8%); }
.auth-primary { min-height:var(--auth-primary-height); margin-top:16px; border:1px solid rgb(29 113 67 / 26%); border-radius:12px; background:#2f9b62; color:white; box-shadow:inset 0 1px 0 rgb(255 255 255 / 25%), 0 8px 20px rgb(30 115 70 / 18%); font-size:13px; font-weight:650; }
.auth-primary:hover { background:#278653; }
.auth-primary:active { background:#216f47; }
.auth-primary:disabled { background:#82ad96; box-shadow:none; opacity:.72; }
.auth-secondary-actions { display:flex; flex-direction:column; align-items:center; gap:2px; margin-top:9px; }
.webauthn-entry { display:grid; justify-items:center; gap:8px; padding:15px; border:1px solid rgb(109 139 171 / 26%); border-radius:16px; background:rgb(255 255 255 / 31%); color:#29435e; text-align:center; }
.webauthn-entry[hidden] { display:none; }
.webauthn-entry p { margin:0; font-size:12px; line-height:1.5; }
.webauthn-entry-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:rgb(230 240 251 / 88%); color:#285b9e; }
.webauthn-entry-icon .icon { width:21px; height:21px; }
.auth-card .text-button { color:#285b9e; font-size:11px; }
.auth-card .text-button:hover { color:#193f72; text-decoration:underline; }
.auth-restart { margin-top:4px; }
.code-entry>.auth-field { text-align:center; }
.totp-control { position:relative; }
.totp-control>input { position:absolute; inset:0; z-index:2; width:100%; height:100%; padding:0; border:0; background:transparent; color:transparent; caret-color:transparent; opacity:.01; }
.totp-cells { width:min(100%,var(--auth-totp-row-width)); display:grid; grid-template-columns:repeat(6,minmax(0,var(--auth-totp-width))); justify-content:center; gap:var(--auth-totp-gap); margin-inline:auto; }
.totp-cell { height:var(--auth-totp-height); display:grid; place-items:center; border:1px solid rgb(94 125 158 / 38%); border-radius:11px; background:rgb(255 255 255 / 70%); color:#18324a; box-shadow:inset 0 1px 0 rgb(255 255 255 / 84%); font-size:22px; font-weight:650; }
.totp-cell.is-filled { border-color:rgb(40 91 158 / 54%); }
.totp-control:focus-within .totp-cell { border-color:#348bcc; box-shadow:0 0 0 2px rgb(52 139 204 / 16%), inset 0 1px 0 rgb(255 255 255 / 84%); }
.code-entry .caption { margin-top:6px; text-align:center; }
.auth-layout[data-auth-stage="enrollment"] .auth-heading { margin:15px auto 14px; }
.enrollment-setup { margin-bottom:10px; }
.enrollment-grid { display:grid; grid-template-columns:minmax(0,1fr) 166px; align-items:center; gap:14px; padding:11px; border:1px solid rgb(109 139 171 / 26%); border-radius:16px; background:rgb(255 255 255 / 30%); }
.enrollment-instructions ol { display:flex; flex-direction:column; gap:10px; padding:0; margin:0; list-style:none; }
.enrollment-instructions li { display:flex; align-items:center; gap:10px; color:#29435e; font-size:12px; font-weight:550; }
.enrollment-instructions li>span { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border:1px solid rgb(40 91 158 / 24%); border-radius:50%; background:rgb(255 255 255 / 58%); color:#285b9e; font-weight:700; }
.enrollment-qr { width:156px; max-width:100%; aspect-ratio:1; margin:auto; padding:8px; border:1px solid rgb(86 116 148 / 32%); border-radius:14px; background:white; box-shadow:0 10px 25px rgb(27 58 91 / 12%); }
.enrollment-qr svg { display:block; width:100%; height:100%; }
.manual-setup { margin-top:8px; padding:9px 11px; border:1px solid rgb(109 139 171 / 24%); border-radius:14px; background:rgb(255 255 255 / 28%); }
.manual-setup-title { color:#29435e; font-size:12px; font-weight:650; }
.manual-setup .caption { margin-top:2px; }
.enrollment-secret-row { display:flex; align-items:stretch; gap:7px; margin-top:6px; }
.enrollment-secret { min-width:0; min-height:var(--auth-input-height); flex:1; display:flex; align-items:center; padding:8px 10px; overflow-wrap:anywhere; user-select:all; border:1px solid rgb(105 132 161 / 32%); border-radius:10px; background:rgb(255 255 255 / 64%); color:#18324a; font-size:12px; letter-spacing:.6px; }
.copy-secret-button { min-height:var(--auth-input-height); flex:0 0 auto; padding:7px 10px; border:1px solid rgb(105 132 161 / 32%); border-radius:10px; background:rgb(255 255 255 / 50%); color:#285b9e; font-size:11px; font-weight:600; }
.copy-secret-button:hover { background:rgb(255 255 255 / 72%); }
.reset-panel { padding:12px; border:1px solid rgb(109 139 171 / 25%); border-radius:14px; background:rgb(255 255 255 / 31%); color:#40566d; font-size:12px; }
.reset-panel ul { margin:8px 0 0; padding-left:18px; }
.reset-panel li+li { margin-top:3px; }
.auth-result { margin-top:10px; padding:10px; border-radius:10px; background:rgb(226 244 234 / 82%); color:#226345; font-weight:550; }
.auth-message { min-height:0; margin:8px 0 0; border-radius:10px; font-size:11px; }
.auth-message:empty { display:none; }
.auth-status { color:#40566d; text-align:center; }
.auth-success-indicator { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 16px; border-radius:50%; background:#2f9b62; color:white; box-shadow:0 10px 24px rgb(30 115 70 / 22%); font-size:28px; font-weight:700; }
.auth-layout[data-auth-stage="success"] .auth-card { max-width:440px; padding-top:36px; padding-bottom:34px; }
.auth-layout[data-auth-stage="success"] .auth-heading { margin-bottom:8px; }
.auth-layout[data-auth-stage="success"] .auth-security { display:none; }
.auth-security { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:16px; padding-top:13px; border-top:1px solid rgb(91 121 153 / 22%); color:#4e6277; font-size:10px; text-align:center; }
.auth-security .icon { width:16px; height:16px; flex-basis:16px; color:#2f7353; }
.auth-preview-note { max-width:440px; padding:5px 10px; border:1px solid rgb(255 255 255 / 38%); border-radius:999px; background:rgb(244 249 255 / 54%); color:rgb(24 50 74 / 82%); font-size:10px; font-weight:550; text-align:center; text-shadow:0 1px 1px rgb(255 255 255 / 72%); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.task-table { width:100%; border-collapse:collapse; font-size:11px; }
.task-table th { text-align:left; font-size:9px; font-weight:500; text-transform:uppercase; letter-spacing:.7px; color:var(--muted); height:32px; border-bottom:1px solid var(--line); background:var(--surface-subtle); }
.task-table td,.task-table th { padding:8px 12px; }
.task-table td:first-child,.task-table th:first-child { padding-left:20px; }
.task-table td { border-bottom:1px solid var(--line); height:var(--row-height); }
.task-table tr:last-child td { border-bottom:0; }
.row-title { display:block; font-weight:500; font-size:12px; }
.row-subtitle { display:block; font-size:10px; color:var(--muted); margin-top:3px; }
.project-row,.timeline-row { padding:var(--s4) var(--s5); display:flex; align-items:center; gap:var(--s3); border-bottom:1px solid var(--line); }
.project-row:last-child,.timeline-row:last-child { border-bottom:0; }
.project-row .badge { margin-left:auto; }
.project-code { width:33px; height:33px; border:1px solid var(--line); background:var(--surface-subtle); border-radius:6px; display:grid; place-items:center; color:var(--accent); font-size:10px; font-weight:600; flex-shrink:0; }
.projects-surface { min-height:0; }
.table-scroll { max-width:100%; overflow-x:auto; }
.projects-table { min-width:1040px; }
.projects-table th:first-child { width:32%; }
.projects-table time { color:var(--muted); white-space:nowrap; }
.project-no-activity { color:var(--muted); white-space:nowrap; }
.project-participants { display:flex; align-items:center; gap:7px; min-width:0; }
.participant-avatars { display:inline-flex; align-items:center; padding-left:5px; }
.participant-avatar,.participant-overflow { width:24px; height:24px; margin-left:-5px; border:2px solid #f7f9fb; border-radius:50%; background:#dbe9f7; color:#315d88; display:inline-grid; place-items:center; font-size:8px; font-weight:700; line-height:1; box-shadow:0 0 0 1px rgb(122 148 177 / 28%); }
.participant-avatar.is-missing { background:#e8edf2; color:#7a8796; }
.participant-overflow { background:#eef4fa; color:#52708f; font-size:9px; }
.participant-count { color:var(--text); font-size:11px; font-weight:600; }
.participant-missing-label { display:block; margin-top:2px; color:var(--muted); font-size:9px; white-space:nowrap; }
.project-technical-code { display:inline-flex; border:1px solid var(--line); border-radius:5px; background:var(--surface-subtle); color:var(--accent); padding:3px 7px; font-family:ui-monospace, SFMono-Regular, Consolas, monospace; font-size:10px; }
.timeline-row { align-items:flex-start; }
.timeline-row .row-title { font-size:11px; font-weight:400; }
.timeline-row time { margin-left:auto; color:var(--muted); font-size:10px; white-space:nowrap; }
.skeleton-row { padding:var(--s5); border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:10px; }
.skeleton { height:10px; background:#edf0f3; width:70%; border-radius:3px; }
.skeleton.short { width:40%; }
@media (max-width:1100px) {
  :root { --sidebar-width:204px; } .brand-caption { display:none; }
  main { padding:var(--s6); } .topbar,.preview-bar { padding-left:var(--s6); padding-right:var(--s6); }
  .dashboard-grid { grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr); } .overview-item { padding:var(--s4); }
}
@media (min-width:761px) and (max-width:950px) {
  :root { --sidebar-width:72px; } .sidebar-copy,.brand-word { display:none; }
  .brand { padding-left:6px; } .workspace-label { border:0; padding:8px; } .nav-link { justify-content:center; } .collapse-control { display:none; }
}
@media (max-width:760px) {
  .workspace { display:block; } .sidebar { position:fixed; left:0; width:250px; transform:translateX(-100%); }
  .nav-open .sidebar { transform:translateX(0); } .nav-open { overflow:hidden; }
  .is-collapsed .sidebar-copy,.is-collapsed .brand-word { display:initial; } .is-collapsed .nav-link { justify-content:flex-start; }
  .mobile-menu { display:inline-flex; } .collapse-control { display:none; } .topbar { height:58px; padding:0 var(--s4); }
  .breadcrumbs { gap:var(--s2); } main { padding:var(--s5) var(--s4); }
  .preview-bar { padding:6px var(--s4); } .preview-note { display:none; }
  .page-header { align-items:flex-start; flex-wrap:wrap; } .page-header-action { margin-left:0; }
  h1 { font-size:24px; } .overview-strip { grid-template-columns:1fr; }
  .overview-item { padding:var(--s3) var(--s4); } .overview-item + .overview-item { border-left:0; border-top:1px solid var(--line); }
  .dashboard-grid { grid-template-columns:minmax(0,1fr); } .page-footer span:last-child { display:none; }
  .task-table td,.task-table th { padding:8px; } .task-table td:first-child,.task-table th:first-child { padding-left:12px; }
  .task-table .priority-column { display:none; } .panel-heading { padding:var(--s4); } .auth-layout { padding-top:var(--s6); }
  .access-denied-layout { min-height:calc(100svh - 98px); padding:8px 0; }
  .access-denied-card { padding:28px 20px; }
}
@media (max-width:420px) {
  .access-denied-actions { width:100%; display:grid; }
  .access-denied-actions .button { width:100%; min-width:0; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }

/* Shared wallpaper, local translucent surfaces; no image contents are altered. */
body { isolation:isolate; --workspace-image:url('./backgrounds/crm-bg-01-neutral-blue.png'); background:var(--bg); }
body::before { content:""; position:fixed; inset:0; z-index:-1; background-image:var(--workspace-image); background-size:cover; background-position:center; background-repeat:no-repeat; }
body[data-background="crm-bg-01-neutral-blue"] { --workspace-image:url('./backgrounds/crm-bg-01-neutral-blue.png'); }
body[data-background="crm-bg-02-violet-blue"] { --workspace-image:url('./backgrounds/crm-bg-02-violet-blue.png'); }
body[data-background="crm-bg-03-warm-neutral"] { --workspace-image:url('./backgrounds/crm-bg-03-warm-neutral.png'); }
body[data-background="crm-bg-04-daisy-meadow"] { --workspace-image:url('./backgrounds/crm-bg-04-daisy-meadow.png'); }
body[data-background="crm-bg-05-wildflower-meadow"] { --workspace-image:url('./backgrounds/crm-bg-05-wildflower-meadow.png'); }
body[data-background="crm-bg-06-pastel-meadow"] { --workspace-image:url('./backgrounds/crm-bg-06-pastel-meadow.png'); }
body[data-background="crm-bg-07-cyberpunk-city"] { --workspace-image:url('./backgrounds/crm-bg-07-cyberpunk-city.png'); }
body[data-background="crm-bg-08-cyberpunk-office"] { --workspace-image:url('./backgrounds/crm-bg-08-cyberpunk-office.png'); }
/* The dark photographic backgrounds use a slightly brighter shell edge. */
body[data-background="crm-bg-07-cyberpunk-city"],
body[data-background="crm-bg-08-cyberpunk-office"] { --shell-edge:rgb(255 255 255 / 20%); }
/* The approved tinted shell keeps the edge-to-edge wallpaper visible. */
.sidebar,
.project-tabs,
.task-role-select,
.task-search-filter,
.task-filter-trigger,
.task-view-tabs,
.task-control-group {
  background:var(--shell-surface); color:var(--shell-ink); text-shadow:var(--shell-text-shadow);
  -webkit-backdrop-filter:var(--shell-material-filter); backdrop-filter:var(--shell-material-filter);
}
.project-tabs,
.task-role-select,
.task-search-filter,
.task-filter-trigger,
.task-view-tabs,
.task-control-group { border-color:var(--shell-edge); box-shadow:inset 0 1px 0 var(--shell-inner-highlight); }
.sidebar,.topbar {
  color:var(--shell-ink); text-shadow:var(--shell-text-shadow);
}
.sidebar .icon,.topbar .icon { filter:var(--shell-icon-shadow); }
.sidebar { border-right:1px solid var(--shell-edge); box-shadow:inset -1px 0 0 var(--shell-inner-highlight); }
.sidebar .nav-link,
.project-tabs a,
.task-view-tabs a { color:var(--shell-ink); }
.sidebar .nav-link.is-active,
.project-tabs a[aria-current="page"],
.task-view-tabs a[aria-current="page"] { color:var(--shell-active-ink); }
.sidebar .is-disabled,
.project-tabs>span[aria-disabled="true"],
.task-list-search,
.task-list-search::placeholder,
.task-filter-trigger:disabled,
.task-view-tabs>span[aria-disabled="true"],
.task-control-group>span { color:var(--shell-disabled-ink); }
.sidebar .brand-mark { background:var(--control-glass); border:1px solid var(--control-border); box-shadow:inset 0 1px 0 var(--glass-highlight); color:var(--shell-ink); -webkit-backdrop-filter:blur(var(--local-blur)); backdrop-filter:blur(var(--local-blur)); }
.topbar { position:relative; z-index:20; box-shadow:inset 0 -1px 0 rgb(255 255 255 / 8%); -webkit-backdrop-filter:blur(var(--shell-blur)) saturate(var(--shell-saturation)) contrast(var(--topbar-contrast)); backdrop-filter:blur(var(--shell-blur)) saturate(var(--shell-saturation)) contrast(var(--topbar-contrast)); }
.topbar .breadcrumbs>span,.topbar .icon-button { color:var(--shell-muted); }
.topbar .icon-button,.topbar .avatar,.topbar .global-tools input,.topbar .global-tools .secondary { background:var(--control-glass); border-color:var(--control-border); -webkit-backdrop-filter:blur(var(--local-blur)); backdrop-filter:blur(var(--local-blur)); }
.topbar .icon-button:hover { background:var(--glass-active); color:var(--shell-ink); }
.topbar .avatar { box-shadow:inset 0 1px 0 var(--glass-highlight); color:var(--shell-ink); }
.topbar .global-tools input,.topbar .global-tools input::placeholder { color:var(--shell-ink); text-shadow:var(--shell-text-shadow); opacity:1; }
.topbar .global-tools .secondary { color:var(--shell-ink); text-shadow:var(--shell-text-shadow); }
.sidebar :focus-visible,.topbar :focus-visible { outline:2px solid var(--shell-focus); outline-offset:2px; box-shadow:0 0 0 3px rgb(255 255 255 / 72%); }
/* Do not blur dense data, forms or contextual content. */
.task-table,.context-drawer { background:var(--data-surface); }
body[data-section="settings"] .appearance-panel,
body[data-section="settings"] .branding-panel { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 56%); }
.account-menu { background:var(--data-surface); text-shadow:none; }
.brand-word { font-size:23px; }
.workspace-label { margin-bottom:20px; }
.global-tools { display:flex; gap:8px; align-items:center; flex:1; max-width:440px; }
.global-tools input { width:100%; min-width:0; box-shadow:inset 0 1px 0 #ffffff24; font-size:12px; }
.global-tools .button { white-space:nowrap; }
.page-footer,.pattern-links { padding:12px 16px; background:var(--workspace-surface); border-radius:var(--radius); }
.pattern-links { display:flex; flex-wrap:wrap; gap:16px; margin-top:20px; font-size:12px; color:var(--accent); }
.account-menu strong { display:block; margin-top:8px; }
.settings-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.settings-nav a { padding:8px 14px; background:rgb(255 255 255 / 6%); border:1px solid rgb(255 255 255 / 24%); border-radius:var(--radius); font-size:13px; }
.settings-nav [aria-current] { background:var(--accent); color:white; }
.branding-panel>.panel-heading { border-bottom-color:rgb(130 151 176 / 24%); }
.appearance-panel fieldset { border:0; padding:20px; margin:0; min-width:0; }
.appearance-panel legend { padding:20px 0 0; font-weight:600; font-size:13px; }
.background-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.background-choice { position:relative; border:2px solid rgb(130 151 176 / 34%); border-radius:12px; padding:6px; background:rgb(255 255 255 / 3%); cursor:pointer; min-width:0; display:flex; flex-direction:column; gap:8px; }
.background-choice:hover { border-color:#819bbc; background:rgb(255 255 255 / 4%); box-shadow:0 3px 10px #2445720d; }
.background-choice:has(:checked) { border-color:var(--accent); background:rgb(255 255 255 / 4%); box-shadow:inset 0 0 0 1px #ffffff54, 0 2px 8px #285b9e12; }
.background-choice:has(:focus-visible) { outline:2px solid #224b80; outline-offset:4px; box-shadow:0 0 0 4px #ffffff; }
.background-choice input { position:absolute; top:12px; left:12px; width:18px; height:18px; min-height:0; margin:0; accent-color:var(--accent); }
.background-choice img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:7px; }
.background-choice>span:not(.selection-mark) { padding:0 5px 6px; font-size:12px; font-weight:500; }
.selection-mark { position:absolute; right:10px; top:10px; border-radius:50%; background:var(--accent); color:white; width:23px; height:23px; text-align:center; display:none; }
.background-choice:has(:checked) .selection-mark { display:block; }
.settings-actions { padding:0 20px 20px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#reset-background { background:#f4f7fc; border-color:#bdcce0; }
#reset-background:hover { background:#e7effa; border-color:#819bbc; }
.settings-actions p { font-size:12px; color:var(--muted); flex:1 1 240px; }
body[data-section="settings"] .page-footer { background:transparent; }
.branding-panel { margin-top:20px; scroll-margin-top:20px; }
.branding-content { padding:20px; display:flex; gap:24px; }
.branding-content p { font-size:12px; color:var(--muted); margin:8px 0; max-width:660px; }
.branding-content .settings-actions { padding:8px 0 0; }
.logo-preview { min-width:130px; height:80px; border:1px dashed #9cacc0; border-radius:var(--radius); display:flex; align-items:center; justify-content:center; gap:12px; }
.logo-preview .brand-logo-image { width:auto; max-width:150px; max-height:56px; object-position:center; }
.branding-settings { min-width:0; flex:1; }
.branding-upload-form { max-width:520px; }
.branding-file-label { display:block; margin-top:12px; margin-bottom:6px; font-size:12px; font-weight:600; color:var(--text); }
.branding-upload-form input[type="file"] { width:100%; min-height:38px; padding:6px; border:1px solid #bdcce0; border-radius:var(--radius); background:#f8fafdee; color:var(--text); font-size:12px; }
.branding-upload-form input[type="file"]::file-selector-button { min-height:26px; margin-right:10px; padding:4px 10px; border:1px solid #aebfd5; border-radius:8px; background:#eef3f9; color:var(--text); cursor:pointer; }
.branding-upload-form input[type="file"]:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
#branding-remove-form { display:inline-flex; }
#branding-status { margin-top:10px; }
.pattern-notice { padding:10px 16px; margin-bottom:12px; background:var(--workspace-surface); border-radius:var(--radius); font-size:12px; }
.pattern-toolbar,.pagination { display:flex; align-items:end; gap:12px; padding:16px 20px; flex-wrap:wrap; }
.pattern-toolbar label { display:flex; flex-direction:column; gap:5px; font-size:12px; }
.view-selector { display:flex; gap:4px; margin-left:auto; }
.pagination { align-items:center; justify-content:flex-end; border-top:1px solid var(--line); }
.pagination .caption { margin-right:auto; }
body[data-section="projects"] .projects-page-header { background:transparent; color:var(--shell-ink); padding:6px 4px 0; align-items:flex-end; text-shadow:var(--shell-text-shadow); }
.projects-page-header .eyebrow { color:var(--shell-accent); margin-bottom:4px; }
.projects-page-header p { color:var(--shell-muted); }
.projects-create { min-height:34px; padding:5px 10px; white-space:nowrap; }
.projects-create:disabled { opacity:.74; }
.projects-soon { padding-left:8px; border-left:1px solid rgb(255 255 255 / 38%); font-size:9px; font-weight:600; letter-spacing:.3px; }
.projects-list { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.projects-toolbar { min-height:53px; display:flex; align-items:center; gap:8px; padding:9px 14px; border-bottom:1px solid rgb(181 197 216 / 58%); }
.projects-search { width:min(340px,100%); min-height:32px; height:32px; padding:6px 10px; font-size:11px; }
.projects-filter { min-height:32px; padding:5px 10px; background:rgb(255 255 255 / 72%); font-size:11px; }
.projects-filter-value { color:var(--muted); font-size:10px; }
.projects-list .projects-table { background:transparent; }
.projects-surface>.empty-state { min-height:350px; }
.projects-table th { height:34px; background:rgb(239 244 250 / 72%); border-bottom-color:rgb(181 197 216 / 62%); }
.projects-table td { height:48px; border-bottom-color:rgb(181 197 216 / 52%); }
.projects-table tbody tr:hover td { background:rgb(232 240 250 / 72%); }
.projects-table .row-title { color:#193d67; font-size:13px; font-weight:600; }
.projects-table .project-technical-code { display:block; width:max-content; margin-top:2px; padding:0; border:0; background:transparent; color:var(--muted); }
.projects-list .pagination { padding:11px 14px; border-top-color:rgb(181 197 216 / 58%); }
.project-task-list { min-width:0; }
.task-list-page-header { margin:3px 0 10px; padding:4px 4px 0; color:var(--shell-ink); text-shadow:var(--shell-text-shadow); }
.task-list-context { display:flex; align-items:center; gap:12px; margin-bottom:4px; font-size:11px; }
.task-list-page-header .project-back-link { margin:0; color:var(--shell-ink); font-weight:500; }
.task-project-context { display:flex; align-items:baseline; gap:5px; min-width:0; color:var(--shell-ink); font-weight:500; letter-spacing:normal; }
.task-context-name,.task-context-code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.task-context-code { color:var(--shell-muted); font-size:10px; font-weight:400; }
.task-control-line { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; justify-content:start; gap:2px 12px; min-width:0; }
.task-list-subtitle { grid-column:1/-1; color:var(--shell-muted); font-size:11px; }
.task-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.task-primary-controls { display:flex; align-items:center; justify-content:flex-start; gap:7px; min-width:0; }
.task-create { min-height:36px; padding:6px 8px 6px 11px; border-color:rgb(255 255 255 / 24%); background:var(--success); color:white; white-space:nowrap; box-shadow:inset 0 1px 0 rgb(255 255 255 / 20%), 0 3px 10px rgb(16 55 39 / 22%); text-shadow:0 1px 2px rgb(10 35 24 / 42%); }
.task-create:disabled { background:var(--success); color:white; opacity:1; }
.task-create>span { margin-left:2px; padding:1px 0 1px 8px; border-left:1px solid rgb(255 255 255 / 34%); }
.task-role-select-form { position:relative; flex:0 1 142px; min-width:126px; }
.task-role-select { width:100%; }
.task-role-select option { background:#f7f9fc; color:var(--text); }
.task-search-filter { display:flex; flex:0 1 340px; align-items:center; min-width:190px; height:36px; overflow:hidden; border:1px solid; border-radius:var(--radius); }
.task-filter-example { flex:0 0 auto; margin-left:3px; padding:6px 8px; border:1px solid rgb(255 255 255 / 20%); border-radius:5px; background:rgb(40 91 158 / 68%); color:white; font-size:9px; font-weight:600; white-space:nowrap; box-shadow:inset 0 1px 0 rgb(255 255 255 / 14%); text-shadow:var(--shell-text-shadow); }
.task-list-search { flex:1 1 auto; min-width:0; min-height:34px; height:34px; padding:6px 9px; border:0; background:transparent; font-size:11px; box-shadow:none; text-shadow:inherit; -webkit-text-fill-color:var(--shell-disabled-ink); opacity:1; }
.task-list-search::placeholder { opacity:1; }
.task-filter-trigger { flex:0 0 auto; min-height:36px; padding:6px 11px; border:1px solid; border-radius:var(--radius); font-size:10px; font-weight:400; cursor:not-allowed; }
.task-filter-trigger:disabled { opacity:1; }
.project-task-list>.project-tabs { margin-bottom:8px; }
.task-secondary-controls { display:flex; align-items:center; gap:8px; margin-bottom:8px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; }
.task-secondary-controls::-webkit-scrollbar { display:none; width:0; height:0; }
.task-view-tabs,.task-control-group { display:flex; flex:0 0 auto; align-items:center; gap:2px; padding:4px; border:1px solid; border-radius:var(--radius); }
.task-view-tabs a,.task-view-tabs>span,.task-control-group>span { flex:0 0 auto; min-height:31px; padding:7px 10px; border-radius:5px; font-size:10px; font-weight:400; white-space:nowrap; }
.task-view-tabs a[aria-current="page"] { border:1px solid rgb(255 255 255 / 22%); }
.task-view-tabs>span[aria-disabled="true"],.task-control-group>span { cursor:not-allowed; }
.task-indicator-group>span+span { border-left:1px solid var(--control-border); border-radius:0; }
.task-list-panel { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.security-section-header { margin-top:10px; }
.mfa-reset-panel { background:rgb(255 255 255 / 97%); }
.mfa-reset-table { min-width:840px; }
.mfa-reset-table td:last-child,.mfa-reset-table th:last-child { text-align:right; }
.mfa-reset-table time { white-space:nowrap; color:var(--muted); }
.task-list-surface { min-height:0; }
.task-list-surface>.empty-state { min-height:320px; }
.project-task-table { min-width:980px; background:transparent; }
.project-task-table th { height:34px; background:rgb(239 244 250 / 72%); border-bottom-color:rgb(181 197 216 / 62%); }
.project-task-table td { height:50px; border-bottom-color:rgb(181 197 216 / 52%); }
.project-task-table tbody tr:hover td { background:rgb(232 240 250 / 72%); }
.project-task-table th:first-child { width:27%; }
.project-task-table time,.task-list-empty-value { color:var(--muted); white-space:nowrap; }
.project-task-table .row-title { color:#193d67; font-size:12px; font-weight:600; }
.task-executor { display:flex; align-items:center; gap:7px; min-width:0; }
.task-executor .participant-avatar { flex:0 0 24px; margin-left:0; border-color:white; }
.task-executor>span:last-child,.task-project-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-task-table .project-technical-code { display:block; width:max-content; max-width:100%; margin-top:2px; padding:0; overflow:hidden; border:0; background:transparent; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }
.task-list-panel .pagination { padding:11px 14px; border-top-color:rgb(181 197 216 / 58%); }
.project-workspace { min-width:0; }
.project-workspace-header { color:var(--shell-ink); text-shadow:var(--shell-text-shadow); padding:4px 4px 18px; }
.project-back-link { display:inline-flex; margin-bottom:12px; color:var(--shell-muted); font-size:11px; font-weight:600; }
.project-back-link:hover { color:var(--shell-ink); }
.project-workspace-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.project-workspace-heading .eyebrow { color:var(--shell-accent); margin-bottom:4px; }
.project-workspace-heading h1 { margin-bottom:6px; }
.project-workspace-heading .project-technical-code { color:var(--shell-muted); text-shadow:var(--shell-text-shadow); }
.project-workspace-badges { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.project-header-facts { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; }
.project-header-facts>div { min-width:145px; padding:8px 11px; border:1px solid rgb(255 255 255 / 24%); border-radius:var(--radius); background:rgb(255 255 255 / 12%); }
.project-header-facts dt { color:var(--shell-muted); font-size:9px; font-weight:600; letter-spacing:.35px; text-transform:uppercase; }
.project-header-facts dd { margin:3px 0 0; font-size:12px; font-weight:600; }
.project-tabs { display:flex; align-items:center; gap:2px; overflow-x:auto; margin-bottom:12px; padding:5px; border:1px solid; border-radius:var(--radius-panel); scrollbar-width:thin; }
.project-tabs a,.project-tabs>span { position:relative; flex:0 0 auto; min-height:34px; padding:9px 12px; border-radius:6px; font-size:11px; font-weight:400; white-space:nowrap; }
.project-tabs a:hover { background:var(--glass-hover); }
.project-tabs a[aria-current="page"],.task-view-tabs a[aria-current="page"] { background:rgb(40 91 158 / 78%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 20%), 0 0 10px rgb(52 122 211 / 24%); }
.project-tabs a[aria-current="page"]::after { content:""; position:absolute; right:12px; bottom:4px; left:12px; height:2px; border-radius:2px; background:var(--accent); }
.project-tabs>span[aria-disabled="true"] { cursor:not-allowed; }
.project-tabs small { margin-left:5px; color:inherit; font-size:8px; font-weight:400; text-transform:uppercase; }
.project-overview { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr); gap:12px; align-items:start; }
.project-overview-card { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.project-information { grid-row:span 2; }
.project-card-content { padding:18px 20px 20px; }
.project-description { max-width:760px; font-size:13px; line-height:1.55; }
.project-information-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; margin:20px 0 0; padding-top:18px; border-top:1px solid var(--line); }
.project-information-list div { min-width:0; }
.project-information-list dt { color:var(--muted); font-size:10px; }
.project-information-list dd { margin:4px 0 0; font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.project-participant-summary { scroll-margin-top:76px; }
.project-participant-list { display:grid; gap:0; margin:0; padding:4px 20px 10px; list-style:none; }
.project-participant-list li { display:flex; align-items:center; gap:10px; min-height:39px; border-bottom:1px solid var(--line); font-size:12px; }
.project-participant-list li:last-child { border-bottom:0; }
.project-participant-avatar { width:28px; height:28px; margin-left:0; border-color:white; flex:0 0 auto; }
.project-participant-more { margin:0; padding:0 20px 16px; color:var(--muted); font-size:10px; }
.project-activity-summary strong { font-size:15px; color:#244f7d; }
.project-activity-summary p { margin-top:7px; }
.client-workspace { min-width:0; }
.client-workspace-context { min-width:0; display:grid; gap:6px; margin:0 0 10px; }
.client-workspace-context-row { min-width:0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; padding:0 2px; }
.client-workspace-context-path { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:var(--shell-muted); font-size:11px; font-weight:600; line-height:1.35; text-shadow:var(--shell-text-shadow); }
.client-workspace-context-path a { color:var(--shell-ink); text-decoration:none; }
.client-workspace-context-path a:hover { color:var(--shell-accent); }
.client-workspace-context-path h1,.client-workspace-context-title { min-width:0; margin:0; color:var(--shell-muted); font:inherit; overflow-wrap:anywhere; }
.client-workspace-context-action { flex:0 0 auto; min-height:30px; padding:5px 10px; font-size:9px; }
.client-workspace-context>.client-tabs { width:100%; gap:1px; margin-bottom:0; padding:3px; }
.client-workspace-context>.client-tabs a,.client-workspace-context>.client-tabs>span { min-height:28px; padding:6px 9px; font-size:10px; }
.client-workspace-header { padding-bottom:16px; }
main:has(.client-overview-workspace) { max-width:none; }
.client-overview-workspace { width:100%; }
.client-overview-header { margin-bottom:14px; padding:8px 4px 8px; color:var(--shell-ink); text-shadow:var(--shell-text-shadow); }
.client-overview-header .project-back-link { margin-bottom:14px; }
.client-overview-header-row,.client-overview-identity,.client-overview-title-row,.client-overview-header-right { display:flex; align-items:center; }
.client-overview-header-row { justify-content:space-between; gap:18px; }
.client-overview-identity { min-width:0; gap:13px; }
.client-overview-avatar { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border:1px solid var(--shell-edge); border-radius:12px; background:var(--glass-active); color:var(--shell-active-ink); font-size:20px; font-weight:750; text-shadow:none; }
.client-overview-identity-copy { min-width:0; }
.client-overview-title-row { min-width:0; flex-wrap:wrap; gap:8px; }
.client-overview-title-row h1 { margin:0; font-size:24px; line-height:1.2; overflow-wrap:anywhere; }
.client-overview-identity-copy p { margin:4px 0 0; color:var(--shell-muted); font-size:12px; overflow-wrap:anywhere; }
.client-overview-header-right { justify-content:flex-end; }
.client-overview-responsible-person .participant-avatar { width:30px; height:30px; flex:0 0 30px; margin:0; border-color:white; }
.client-overview-header-right>.button { flex:0 0 auto; }
.client-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.client-kpi,.client-content-panel { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.client-kpi { min-width:0; padding:15px 17px; display:flex; flex-direction:column; justify-content:center; }
.client-kpi>span { color:var(--muted); font-size:10px; font-weight:600; }
.client-kpi>strong { margin:5px 0 2px; color:#244f7d; font-size:23px; line-height:1.2; overflow-wrap:anywhere; }
.client-kpi:last-child>strong { font-size:14px; }
.client-kpi small { color:var(--muted); font-size:9px; }
.client-overview-grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(260px,3fr); gap:12px; align-items:start; }
.client-overview-primary { min-width:0; padding:2px 20px; }
.client-info-section { min-width:0; padding:17px 0; border-bottom:1px solid var(--line); }
.client-info-section:last-child { border-bottom:0; }
.client-info-section h2,.client-overview-side-card h2 { margin:0 0 13px; color:#274c70; font-size:14px; }
.client-data-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 24px; margin:0; }
.client-data-grid>div { min-width:0; }
.client-data-grid .client-data-wide { grid-column:1/-1; }
.client-data-grid dt,.client-responsible-details dt { color:var(--muted); font-size:10px; }
.client-data-grid dd,.client-responsible-details dd { min-width:0; margin:4px 0 0; color:var(--text); font-size:12px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.client-data-grid .client-data-wide dd { max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
.client-chat-data { grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-overview-agreements { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.client-overview-agreements li { min-width:0; overflow-wrap:anywhere; }
.provider-contracts .provider-contract-line { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; }
.provider-contract-value { flex:1 1 120px; min-width:0; overflow-wrap:anywhere; }
.provider-contract-action { flex:0 0 auto; min-height:32px; padding:5px 10px; font-size:11px; white-space:nowrap; }
.client-overview-empty-value { margin:0; color:var(--muted); font-size:12px; }
.client-side-column { min-width:0; display:grid; gap:12px; }
.client-overview-side-card { min-width:0; padding:17px 18px; }
.client-overview-responsible-person { display:flex; align-items:center; gap:8px; min-width:0; }
.client-overview-responsible-person strong { min-width:0; color:var(--text); font-size:12px; overflow-wrap:anywhere; }
.client-responsible-details { display:grid; gap:9px; margin:13px 0 0; padding-top:12px; border-top:1px solid var(--line); }
.client-responsible-details dd { margin-top:2px; }
.client-quick-actions { display:grid; gap:7px; }
.client-quick-actions .button { width:100%; justify-content:flex-start; }
.client-recent-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:12px; }
.client-recent-grid>.panel { min-width:0; }
.client-recent-grid .panel-heading { min-height:62px; padding:12px 14px; }
.client-recent-grid .panel-heading h2 { overflow-wrap:anywhere; }
.client-recent-list,.client-activity-list { margin:0; padding:4px 14px 10px; list-style:none; }
.client-recent-list li { min-height:49px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }
.client-recent-list li:last-child { border-bottom:0; }
.client-recent-list li>span:first-child { min-width:0; display:flex; flex-direction:column; }
.client-recent-list strong { color:#244f7d; font-size:11px; overflow-wrap:anywhere; }
.client-recent-list small,.client-recent-list time { color:var(--muted); font-size:9px; }
.client-recent-list time { flex:0 0 auto; }
.client-activity-list li { min-height:51px; display:grid; grid-template-columns:10px minmax(0,1fr); align-items:center; gap:9px; border-bottom:1px solid var(--line); }
.client-activity-list li:last-child { border-bottom:0; }
.client-activity-dot { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.client-activity-list li>span:last-child { min-width:0; display:flex; flex-direction:column; }
.client-activity-list strong { color:#244f7d; font-size:11px; overflow-wrap:anywhere; }
.client-activity-list small { color:var(--muted); font-size:9px; }
.client-form-workspace { min-width:0; max-width:980px; margin:0 auto; }
.client-form-header { padding-bottom:10px; }
.client-editor { padding:18px 20px; overflow:visible; background:rgb(255 255 255 / 97%); }
.client-editor>.client-form-section { margin:0; padding:12px 0; border-top:1px solid rgb(145 165 188 / 32%); }
.client-editor>.client-form-section:first-of-type { padding-top:0; border-top:0; }
.client-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; }
.client-field-wide { grid-column:1/-1; }
.client-field { min-width:0; display:flex; flex-direction:column; gap:6px; color:var(--text); font-size:11px; font-weight:600; }
.client-field>span,.client-field legend { color:#40566d; font-size:10px; }
.client-field input,.client-field textarea { width:100%; min-width:0; border:1px solid rgb(128 151 177 / 72%); border-radius:10px; background:#fff; color:var(--text); box-shadow:inset 0 1px 1px rgb(31 56 82 / 4%); transition:border-color .16s ease,box-shadow .16s ease; }
.client-field input { height:42px; padding:0 12px; }
.client-field textarea { padding:11px 12px; line-height:1.45; }
.client-field input:hover,.client-field textarea:hover { border-color:rgb(79 119 158 / 86%); }
.client-field input:focus,.client-field textarea:focus { border-color:#348bcc; outline:0; box-shadow:0 0 0 3px rgb(52 139 204 / 15%); }
.client-field small { color:var(--muted); font-size:9px; font-weight:400; }
.client-form-section { min-width:0; }
.client-section-heading { margin-bottom:9px; }
.client-section-heading h2 { margin:0; color:#274c70; font-size:13px; }
.client-contact-grid { display:grid; gap:9px; }
.client-contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:12px; }
.client-contact-wide { grid-column:1/-1; }
.client-contact-grid-compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-selector-trigger { width:100%; height:42px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 12px; border:1px solid rgb(128 151 177 / 72%); border-radius:10px; background:#fff; color:var(--text); font:inherit; font-weight:500; text-align:left; cursor:pointer; transition:border-color .16s ease,box-shadow .16s ease; }
.client-selector-trigger>span:first-child,.client-combobox>summary>span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.client-selector-trigger:hover { border-color:rgb(79 119 158 / 86%); }
.client-selector-trigger:focus-visible { border-color:#348bcc; outline:0; box-shadow:0 0 0 3px rgb(52 139 204 / 15%); }
.client-manager-staged { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 9px 8px 11px; border:1px solid rgb(128 151 177 / 58%); border-radius:10px; background:#f7fafd; }
.client-manager-staged[hidden] { display:none; }
.client-manager-copy { min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 9px; }
.client-manager-copy strong,.client-manager-copy>a { width:100%; overflow:hidden; color:#264866; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.client-manager-copy span { max-width:100%; overflow:hidden; color:#60758a; font-size:9px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.client-manager-actions { flex:0 0 auto; display:flex; gap:4px; }
.client-manager-actions button { min-height:30px; padding:4px 8px; border:1px solid rgb(128 151 177 / 48%); border-radius:8px; background:#fff; color:#2f6fa4; font:inherit; font-size:9px; font-weight:600; cursor:pointer; }
.client-manager-actions button:last-child { color:#65798d; }
.client-manager-actions button:hover { background:#edf4fb; }
.client-manager-actions button:focus-visible { outline:2px solid var(--focus); outline-offset:1px; }
.client-combobox { position:relative; }
.client-combobox-menu { position:absolute; z-index:12; top:calc(100% + 6px); left:0; width:100%; min-width:240px; padding:8px; border:1px solid rgb(128 151 177 / 58%); border-radius:11px; background:rgb(255 255 255 / 99%); box-shadow:0 14px 34px rgb(31 56 82 / 20%); }
.client-combobox-menu input { height:36px; font-size:10px; }
.client-combobox-options { display:grid; gap:2px; max-height:176px; margin:6px 0; overflow:auto; }
.client-combobox-option { width:100%; min-height:34px; padding:7px 9px; border:0; border-radius:7px; background:transparent; color:var(--text); font:inherit; font-size:10px; font-weight:500; text-align:left; cursor:pointer; }
.client-combobox-option:hover,.client-combobox-option:focus-visible { background:#edf4fb; outline:0; }
.client-combobox-option[aria-selected="true"] { background:var(--accent-soft); color:var(--accent); }
.client-picker-add { width:100%; min-height:34px; padding:0 10px; border:1px solid rgb(128 151 177 / 60%); border-radius:9px; background:#f7fafd; color:#2f6fa4; font-size:10px; font-weight:600; text-align:left; cursor:pointer; }
.client-contract-grid,.client-chat-grid,.client-catalog-grid { display:grid; gap:14px; }
.client-contract-grid,.client-chat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.client-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-catalog-grid form { display:grid; gap:12px; margin:12px 0; }
.client-catalog-grid ul { margin:0; padding-left:18px; color:var(--muted); }
.client-upload-button { width:max-content; min-height:36px; padding:6px 11px; cursor:pointer; }
.client-file-field input.sr-only { width:1px; height:1px; padding:0; }
.client-file-list { min-width:0; display:flex; flex-wrap:wrap; gap:5px; }
.client-file-list[hidden] { display:none; }
.client-file-chip { max-width:100%; min-height:26px; display:inline-flex; align-items:center; gap:6px; padding:3px 5px 3px 8px; border:1px solid rgb(128 151 177 / 46%); border-radius:8px; background:#f4f8fc; color:#40566d; font-size:9px; font-weight:500; }
.client-file-chip[hidden] { display:none; }
.client-file-chip>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.client-file-chip button { width:19px; height:19px; flex:0 0 19px; border:0; border-radius:5px; background:transparent; color:#63778d; cursor:pointer; }
.client-file-chip button:hover { background:#e2ebf4; }
.client-comment-section textarea { min-height:64px; resize:vertical; }
.client-lifecycle-section { max-width:320px; }
.client-dialog { width:min(520px,calc(100vw - 28px)); max-height:calc(100vh - 40px); padding:18px; border:1px solid rgb(255 255 255 / 60%); border-radius:16px; background:rgb(250 252 255 / 98%); color:var(--text); box-shadow:0 18px 60px rgb(20 38 58 / 28%); overflow:auto; }
.client-dialog::backdrop { background:rgb(14 29 47 / 38%); backdrop-filter:blur(2px); }
.client-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.client-dialog-head h2 { color:#274c70; font-size:16px; }
.client-dialog-close { width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:#526b84; font-size:20px; }
.client-dialog-close:hover { background:#edf3f8; }
.client-dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
.client-dialog-feedback { margin-top:9px; color:var(--danger); font-size:10px; }
.client-catalog-tabs { width:max-content; display:flex; gap:4px; margin:0 0 10px; padding:4px; border:1px solid var(--shell-edge); border-radius:10px; background:var(--shell-surface); color:var(--shell-ink); text-shadow:var(--shell-text-shadow); backdrop-filter:var(--shell-material-filter); }
.client-catalog-tabs a { padding:7px 11px; border-radius:7px; font-size:11px; }
.client-catalog-tabs a[aria-current="page"] { background:var(--glass-active); box-shadow:inset 0 1px 0 var(--glass-highlight); }
.catalog-record-workspace { max-width:1180px; }
.catalog-fluid-record-workspace { width:100%; max-width:none; margin:0; }
main:has(.catalog-fluid-record-workspace) { max-width:none; }
.catalog-page-header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:7px 20px; }
.catalog-page-header>.project-back-link { grid-column:1/-1; margin-bottom:1px; }
.catalog-page-heading { min-width:0; }
.catalog-page-heading p { margin:4px 0 0; color:var(--shell-muted); font-size:12px; }
.catalog-title-line { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.catalog-title-line h1 { margin:0; overflow-wrap:anywhere; }
.catalog-header-action { align-self:end; white-space:nowrap; }
.catalog-list-panel { overflow:hidden; padding:0; }
.catalog-list-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) auto; gap:9px; padding:14px 16px; border-bottom:1px solid var(--line); background:rgb(248 251 254 / 82%); }
.catalog-search { min-width:0; }
.catalog-search input { width:100%; height:40px; padding:0 13px; border:1px solid rgb(128 151 177 / 64%); border-radius:10px; background:#fff; color:var(--text); box-shadow:inset 0 1px 1px rgb(31 56 82 / 4%); }
.catalog-search input:hover { border-color:rgb(79 119 158 / 86%); }
.catalog-search input:focus { border-color:#348bcc; outline:0; box-shadow:0 0 0 3px rgb(52 139 204 / 15%); }
.catalog-filter-button { min-width:94px; min-height:40px; opacity:1; color:#718397; background:#f4f7fa; border-color:rgb(128 151 177 / 38%); }
.catalog-table-wrap { overflow-x:auto; }
.client-catalog-table { min-width:840px; table-layout:auto; }
.client-catalog-table th:first-child { width:auto; }
.client-catalog-table td { padding-top:9px; padding-bottom:9px; overflow-wrap:anywhere; }
.catalog-list-footer { min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 16px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.catalog-empty-state { min-height:250px; }
main:has(.catalog-directory-workspace) { max-width:none; }
.catalog-directory-workspace { width:100%; max-width:none; margin:0; }
.catalog-directory-panel { width:100%; padding:18px; }
.catalog-directory-toolbar { display:flex; align-items:center; padding:0 0 16px; border-bottom:0; background:transparent; }
.catalog-directory-search { position:relative; flex:1 1 auto; }
.catalog-directory-search .catalog-search-icon { position:absolute; top:50%; left:13px; width:17px; height:17px; color:#718397; transform:translateY(-50%); pointer-events:none; }
.catalog-directory-search input { padding-left:39px; }
.catalog-directory-add { min-height:40px; padding-right:16px; padding-left:16px; white-space:nowrap; }
.catalog-directory-panel .catalog-table-wrap { border:0; border-radius:0; }
.catalog-directory-panel .client-catalog-table { width:100%; min-width:720px; table-layout:fixed; }
.catalog-directory-panel .client-catalog-table th { height:42px; padding:10px 12px; border-bottom-color:rgb(145 165 188 / 66%); }
.catalog-directory-panel .client-catalog-table td { height:50px; padding:10px 12px; border-bottom-color:rgb(181 197 216 / 72%); vertical-align:middle; }
.catalog-agent-list-panel .catalog-agent-comment-cell { min-width:0; }
.catalog-agent-comment { min-width:0; max-width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.catalog-directory-panel .catalog-company-comment-cell { min-width:0; }
.catalog-company-comment { min-width:0; max-width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.catalog-directory-panel .project-name-link { color:#244f7d; font-weight:650; }
.catalog-directory-footer { min-height:38px; justify-content:flex-start; margin-top:0; padding:12px 2px 0; border-top:0; }
.catalog-directory-empty { min-height:0; padding:36px 16px 28px; }
.reference-workspace { min-width:0; }
.reference-description-cell { min-width:0; }
.reference-description-cell span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reference-currency-toolbar { justify-content:space-between; gap:14px; }
.reference-currency-toolbar strong { color:#274c70; font-size:13px; }
.reference-currency-list { columns:2; column-gap:32px; margin:0; padding:0; list-style:none; }
.reference-currency-list li { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:12px; break-inside:avoid; padding:7px 0; line-height:1.4; }
.reference-currency-list li strong { color:#274c70; font-size:12px; }
.reference-currency-list li span { min-width:0; color:var(--muted); overflow-wrap:anywhere; }
.reference-form:not([data-reference-form]) { max-width:620px; }
.reference-currency-create-fields { display:grid; grid-template-columns:minmax(130px,1fr) minmax(0,2fr); gap:14px; }
@media (max-width:700px) { .reference-currency-list { columns:1; } .reference-currency-create-fields { grid-template-columns:minmax(0,1fr); } }
.reference-country-help { margin:0 0 14px; color:var(--muted); }
.reference-country-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
.reference-country-search-area,.reference-country-selection-area { min-width:0; }
.reference-country-search-area>.client-field { margin-bottom:6px; }
.reference-country-search-area>input { width:100%; height:40px; padding:0 12px; border:1px solid rgb(128 151 177 / 64%); border-radius:10px; background:#fff; color:var(--text); }
.reference-country-search-area>input:hover { border-color:rgb(79 119 158 / 86%); }
.reference-country-search-area>input:focus { border-color:#348bcc; outline:0; box-shadow:0 0 0 3px rgb(52 139 204 / 15%); }
.reference-country-options { height:232px; overflow-y:auto; margin-top:9px; padding:5px; border:1px solid rgb(128 151 177 / 52%); border-radius:10px; background:#fff; }
.reference-country-option { display:flex; align-items:center; min-width:0; min-height:39px; gap:9px; padding:7px 9px; border-radius:7px; cursor:pointer; }
.reference-country-option+.reference-country-option { border-top:1px solid rgb(181 197 216 / 32%); }
.reference-country-option:hover,.reference-country-option:has(input:focus-visible) { background:#edf5fb; }
.reference-country-option:has(input:checked) { background:#eaf4fc; color:#245b89; }
.reference-country-option[hidden],.reference-country-no-results[hidden] { display:none; }
.reference-country-option input { flex:0 0 auto; margin:0; accent-color:#2d7eb8; }
.reference-country-name { min-width:0; flex:1; overflow-wrap:anywhere; }
.reference-country-code { flex:0 0 auto; color:var(--muted); font-size:11px; font-weight:650; }
.reference-country-no-results { margin:12px; color:var(--muted); }
.reference-country-selection-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; min-height:59px; gap:6px 12px; }
.reference-country-selection-heading strong { color:#274c70; font-size:13px; }
.reference-country-clear { padding:5px 0; border:0; background:transparent; color:#2f6fa4; font:inherit; font-weight:650; cursor:pointer; }
.reference-country-clear:hover,.reference-country-clear:focus-visible { text-decoration:underline; }
.reference-country-clear:disabled { opacity:.45; cursor:default; text-decoration:none; }
.reference-country-selected { display:flex; align-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:7px; min-height:110px; max-height:232px; overflow-y:auto; padding:10px; border:1px solid rgb(128 151 177 / 52%); border-radius:10px; background:#f9fcff; color:var(--muted); }
.reference-country-chip { max-width:100%; padding:6px 9px; border:1px solid rgb(128 151 177 / 52%); border-radius:8px; background:#fff; color:var(--text); overflow-wrap:anywhere; cursor:pointer; }
.reference-country-chip:hover,.reference-country-chip:focus-visible { border-color:#348bcc; outline:2px solid rgb(52 139 204 / 20%); }
@media (max-width:900px) { .reference-country-picker { grid-template-columns:minmax(0,1fr); gap:14px; } .reference-country-selection-heading { min-height:0; margin-bottom:8px; } }
.reference-country-composition { display:grid; grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); gap:8px 14px; margin:0; padding:0; list-style:none; }
.reference-country-composition li { display:flex; justify-content:space-between; gap:10px; min-width:0; padding:9px 11px; border:1px solid rgb(128 151 177 / 32%); border-radius:9px; overflow-wrap:anywhere; }
.reference-detail-card { margin-bottom:14px; }
.catalog-record-form { width:min(100%,920px); margin:0 auto; padding:20px 22px; }
.catalog-fluid-record-form { width:100%; max-width:none; margin:0; }
.catalog-form-section { padding:16px 0; border-top:1px solid rgb(145 165 188 / 32%); }
.catalog-form-section:first-of-type { padding-top:0; border-top:0; }
.catalog-form-section h2,.catalog-detail-card>h2,.catalog-card-heading h2 { margin:0 0 12px; color:#274c70; font-size:14px; }
.catalog-form-section textarea { min-height:74px; resize:vertical; }
.catalog-detail-card { padding:20px 22px; }
.catalog-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:0; }
.catalog-detail-grid>div { min-width:0; display:grid; grid-template-columns:128px minmax(0,1fr); gap:12px; align-items:start; padding:11px 0; border-bottom:1px solid rgb(145 165 188 / 25%); }
.catalog-detail-grid dt { color:var(--muted); font-size:10px; }
.catalog-detail-grid dd { min-width:0; margin:0; color:var(--text); font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.catalog-detail-grid .catalog-detail-wide { grid-column:1/-1; }
.catalog-agent-detail-workspace .catalog-detail-wide dd { max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
.catalog-detail-comment dd,.catalog-company-detail-workspace .catalog-detail-grid dd,.catalog-company-detail-workspace .text-link { max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
.catalog-detail-group { margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
.catalog-detail-group h3 { margin:0 0 3px; color:#40566d; font-size:12px; }
.catalog-linked-card { margin-top:12px; overflow:hidden; }
.catalog-card-heading { padding:16px 18px 4px; }
.catalog-linked-table { min-width:620px; }
.catalog-linked-table th:first-child { width:auto; }
.catalog-linked-empty { padding:12px 18px 20px; color:var(--muted); font-size:11px; }
.catalog-workspace { max-width:1120px; margin:0 auto; min-width:0; }
.catalog-destination-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.catalog-destination { min-height:150px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:20px; background:rgb(255 255 255 / 97%); color:var(--text); text-shadow:none; transition:transform .16s ease,box-shadow .16s ease; }
.catalog-destination:hover { transform:translateY(-1px); box-shadow:0 14px 34px rgb(25 53 78 / 16%); }
.catalog-destination span { color:#274c70; font-size:17px; font-weight:750; }
.catalog-destination strong { margin-top:auto; color:var(--accent); font-size:14px; }
.catalog-destination small { color:var(--muted); font-size:11px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.field-error { color:var(--danger); font-size:9px; font-weight:600; }
.client-form-alert { margin-bottom:16px; padding:10px 12px; border:1px solid rgb(190 62 62 / 28%); border-radius:10px; background:rgb(255 239 239 / 96%); color:var(--danger); font-size:11px; }
.client-form-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.client-list-header { margin-bottom:10px; padding:6px 0 0; color:var(--shell-ink); text-shadow:var(--shell-text-shadow); }
.client-list-header p { color:var(--shell-muted); }
.client-list-surface { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
/* Client-owned Merchant Accounts reuse the approved directory and form surfaces. */
main:has(.merchant-workspace) { max-width:none; }
.merchant-workspace { width:100%; max-width:none; min-width:0; }
.merchant-directory { min-width:0; }
.merchant-toolbar { gap:12px; }
.merchant-directory .merchant-table { width:100%; min-width:760px; table-layout:fixed; }
.merchant-table th,.merchant-table td { overflow-wrap:anywhere; }
.merchant-table th { white-space:nowrap; }
.merchant-form { width:100%; padding:22px; }
.merchant-form .field-error { color:var(--danger); font-size:11px; font-weight:600; }
.merchant-form .field-reentry-notice { display:block; color:var(--muted); font-size:11px; font-weight:600; }
.merchant-form .client-field [aria-invalid="true"] { border-color:var(--danger); box-shadow:0 0 0 2px rgb(190 62 62 / 18%); }
.merchant-form-section { padding:16px 0; border-bottom:1px solid var(--line); }
.merchant-form-section:first-of-type { padding-top:0; }
.merchant-form-section h3,.merchant-detail-grid h3,.merchant-detail-additional h3 { margin:0 0 14px; color:#274c70; font-size:15px; }
.merchant-form-section h4,.merchant-detail-grid h4 { margin:18px 0 10px; color:#40566d; font-size:12px; }
.merchant-form-section .merchant-settlement-heading { color:#40566d; font-size:12px; font-weight:700; }
.merchant-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; }
.merchant-fee-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.merchant-geography { position:relative; min-width:0; }
.merchant-geography-options { position:absolute; z-index:20; width:100%; max-height:300px; padding:10px; border:1px solid #a9bfd3; border-radius:10px; background:#fff; box-shadow:0 12px 32px rgb(25 53 78 / 20%); }
.merchant-geography-options>input { width:100%; }
.merchant-geography-scroll { max-height:225px; overflow:auto; }
.merchant-geography-scroll [data-geography-section][hidden] { display:none; }
.merchant-geography-scroll [data-geography-section]>strong { display:block; padding:8px 4px 4px; color:#55718d; font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.merchant-geography-scroll label { display:flex; align-items:center; gap:9px; padding:6px 4px; font-size:11px; }
.merchant-geography-scroll label[hidden] { display:none; }
.merchant-geography-scroll input[type="checkbox"] { flex:0 0 16px; width:16px; min-width:16px; height:16px; min-height:16px; margin:0; padding:0; border-radius:3px; box-shadow:none; accent-color:var(--accent); }
.merchant-geography-scroll input[type="checkbox"]:focus { box-shadow:none; }
.merchant-geography-scroll input[type="checkbox"]:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.merchant-geography-selected { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
.merchant-geography-selected:empty { display:none; }
.merchant-geography-chip { padding:3px 7px; border:1px solid #adc3d8; border-radius:999px; background:#eef5fb; color:#244f7d; font-size:10px; font-weight:650; cursor:pointer; }
.merchant-geography-chip:hover,.merchant-geography-chip:focus-visible { border-color:#348bcc; outline:2px solid rgb(52 139 204 / 20%); }
.merchant-form textarea { width:100%; min-height:90px; resize:vertical; }
.terminal-workspace [data-terminal-revealed] { max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; }
.merchant-credentials textarea { width:100%; min-height:110px; resize:vertical; font:inherit; }
.workflow-task-credentials textarea { width:100%; min-height:96px; resize:vertical; font:inherit; }
.merchant-credentials-editor { margin-top:14px; }
.merchant-credentials-editor[hidden] { display:none; }
.workflow-task-credentials { min-width:0; padding:13px 14px; }
.workflow-task-credentials .workflow-task-section-heading { margin-bottom:10px; }
.workflow-task-credentials-summary { min-width:0; min-height:32px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.workflow-task-credentials-summary .button { flex:0 0 auto; }
.workflow-task-credentials-summary[hidden],.workflow-task-credentials-editor[hidden] { display:none; }
.workflow-task-credentials-state { margin:0; color:var(--muted); font-size:12px; }
.workflow-task-credentials-state.saved { color:var(--success); font-weight:700; }
.workflow-task-credentials-editor { min-width:0; margin-top:0; }
.credentials-state,.credentials-help,.credentials-feedback { margin:6px 0; color:var(--muted); font-size:12px; }
.credentials-feedback.success { color:var(--success); }
.credentials-feedback.error { color:var(--danger); }
.credentials-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:10px; }
.credentials-actions form { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.credentials-copy-status { min-height:1em; color:var(--success); font-size:12px; }
@media (max-width:480px) { .workflow-task-credentials-summary { min-height:0; align-items:flex-start; flex-direction:column; gap:8px; } }
.terminal-directory .terminal-table { width:100%; table-layout:fixed; }
.terminal-creation-requests { margin-bottom:12px; }
.terminal-creation-requests-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px 9px; border-bottom:1px solid var(--line); }
.terminal-creation-requests-heading h2 { margin:0; color:#274c70; font-size:13px; }
.terminal-creation-requests-heading p { margin:3px 0 0; color:var(--muted); font-size:10px; }
.terminal-creation-request-table { width:100%; table-layout:fixed; }
.terminal-creation-request-table th:nth-child(1) { width:25%; }
.terminal-creation-request-table th:nth-child(2) { width:18%; }
.terminal-creation-request-table th:nth-child(3) { width:17%; }
.terminal-creation-request-table th:nth-child(4) { width:22%; }
.terminal-creation-request-table th:nth-child(5) { width:18%; }
.terminal-creation-request-number { display:block; margin-top:2px; color:var(--muted); font-size:9px; }
.terminal-creation-request-unavailable { color:var(--muted); font-size:10px; }
@media (max-width:900px) {
  .terminal-creation-requests .catalog-table-wrap { overflow:visible; }
  .terminal-creation-request-table,.terminal-creation-request-table tbody,.terminal-creation-request-table tr,.terminal-creation-request-table td { display:block; width:100%; }
  .terminal-creation-request-table thead { display:none; }
  .terminal-creation-request-table tr { padding:8px 11px; border-bottom:1px solid var(--line); }
  .terminal-creation-request-table tr:last-child { border-bottom:0; }
  .terminal-creation-request-table td { display:grid; grid-template-columns:minmax(90px,32%) minmax(0,1fr); align-items:center; gap:7px; padding:3px 0; border:0; }
  .terminal-creation-request-table td::before { content:attr(data-label); color:var(--muted); font-size:9px; font-weight:650; }
}
@media (max-width:390px) {
  .terminal-creation-requests-heading { padding:10px 11px 8px; }
  .terminal-creation-request-table td { grid-template-columns:minmax(82px,34%) minmax(0,1fr); }
}
.merchant-detail-header { display:flex; align-items:end; justify-content:space-between; gap:12px; }
.merchant-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:14px; }
.merchant-detail-grid>section { min-width:0; }
.merchant-detail-geographies { min-width:0; }
.merchant-detail-geo-section+.merchant-detail-geo-section { margin-top:16px; padding-top:4px; border-top:1px solid var(--line); }
.merchant-detail-geo-section>h4 { margin:8px 0 10px; }
.merchant-detail-geo-kind+.merchant-detail-geo-kind { margin-top:12px; }
.merchant-detail-geo-kind h5 { margin:0 0 7px; color:var(--muted); font-size:10px; font-weight:700; }
.merchant-detail-geo-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 10px; margin:0; padding:0; list-style:none; }
.merchant-detail-geo-items li { min-width:0; padding:7px 9px; border-radius:7px; background:#f4f8fc; color:var(--text); font-size:11px; overflow-wrap:anywhere; }
.merchant-detail-geo-items li[hidden] { display:none; }
.merchant-detail-geo-empty { margin:0; color:var(--muted); font-size:11px; }
.merchant-detail-geo-toggle { margin-top:10px; padding:4px 0; border:0; background:transparent; color:var(--accent); font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.merchant-detail-geo-toggle:hover { text-decoration:underline; }
.merchant-detail-geo-toggle:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.merchant-detail-settlement-value { margin:0; color:var(--text); font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.merchant-detail-additional { margin-top:14px; }
.merchant-detail-additional p { white-space:normal; overflow-wrap:anywhere; }
@media (max-width:1100px) {
 .merchant-fee-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1180px) {
 .merchant-directory .catalog-table-wrap { overflow:visible; }
 .merchant-directory .merchant-table { min-width:0; }
 .merchant-table thead { display:none; }
 .merchant-table,.merchant-table tbody,.merchant-table tr,.merchant-table td { display:block; width:100%; }
 .merchant-table tr { padding:10px 12px; border-bottom:1px solid var(--line); }
 .merchant-table td { display:grid; grid-template-columns:110px minmax(0,1fr); gap:8px; height:auto!important; padding:6px 0!important; border:0!important; }
 .merchant-directory .merchant-table td:last-child { width:100%; text-align:left; }
 .merchant-table td::before { content:attr(data-label); color:var(--muted); font-size:10px; }
}
@media (max-width:780px) {
 .merchant-form-grid,.merchant-detail-grid { grid-template-columns:minmax(0,1fr); }
 .merchant-detail-geo-items { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:520px) {
 .merchant-form { padding:14px; }
 .merchant-fee-grid { grid-template-columns:minmax(0,1fr); }
 .merchant-detail-header { align-items:stretch; flex-direction:column; }
 .merchant-detail-header .button { width:100%; }
}
.employee-workspace { max-width:1120px; margin:0 auto; min-width:0; }
.employee-header { padding-bottom:10px; }
.employee-list-surface,.employee-editor { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.employee-table { width:100%; table-layout:fixed; }
.employee-table td { overflow-wrap:anywhere; }
.employee-editor { padding:18px; }
.employee-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; }
.employee-status-strip { width:max-content; max-width:100%; display:grid; grid-template-columns:max-content max-content; align-items:start; gap:28px; margin-top:12px; }
.employee-status-item { min-width:0; display:grid; align-content:start; gap:5px; }
.employee-status-label { color:var(--muted); font-size:12px; font-weight:650; }
.employee-status-item .badge { min-height:24px; padding:3px 8px; }
.employee-active-switch { min-width:0; min-height:24px; display:inline-flex; align-items:center; gap:8px; padding:0; border:0; background:transparent; color:var(--text); font:inherit; font-weight:650; cursor:pointer; }
.employee-active-switch-track { position:relative; width:34px; height:20px; flex:0 0 34px; border-radius:999px; background:#8796a5; box-shadow:inset 0 0 0 1px rgb(29 53 76 / 14%); transition:background .16s ease; }
.employee-active-switch-track span { position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgb(15 31 47 / 28%); transition:transform .16s ease; }
.employee-active-switch[aria-checked="true"] .employee-active-switch-track { background:#17824d; }
.employee-active-switch[aria-checked="true"] .employee-active-switch-track span { transform:translateX(14px); }
.employee-active-switch:focus-visible { outline:2px solid #348bcc; outline-offset:4px; border-radius:5px; }
.employee-active-switch[aria-busy="true"] { cursor:progress; opacity:.65; }
.employee-active-feedback { max-width:300px; margin:1px 0 0; color:var(--danger); font-size:10px; line-height:1.4; }
.employee-active-dialog { width:min(420px,calc(100vw - 28px)); }
.employee-active-dialog>p { margin:0; color:var(--muted); line-height:1.5; }
.employee-active-dialog .button.danger { border-color:rgb(177 55 55 / 28%); background:var(--danger); color:#fff; }
.employee-role-options input { flex:0 0 18px; width:18px; height:18px; min-height:18px; margin:0; padding:0; accent-color:var(--accent); }
.employee-roles { margin:10px 0 0; padding:14px; border:1px solid rgb(145 165 188 / 42%); border-radius:12px; }
.employee-roles legend { padding:0 6px; font-weight:700; }
.employee-role-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.employee-role-options label { min-width:0; display:flex; align-items:flex-start; gap:9px; padding:10px; border:1px solid rgb(145 165 188 / 34%); border-radius:10px; }
.employee-role-options label>span { min-width:0; }
.employee-role-options small { display:block; margin-top:2px; color:var(--muted); line-height:1.45; overflow-wrap:anywhere; }
.role-workspace { width:100%; max-width:1080px; margin:0 auto; min-width:0; }
.organization-settings { min-width:0; }
.organization-settings-nav { display:flex; width:fit-content; max-width:100%; flex-wrap:wrap; gap:4px 20px; padding:2px 12px; margin:0 0 18px; border:1px solid rgb(255 255 255 / 64%); border-radius:var(--radius); background:rgb(255 255 255 / 97%); }
.organization-settings-nav a { padding:8px 0; color:#314e6b; font-size:13px; border-bottom:2px solid transparent; }
.organization-settings-nav a[aria-current] { border-bottom-color:var(--accent); font-weight:700; }
.organization-settings-panel { max-width:640px; padding:22px; margin:0; background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.organization-settings-summary { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; }
.organization-settings-summary h2 { margin:0; font-size:18px; }
.organization-settings-summary p { margin:6px 0 0; color:var(--muted); font-size:12px; }
.organization-settings-panel p,.organization-settings-panel small { overflow-wrap:anywhere; }
.organization-general-form { max-width:460px; }
.organization-system-info { margin-top:18px; padding-top:14px; border-top:1px solid var(--line); color:var(--muted); }
.organization-system-info dl { margin:0; font-size:11px; }
.organization-system-info dt { margin-bottom:5px; }
.organization-system-info dd { margin:0; color:#40566d; font-size:12px; overflow-wrap:anywhere; }
.organization-system-info p { margin:7px 0 0; font-size:11px; }
.organization-settings-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.system-settings { min-width:0; }
.system-settings-panel { max-width:640px; padding:22px; background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.system-settings-heading { margin-bottom:18px; }
.system-settings-heading h2 { margin:0; font-size:18px; }
.system-settings-heading p { margin:6px 0 0; color:var(--muted); font-size:12px; }
.system-release-info { display:grid; grid-template-columns:repeat(2,minmax(0,220px)); gap:10px; margin:0; }
.system-release-info>div { min-width:0; padding:12px 14px; border:1px solid rgb(145 165 188 / 34%); border-radius:10px; background:rgb(246 249 252 / 72%); }
.system-release-info dt { color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.system-release-info dd { margin:4px 0 0; color:#2d4863; font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.organization-settings .branding-panel { max-width:720px; }
.organization-settings .branding-content { padding:0; display:grid; grid-template-columns:130px minmax(0,1fr); gap:22px; }
.organization-settings .logo-preview { min-width:0; width:130px; height:90px; padding:12px; }
.organization-settings .logo-preview .brand-logo-image { max-width:76px; max-height:56px; }
.organization-settings .branding-file-label { margin-top:0; }
.organization-settings #branding-remove-form { margin-top:10px; }
@media (max-width:600px) {
 .organization-settings-panel { padding:18px; }
 .organization-settings .branding-content { grid-template-columns:minmax(0,1fr); gap:18px; }
 .organization-settings-summary { flex-wrap:wrap; }
 .system-settings-panel { padding:18px; }
 .system-release-info { grid-template-columns:minmax(0,1fr); }
}
.role-list-surface,.role-editor { background:rgb(255 255 255 / 97%); border-color:rgb(255 255 255 / 64%); }
.role-list-surface { padding:14px 16px; }
.role-list-table-wrap { border:1px solid rgb(145 165 188 / 34%); border-radius:11px; }
.role-list-table { width:100%; table-layout:fixed; }
.role-list-table th:nth-child(1) { width:18%; }
.role-list-table th:nth-child(2) { width:15%; }
.role-list-table th:nth-child(3) { width:auto; }
.role-list-table th:nth-child(4) { width:110px; }
.role-list-table th:nth-child(5) { width:108px; }
.role-list-table td { overflow-wrap:anywhere; }
.role-editor { padding:18px; }
.role-title-line { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.role-title-line h2 { margin:0; }
.role-permission-groups { display:grid; gap:14px; margin-top:18px; }
.role-permission-group { padding:14px; border:1px solid rgb(145 165 188 / 42%); border-radius:12px; }
.role-permission-group legend { padding:0 6px; font-weight:700; }
.role-permission-group .employee-role-options label { background:#fff; transition:border-color .14s ease,background .14s ease,box-shadow .14s ease; }
.role-permission-group .employee-role-options label:has(input:checked) { border-color:#4a8fc8; background:#edf6fd; box-shadow:inset 3px 0 0 #2f7fba; }
.role-permission-secret { border-color:#c97600!important; background:#fff8e8!important; }
.role-permission-secret:has(input:checked) { background:#fff1cf!important; box-shadow:inset 3px 0 0 #c97600!important; }
.role-permission-secret-marker { display:inline-flex; margin-left:5px; padding:2px 5px; border-radius:4px; background:#f8d79d; color:#7a4a00; font-size:8px; font-weight:750; vertical-align:1px; }
.role-permission-dependencies { display:block; margin-top:4px; color:#536c84; font-weight:650; }
.role-archive-form { margin-top:18px; padding-top:14px; border-top:1px solid var(--line); }
.client-contacts-header { align-items:center; }
.client-contacts-header h2 { margin:0 0 3px; color:var(--shell-ink); font-size:20px; }
.client-contacts-surface { overflow:hidden; }
.client-contacts-table td { height:50px; }
.client-contact-manager-choice { display:flex; align-items:center; gap:8px; margin-top:13px; color:#40566d; font-size:10px; font-weight:600; }
.client-contact-manager-choice input { width:16px; height:16px; accent-color:var(--accent); }
.client-contact-detail { max-width:720px; }
.client-contact-detail-form { display:grid; gap:14px; }
.client-contact-detail-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding-top:13px; border-top:1px solid var(--line); }
.project-workspace-state { min-height:340px; padding:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; background:rgb(255 255 255 / 97%); }
.project-workspace-state p { max-width:480px; color:var(--muted); }
.detail-grid { display:grid; grid-template-columns:minmax(0,1fr) 250px; }
.info-block { padding:20px; border-bottom:1px solid var(--line); }
.info-block p { margin-top:12px; font-size:13px; }
.info-block dl { display:grid; grid-template-columns:100px 1fr; gap:12px; font-size:12px; }
.info-block dd { margin:0; }
.context-drawer { padding:20px; border-left:1px solid var(--line); }
.context-drawer p { margin:12px 0; font-size:12px; color:var(--muted); }
.working-grid { display:grid; grid-template-columns:180px minmax(0,1fr) 220px; min-height:440px; }
.working-nav { padding:16px; display:flex; flex-direction:column; gap:12px; background:var(--workspace-surface); border-right:1px solid var(--line); font-size:12px; }
.working-content { min-width:0; }
.working-content .field { margin:16px; }
textarea { resize:vertical; }
@media (max-width:1100px) {
 .background-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .working-grid { grid-template-columns:150px minmax(0,1fr); }
 .working-grid>.context-drawer { grid-column:1/-1; border-left:0; border-top:1px solid var(--line); }
 .global-tools { max-width:320px; }
 .project-overview { grid-template-columns:minmax(0,1fr) minmax(240px,.72fr); }
 .client-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .client-overview-grid { grid-template-columns:minmax(0,1fr); }
 .client-side-column { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
 .topbar { padding:0 12px; gap:8px; }
 .global-tools,.breadcrumb-root,.breadcrumb-separator { display:none; }
 .breadcrumbs { min-width:0; }
 main { padding:16px 12px; }
 .page-header { padding:4px 0 0; }
 .background-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .appearance-panel fieldset { padding:16px; }
 .branding-content { flex-direction:column; gap:12px; padding:16px; }
 .logo-preview { width:150px; }
 .detail-grid,.working-grid { grid-template-columns:minmax(0,1fr); }
 .context-drawer { border-left:0; border-top:1px solid var(--line); }
 .working-nav { flex-direction:row; flex-wrap:wrap; align-items:center; border-right:0; border-bottom:1px solid var(--line); }
 .panel-heading { flex-wrap:wrap; }
 .overview-item small { font-size:12px; }
 .preview-bar { flex-wrap:wrap; }
 .task-table { table-layout:fixed; }
 .task-table th:first-child { width:65%; }
 .projects-table th:first-child { width:32%; }
 .task-table .badge { white-space:normal; width:auto; }
 .project-row,.timeline-row { flex-wrap:wrap; }
 .projects-toolbar { flex-wrap:wrap; }
 .projects-search { flex:1 1 160px; }
 .projects-page-header { flex-direction:row; }
 .projects-surface>.empty-state { min-height:300px; }
 .task-list-context { align-items:flex-start; flex-wrap:wrap; gap:3px 10px; }
 .task-control-line { grid-template-columns:1fr; align-items:start; gap:3px; }
 .task-primary-controls { display:grid; grid-row:3; grid-template-columns:auto minmax(80px,1fr) auto; width:100%; margin-top:4px; }
 .task-list-subtitle { grid-column:1; grid-row:2; }
 .task-role-select-form { grid-column:2/4; min-width:0; }
 .task-search-filter { grid-column:1/3; grid-row:2; width:100%; min-width:0; max-width:none; }
 .task-filter-trigger { grid-column:3; grid-row:2; }
 .project-task-table { min-width:0; display:block; }
 .project-task-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 .project-task-table tbody,.project-task-table tr,.project-task-table td { display:block; width:100%; }
 .project-task-table tr { padding:7px 12px; border-bottom:1px solid rgb(181 197 216 / 52%); }
 .project-task-table tr:last-child { border-bottom:0; }
 .project-task-table td,.project-task-table td:first-child { display:grid; grid-template-columns:104px minmax(0,1fr); align-items:center; gap:8px; height:auto; min-height:35px; padding:6px 0; border:0; background:transparent; }
 .project-task-table td::before { content:attr(data-label); color:var(--muted); font-size:8px; font-weight:600; letter-spacing:.55px; text-transform:uppercase; }
 .project-task-table tbody tr:hover td { background:transparent; }
 .project-task-table .project-technical-code { grid-column:2; }
 .project-task-table .task-project-name { overflow:visible; white-space:normal; overflow-wrap:anywhere; }
 .task-list-surface>.empty-state { min-height:280px; }
 .project-workspace-state { min-height:300px; padding:24px 18px; }
 .client-side-column,.client-recent-grid { grid-template-columns:minmax(0,1fr); }
 .client-editor { padding:16px; }
 .client-contract-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:900px) {
 .catalog-destination-grid { grid-template-columns:minmax(0,1fr); }
 .catalog-destination { min-height:112px; }
 .employee-table { min-width:0; display:block; }
 .employee-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 .employee-table tbody,.employee-table tr,.employee-table td { display:block; width:100%; }
 .employee-table tr { padding:8px 13px; border-bottom:1px solid rgb(181 197 216 / 52%); }
 .employee-table tr:last-child { border-bottom:0; }
 .employee-table td,.employee-table td:first-child,.employee-table td:last-child { display:grid; grid-template-columns:118px minmax(0,1fr); align-items:center; gap:8px; width:100%; height:auto; min-height:32px; padding:5px 0; border:0; background:transparent; text-align:left; }
 .employee-table td::before { content:attr(data-label); color:var(--muted); font-size:8px; font-weight:600; letter-spacing:.45px; text-transform:uppercase; }
 .employee-table tbody tr:hover td { background:transparent; }
}
@media (max-width:768px) {
 .employee-form-grid,.employee-role-options { grid-template-columns:minmax(0,1fr); }
 .client-catalog-tabs { width:100%; max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
 .client-catalog-tabs::-webkit-scrollbar { display:none; width:0; height:0; }
 .client-catalog-tabs a { flex:0 0 auto; white-space:nowrap; }
 .client-form-grid { grid-template-columns:minmax(0,1fr); }
 .client-field-wide { grid-column:auto; }
 .client-contract-grid,.client-chat-grid { grid-template-columns:minmax(0,1fr); }
 .client-editor { padding:16px; }
 .client-combobox-menu { position:fixed; top:auto; right:14px; bottom:14px; left:14px; width:auto; max-height:min(420px,calc(100vh - 28px)); }
 .client-combobox-options { max-height:220px; }
 .catalog-page-header { grid-template-columns:minmax(0,1fr) auto; }
 .catalog-list-toolbar { grid-template-columns:minmax(0,1fr) auto; padding:12px; }
 .catalog-directory-panel { padding:14px; }
 .catalog-directory-toolbar { padding:0 0 14px; }
 .catalog-table-wrap { overflow:visible; }
 .catalog-directory-panel .client-catalog-table { min-width:0; }
 .catalog-directory-panel .client-catalog-table td { height:auto; min-height:38px; padding:7px 0; }
 .client-catalog-table,.catalog-linked-table { min-width:0; display:block; }
 .client-catalog-table thead,.catalog-linked-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 .client-catalog-table tbody,.client-catalog-table tr,.client-catalog-table td,.catalog-linked-table tbody,.catalog-linked-table tr,.catalog-linked-table td { display:block; width:100%; }
 .client-catalog-table tr,.catalog-linked-table tr { padding:9px 13px; border-bottom:1px solid rgb(181 197 216 / 52%); }
 .client-catalog-table tr:last-child,.catalog-linked-table tr:last-child { border-bottom:0; }
 .client-catalog-table td,.client-catalog-table td:first-child,.client-catalog-table td:last-child,.catalog-linked-table td,.catalog-linked-table td:first-child,.catalog-linked-table td:last-child { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; gap:8px; width:100%; height:auto; min-height:33px; padding:5px 0; border:0; background:transparent; text-align:left; }
 .client-catalog-table td::before,.catalog-linked-table td::before { content:attr(data-label); color:var(--muted); font-size:8px; font-weight:600; letter-spacing:.45px; text-transform:uppercase; }
 .client-catalog-table tbody tr:hover td,.catalog-linked-table tbody tr:hover td { background:transparent; }
 .catalog-detail-grid { grid-template-columns:minmax(0,1fr); }
 .catalog-detail-grid .catalog-detail-wide { grid-column:auto; }
 .catalog-record-form,.catalog-detail-card { padding:16px; }
 .project-workspace-header { margin-bottom:12px; padding:16px; border:1px solid rgb(255 255 255 / 46%); border-radius:16px; background:rgb(255 255 255 / 72%); color:#18324a; text-shadow:none; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
 .project-back-link { margin-bottom:10px; color:#40566d; text-shadow:none; }
 .project-back-link:hover { color:#18324a; }
 .project-workspace-heading { align-items:flex-start; flex-direction:column; gap:10px; min-width:0; }
 .project-workspace-heading>div:first-child { min-width:0; max-width:100%; }
 .project-workspace-heading .eyebrow { color:#35658e; }
 .project-workspace-heading h1 { color:#18324a; line-height:1.16; overflow-wrap:anywhere; }
 .project-workspace-heading .project-technical-code { max-width:100%; color:#40566d; text-shadow:none; overflow-wrap:anywhere; }
 .project-workspace-badges { justify-content:flex-start; gap:6px; }
 .project-workspace-badges .badge { padding:4px 7px; font-size:9px; }
 .project-header-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; margin-top:14px; }
 .project-header-facts>div { min-width:0; padding:8px 0 0; border:0; border-radius:0; background:transparent; }
 .project-header-facts>div:nth-child(2) { grid-column:1/-1; grid-row:2; margin-top:8px; padding-top:10px; border-top:1px solid rgb(73 101 128 / 22%); }
 .project-header-facts>div:nth-child(3) { grid-column:2; grid-row:1; }
 .project-header-facts dt { color:#40566d; }
 .project-header-facts dd { color:#18324a; overflow-wrap:anywhere; }
 .project-tabs { margin-right:0; margin-left:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scrollbar-width:none; -ms-overflow-style:none; }
 .project-tabs::-webkit-scrollbar { display:none; width:0; height:0; }
 .project-tabs a,.project-tabs>span { white-space:nowrap; }
 .project-overview { grid-template-columns:minmax(0,1fr); gap:10px; }
 .project-information { grid-row:auto; }
 .project-overview-card .panel-heading { padding:16px; }
 .project-card-content { padding:16px; }
 .project-information-list { gap:13px 16px; margin-top:16px; padding-top:16px; }
 .project-participant-list { padding-right:16px; padding-left:16px; }
 .project-participant-more { padding-right:16px; padding-left:16px; }
}
@media (max-width:520px) {
 .employee-status-strip { width:100%; display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
}
@media (max-width:520px) {
 .client-kpi-grid { gap:8px; }
 .client-kpi { min-height:96px; padding:12px; }
 .client-kpi>strong { font-size:22px; }
 .client-kpi:last-child>strong { font-size:13px; }
 .client-tabs { margin-bottom:10px; }
 .client-chat-grid,.client-contact-grid,.client-catalog-grid { grid-template-columns:minmax(0,1fr); }
 .catalog-page-header { grid-template-columns:minmax(0,1fr); }
 .catalog-page-header>.project-back-link { grid-column:1; }
 .catalog-header-action { width:100%; }
 .catalog-list-toolbar { grid-template-columns:minmax(0,1fr); }
 .catalog-directory-toolbar { align-items:stretch; flex-direction:column; gap:8px; }
 .catalog-directory-add { width:100%; }
 .catalog-filter-button { width:100%; }
 .catalog-list-footer { align-items:flex-start; flex-direction:column; gap:3px; }
 .catalog-detail-grid>div { grid-template-columns:96px minmax(0,1fr); gap:9px; }
 .client-dialog-actions { align-items:stretch; flex-direction:column-reverse; }
 .client-dialog-actions .button { width:100%; }
 .client-form-actions { align-items:stretch; flex-direction:column; }
 .client-form-actions .button { width:100%; }
 .client-contact-detail-actions { align-items:stretch; flex-direction:column; }
 .client-contact-detail-actions .button { width:100%; }
}
@media (max-width:640px) {
 .auth-layout { padding:16px 12px; align-content:start; }
 .auth-card { padding:21px 20px 19px; border-radius:20px; }
 .auth-layout[data-auth-stage="enrollment"] .auth-card { padding:20px 18px 18px; }
 .auth-heading { margin:17px auto 15px; }
 .auth-heading h1 { font-size:24px; }
 .enrollment-grid { grid-template-columns:minmax(0,1fr); gap:13px; padding:11px; }
 .enrollment-instructions ol { gap:9px; }
 .auth-security { margin-top:14px; }
}
@media (max-width:360px) {
 .auth-layout { padding:12px 8px; }
 .auth-card { padding:18px 14px 16px; border-radius:18px; }
 .auth-layout[data-auth-stage="enrollment"] .auth-card { padding:18px 14px 16px; }
 .auth-brand .brand-word { font-size:23px; }
 .auth-heading { margin:17px auto 15px; }
 .auth-heading h1 { font-size:22px; }
 .auth-heading p { font-size:12px; }
 .totp-cells { --auth-totp-gap:5px; }
 .totp-cell { height:46px; border-radius:9px; font-size:19px; }
 .enrollment-secret-row { align-items:stretch; flex-direction:column; }
}
@media (max-width:1350px) {
 .client-overview-workspace .client-recent-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
 .client-overview-workspace .client-side-column { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:760px) {
 .client-overview-header { margin-bottom:12px; padding:15px; border:1px solid rgb(255 255 255 / 46%); border-radius:16px; background:rgb(255 255 255 / 72%); color:#18324a; text-shadow:none; backdrop-filter:blur(6px); }
 .client-overview-header .project-back-link { margin-bottom:12px; }
 .client-overview-header .project-back-link,.client-overview-identity-copy p { color:#40566d; text-shadow:none; }
 .client-overview-header-row { align-items:flex-start; flex-direction:column; }
 .client-overview-header-right { width:100%; }
 .client-overview-workspace .client-data-grid { grid-template-columns:minmax(0,1fr); }
 .client-overview-workspace .client-data-wide { grid-column:auto; }
 .client-overview-primary { padding:2px 16px; }
}
@media (max-width:600px) {
 .client-overview-workspace .client-kpi-grid,.client-overview-workspace .client-recent-grid { grid-template-columns:minmax(0,1fr); }
 .client-overview-identity { align-items:flex-start; }
 .client-overview-avatar { width:42px; height:42px; flex-basis:42px; font-size:18px; }
 .client-overview-title-row h1 { font-size:20px; }
}
.workflow-page { width:100%; min-width:0; }
.workflow-page .catalog-detail-card,.workflow-page .catalog-table-wrap { min-width:0; max-width:100%; }
.workflow-command-bar { position:relative; z-index:30; display:flex; align-items:center; gap:12px; min-width:0; margin:0 0 8px; padding:3px 2px; overflow:visible; background:transparent; }
.workflow-command-bar h1 { flex:0 0 auto; display:flex; align-items:center; gap:7px; margin:0 3px 0 0; color:#193d67; font-size:25px; line-height:1.2; }
.workflow-create-action { flex:0 0 auto; min-height:38px; gap:0; padding:0; overflow:hidden; border-color:rgb(255 255 255 / 24%); background:var(--success); color:white; white-space:nowrap; box-shadow:inset 0 1px 0 rgb(255 255 255 / 20%),0 3px 10px rgb(16 55 39 / 22%); text-shadow:0 1px 2px rgb(10 35 24 / 42%); }
.workflow-create-action:hover { background:#216344; }
.workflow-create-action:active { background:#194f36; }
.workflow-create-action>span:first-child { padding:9px 12px; }
.workflow-create-chevron { align-self:stretch; display:inline-flex; align-items:center; padding:0 9px; border-left:1px solid rgb(255 255 255 / 26%); font-size:13px; }
.workflow-command-form { flex:1 1 auto; display:flex; align-items:center; gap:7px; min-width:0; }
.workflow-filter-search input { width:100%; height:38px; min-height:38px; padding-left:36px; border-radius:9px; background:rgb(255 255 255 / 94%); font-size:12px; }
.workflow-filter-search { position:relative; flex:1 1 390px; min-width:210px; margin-left:auto; }
.workflow-search-icon { position:absolute; z-index:1; top:50%; left:11px; width:16px; height:16px; color:#718397; transform:translateY(-50%); pointer-events:none; }
.workflow-filter-chips { display:flex; flex:0 1 auto; align-items:center; gap:5px; min-width:0; max-width:38%; overflow:hidden; }
.workflow-filter-chip { display:inline-flex; align-items:center; gap:5px; max-width:170px; min-height:27px; padding:4px 8px; border:1px solid rgb(67 112 163 / 18%); border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:10px; font-weight:600; line-height:1.2; text-decoration:none; }
.workflow-filter-chip span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workflow-filter-chip:hover { border-color:rgb(67 112 163 / 38%); background:#e5effa; }
.workflow-filter-chip.work-status-filter { border-color:var(--work-status-border); background:var(--work-status-bg); color:var(--work-status-fg); font-weight:750; }
.workflow-filter-chip.work-status-filter:hover { filter:brightness(.96); }
.workflow-filter-menu { position:relative; flex:0 0 auto; }
.workflow-filter-menu>summary { min-height:38px; padding:8px 13px; cursor:pointer; list-style:none; background:rgb(255 255 255 / 86%); }
.workflow-filter-menu>summary::-webkit-details-marker { display:none; }
.workflow-filter-menu[open]>summary { border-color:rgb(67 112 163 / 35%); background:var(--accent-soft); color:var(--accent); }
.workflow-filter-popover { position:absolute; z-index:40; top:calc(100% + 7px); right:0; width:min(620px,calc(100vw - 32px)); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:13px; border:1px solid rgb(143 164 187 / 48%); border-radius:12px; background:#fff; box-shadow:0 18px 42px rgb(28 54 84 / 22%); }
.workflow-filter-control { display:grid; gap:5px; min-width:0; color:#40566d; font-size:10px; font-weight:600; }
.workflow-filter-control input { width:100%; height:36px; min-height:36px; font-size:11px; }
.workflow-filter-actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:7px; padding-top:2px; }
.workflow-filter-apply,.workflow-filter-reset { min-height:34px; white-space:nowrap; }
.workflow-filter-reset { text-decoration:none; }
.workflow-view-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; margin:0 0 7px; padding:5px 7px; border:1px solid rgb(181 197 216 / 56%); border-radius:10px; background:rgb(255 255 255 / 88%); box-shadow:0 2px 9px rgb(33 59 87 / 6%); }
.workflow-tabs { display:flex; align-items:center; gap:3px; min-width:0; margin:0; }
.workflow-tabs a,.workflow-list-mode { min-height:32px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:6px 11px; border:1px solid transparent; border-radius:7px; color:#40566d; font-size:11.5px; font-weight:650; line-height:1.2; text-decoration:none; white-space:nowrap; }
.workflow-tabs .icon { width:15px; height:15px; flex:0 0 auto; }
.workflow-list-mode { border-color:rgb(67 112 163 / 18%); background:#fff; color:#193d67; }
.workflow-tabs a:hover { background:rgb(229 238 252 / 70%); color:#244f7d; }
.workflow-tabs a.active { border-color:rgb(67 112 163 / 18%); background:var(--accent-soft); color:var(--accent); box-shadow:inset 0 1px 0 rgb(255 255 255 / 72%); }
.workflow-tabs a:focus-visible { outline:2px solid #348bcc; outline-offset:2px; }
.workflow-list-meta { flex:0 0 auto; display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; white-space:nowrap; }
.workflow-list-meta strong { color:#193d67; }
.workflow-sort-label { min-height:30px; display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-left:1px solid rgb(181 197 216 / 55%); }
.workflow-view-settings { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid rgb(128 151 177 / 34%); border-radius:7px; background:#f5f8fb; color:#718397; }
.workflow-view-settings .icon { width:15px; height:15px; }
.workflow-view-settings:disabled { cursor:not-allowed; opacity:.66; }
.workflow-list-surface { min-width:0; overflow:hidden; padding:0; background:rgb(255 255 255 / 97%); }
.workflow-table-wrap { overflow:visible; }
.workflow-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:12px; }
.workflow-table th,.workflow-table td { padding:11px 12px; border-bottom:1px solid rgb(181 197 216 / 48%); text-align:left; vertical-align:middle; overflow-wrap:anywhere; }
.workflow-table th { height:34px; padding-top:9px; padding-bottom:9px; background:rgb(239 244 250 / 72%); color:var(--muted); font-size:9.5px; font-weight:600; letter-spacing:.5px; text-transform:uppercase; }
.workflow-table td { height:70px; }
.workflow-table tbody tr:last-child td { border-bottom:0; }
.workflow-task-row { cursor:pointer; }
.workflow-task-row:hover td { background:rgb(232 240 250 / 58%); }
.workflow-task-row:focus-visible { outline:2px solid #348bcc; outline-offset:-2px; }
.workflow-table th:nth-child(1) { width:42px; }
.workflow-table th:nth-child(2) { width:auto; }
.workflow-table th:nth-child(3) { width:19%; }
.workflow-table th:nth-child(4) { width:14%; }
.workflow-table th:nth-child(5) { width:13%; }
.workflow-table th:nth-child(6) { width:12%; }
.workflow-table th:nth-child(7) { width:46px; }
.workflow-select-column,.workflow-select-cell { text-align:center!important; }
.workflow-select-column input,.workflow-select-cell input { width:15px; height:15px; margin:0; accent-color:var(--accent); }
.workflow-task-cell strong { display:block; color:#193d67; font-size:13px; font-weight:700; line-height:1.35; }
.workflow-task-cell>span { display:block; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.3; }
.workflow-task-cell .text-link { font-size:inherit; }
.workflow-queue-cell,.workflow-assignee-cell,.workflow-deadline-cell { font-size:12px; line-height:1.4; }
.workflow-queue-cell { color:#334f6b; }
.workflow-assignee-cell.is-muted,.workflow-deadline-cell.is-muted { color:var(--muted); }
.workflow-status { max-width:100%; padding:5px 7px; white-space:normal; text-align:center; }
.workflow-table-action { padding-right:18px!important; padding-left:6px!important; text-align:center!important; white-space:nowrap; }
.workflow-row-menu { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; color:#40566d; font-size:18px; line-height:1; text-decoration:none; }
.workflow-row-menu:hover,.workflow-row-menu:focus-visible { background:var(--accent-soft); color:var(--accent); }
.workflow-empty-state { min-height:0; padding:26px 18px; }
.workflow-empty-state h3 { margin:0; }
.workflow-empty-state p { margin:0; }
.workflow-task-create-dialog { width:min(540px,calc(100vw - 28px)); padding:19px; }
.workflow-task-create-dialog .client-dialog-head { margin-bottom:14px; }
.workflow-task-create-field { margin-top:0; }
.workflow-task-create-description { min-height:58px; margin-top:11px; padding:11px 12px; border:1px solid rgb(181 197 216 / 55%); border-radius:10px; background:#f4f8fc; color:var(--muted); font-size:11px; line-height:1.5; }
.workflow-task-create-description p { margin:0; }
.workflow-task-detail-title { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.workflow-task-detail-title h1 { max-width:980px; margin:2px 0 0; color:#193d67; font-size:21px; line-height:1.3; overflow-wrap:anywhere; }
.workflow-task-detail-title .eyebrow { margin:0; }
.workflow-task-detail-title>.badge { flex:0 0 auto; margin-top:4px; }
.workflow-task-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:12px; align-items:start; min-width:0; }
.workflow-task-detail-main { min-width:0; display:grid; gap:10px; }
.workflow-task-summary-card,.workflow-task-spec-card,.workflow-task-work-card,.workflow-task-actions-card { min-width:0; padding:14px 16px; }
.workflow-task-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:10px; }
.workflow-task-section-heading h2,.workflow-task-actions-card h2,.workflow-task-spec-card>h2 { margin:0; color:#274c70; font-size:14px; }
.workflow-task-section-heading p { margin:3px 0 0; color:var(--muted); font-size:10px; }
.workflow-task-section-heading>span { flex:0 0 auto; color:var(--muted); font-size:10px; font-weight:650; }
.workflow-task-description { margin:0 0 11px; color:#40566d; font-size:11px; line-height:1.5; }
.workflow-task-meta-grid,.workflow-task-spec-grid,.workflow-task-commercial-grid { display:grid; margin:0; }
.workflow-task-meta-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 16px; }
.workflow-task-spec-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px 18px; }
.workflow-task-commercial-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.workflow-task-meta-grid>div,.workflow-task-spec-grid>div,.workflow-task-commercial-grid>div { min-width:0; }
.workflow-task-meta-grid dt,.workflow-task-spec-grid dt,.workflow-task-commercial-grid dt { color:var(--muted); font-size:9px; }
.workflow-task-meta-grid dd,.workflow-task-spec-grid dd,.workflow-task-commercial-grid dd { margin:3px 0 0; color:#294663; font-size:11px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; }
.workflow-task-commercial-grid>div { padding:8px 9px; border-radius:8px; background:#f5f8fb; }
.workflow-task-subsection { margin-top:12px; padding-top:11px; border-top:1px solid rgb(145 165 188 / 30%); }
.workflow-task-subsection>h3,.workflow-task-context-grid h3,.workflow-task-context-grid h4 { margin:0 0 7px; color:#40566d; font-size:11px; }
.workflow-task-geo-grid,.workflow-task-context-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.workflow-task-geo-grid h4 { margin:0 0 6px; color:var(--muted); font-size:9px; }
.workflow-task-chip-list { min-width:0; display:flex; flex-wrap:wrap; gap:5px; }
.workflow-task-chip { max-width:100%; padding:4px 7px; border:1px solid rgb(128 151 177 / 34%); border-radius:999px; background:#edf4fa; color:#28577f; font-size:9px; font-weight:600; overflow-wrap:anywhere; }
.workflow-task-empty { color:var(--muted); font-size:10px; }
.workflow-task-url-list { display:grid; gap:4px; min-width:0; margin:0; padding:0; list-style:none; }
.workflow-task-url-list li,.workflow-task-url-list a { min-width:0; color:#2f6fa4; font-size:10px; overflow-wrap:anywhere; word-break:break-word; }
.workflow-task-provider-list { display:grid; gap:5px; }
.workflow-task-provider-list>div { min-width:0; display:grid; grid-template-columns:minmax(90px,.35fr) minmax(0,1fr); gap:7px; padding:5px 0; border-bottom:1px solid rgb(145 165 188 / 22%); }
.workflow-task-provider-list>div:last-child { border-bottom:0; }
.workflow-task-provider-list strong,.workflow-task-provider-list span { font-size:10px; overflow-wrap:anywhere; }
.workflow-task-provider-list strong { color:#294663; }
.workflow-task-provider-list span { color:var(--muted); }
.workflow-task-note { margin-top:9px; padding:8px 10px; border-left:3px solid rgb(67 112 163 / 28%); background:#f7f9fc; color:#40566d; }
.workflow-task-note strong { font-size:9px; }
.workflow-task-note p { margin:3px 0 0; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.workflow-task-table-wrap { max-width:100%; overflow-x:auto; }
.workflow-task-work-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:10px; }
.workflow-task-work-table th,.workflow-task-work-table td { padding:8px 9px; border-bottom:1px solid rgb(181 197 216 / 44%); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.workflow-task-work-table th { color:var(--muted); background:#f4f7fb; font-size:8px; font-weight:650; letter-spacing:.35px; text-transform:uppercase; }
.workflow-task-work-table tbody tr:last-child td { border-bottom:0; }
.workflow-task-approval-table th:nth-child(1) { width:18%; }
.workflow-task-approval-table th:nth-child(2) { width:25%; }
.workflow-task-approval-table th:nth-child(3) { width:16%; }
.workflow-task-approval-table th:nth-child(4) { width:41%; }
.workflow-task-table-url { display:block; color:#2f6fa4; overflow-wrap:anywhere; word-break:break-word; }
.workflow-task-row-comment { display:block; margin-top:4px; color:var(--muted); font-size:9px; line-height:1.35; }
.workflow-task-actions-card { position:sticky; top:74px; display:grid; gap:10px; }
.workflow-task-actions-card form { display:grid; gap:7px; margin:0; padding-top:10px; border-top:1px solid rgb(145 165 188 / 30%); }
.workflow-task-actions-card form:first-of-type { padding-top:0; border-top:0; }
.workflow-task-actions-card .button { width:100%; min-height:34px; padding:6px 9px; font-size:10px; }
.workflow-task-actions-card .client-field { gap:4px; }
.workflow-task-create-description:not(:has(p:not([hidden])))::before { content:"После выбора появится краткое описание задачи."; }
.workflow-task-create-dialog .client-dialog-actions { flex-direction:row; }
.workflow-mine { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.workflow-choice-page-header { display:block; margin-bottom:12px; }
.workflow-choice-page-header .project-back-link { display:inline-flex; margin-bottom:9px; }
.workflow-choice-page-header h1 { margin:0; }
.workflow-choice-page-header p { margin:5px 0 0; }
.workflow-choice-grid,.workflow-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.workflow-choice-grid { gap:12px; align-items:stretch; }
.workflow-choice { min-height:154px; display:grid; grid-template-rows:auto 1fr auto; gap:10px; padding:19px 20px; border-color:rgb(255 255 255 / 64%); background:rgb(255 255 255 / 96%); color:inherit; text-decoration:none; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease; }
.workflow-choice:hover { border-color:rgb(62 111 164 / 42%); background:#fff; box-shadow:0 9px 24px rgb(31 62 96 / 13%); transform:translateY(-1px); }
.workflow-choice:focus-visible { border-color:#348bcc; outline:3px solid rgb(52 139 204 / 24%); outline-offset:2px; box-shadow:0 9px 24px rgb(31 62 96 / 13%); }
.workflow-choice strong { color:#193d67; font-size:15px; line-height:1.3; }
.workflow-choice-description { max-width:590px; color:var(--muted); font-size:12px; line-height:1.55; }
.workflow-choice-action { align-self:end; width:max-content; color:var(--accent); font-size:11px; font-weight:700; }
.workflow-repeat-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-bottom:10px; }
.workflow-terminal-picker { display:grid; grid-template-columns:minmax(220px,.45fr) minmax(0,1fr); gap:18px; align-items:start; }
.workflow-terminal-results { max-height:240px; overflow:auto; border:1px solid var(--line); border-radius:12px; padding:8px; min-height:48px; }
.workflow-terminal-option { display:flex; gap:8px; padding:8px; border-radius:8px; }
.workflow-terminal-option:focus-within { outline:2px solid #348bcc; outline-offset:1px; }
.workflow-selected-terminals { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.workflow-provider-states { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:8px; }
.workflow-provider-states p { display:flex; justify-content:space-between; gap:12px; margin:0; padding:9px 11px; border-radius:9px; background:#f4f8fc; }
.merchant-detail-workspace { display:grid; gap:6px; }
.merchant-detail-workspace>.client-workspace-context { margin-bottom:0; }
.merchant-detail-workspace>.merchant-detail-header { margin:0; padding:1px 2px 2px; align-items:center; }
.merchant-detail-header-copy { min-width:0; }
.merchant-detail-workspace>.merchant-detail-header .project-back-link { margin:0 0 2px; font-size:9px; line-height:1.25; }
.merchant-detail-workspace>.merchant-detail-header h1 { display:flex; align-items:center; flex-wrap:wrap; gap:7px; min-width:0; margin:0; font-size:18px; line-height:1.2; overflow-wrap:anywhere; }
.merchant-detail-workspace>.merchant-detail-header .button { min-height:30px; padding:5px 10px; font-size:9px; }
.merchant-detail-workspace>.merchant-detail-grid { margin-top:0; }
.merchant-detail-workspace>.merchant-detail-additional { margin-top:0; }
@media (max-width:520px) {
 .client-workspace-context-row { align-items:stretch; flex-direction:column; }
 .client-workspace-context-action { width:100%; }
 .merchant-detail-workspace>.merchant-detail-header { align-items:stretch; }
 .merchant-detail-workspace>.merchant-detail-header .button { width:100%; }
}
.request-detail-page { min-width:0; display:grid; gap:10px; }
.request-detail-page>.client-list-header { margin-bottom:0; }
.request-detail-page>.request-detail-header { min-height:0; display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:7px 14px; margin:0; padding:0 2px 2px; }
.request-detail-header-copy { min-width:0; flex:1 1 180px; display:grid; gap:2px; }
.request-detail-header .project-back-link { width:max-content; margin:0 0 1px; font-size:9px; line-height:1.25; }
.request-detail-header h1 { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; font-size:18px; line-height:1.2; }
.request-detail-header h1 .work-status-badge { min-height:22px; padding:3px 8px; font-size:9px; }
.request-detail-header p { margin:0; font-size:10px; line-height:1.3; overflow-wrap:anywhere; }
.request-detail-header form { flex:0 0 auto; margin:0; }
.request-detail-header .button { min-height:30px; padding:5px 10px; font-size:9px; }
.request-detail-page .catalog-detail-card { min-width:0; padding:14px 16px; }
.request-detail-page .catalog-detail-card>h3 { margin:0 0 9px; color:#274c70; font-size:13px; }
.request-detail-page .catalog-detail-grid>div { padding:6px 0; }
.request-detail-page .workflow-detail-grid { gap:10px; margin-bottom:0; }
.request-overview-card { min-width:0; }
.request-detail-page .request-result-card { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; padding:10px 16px; }
.request-detail-page .request-result-card>h3 { margin:0; }
.request-result-card>p { flex-basis:100%; margin:0; font-size:10px; line-height:1.4; }
.request-work-grid { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:stretch; }
.request-url-card,.request-terminal-summary { min-width:0; align-self:stretch; }
.request-work-grid.has-expanded-card { align-items:start; }
.request-work-grid.has-expanded-card .request-url-card,.request-work-grid.has-expanded-card .request-terminal-summary { align-self:start; }
.request-collection-card { display:flex; flex-direction:column; }
.request-collection-disclosure { align-self:flex-start; min-height:29px; margin-top:8px; padding:4px 9px; font-size:9px; }
.request-overview-section-heading { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.request-overview-section-heading h3 { min-width:0; margin:0; color:#274c70; font-size:12px; }
.request-overview-section-heading .button { flex:0 0 auto; min-height:29px; padding:4px 9px; font-size:9px; }
.request-url-list { min-width:0; display:grid; gap:2px; margin:0; padding:0; list-style:none; }
.request-url-list li,.request-url-list a { min-width:0; max-width:100%; overflow-wrap:anywhere; word-break:break-word; }
.request-url-list a { display:block; }
.request-url-list li { padding:4px 7px; border-radius:6px; background:#f5f8fb; font-size:10px; line-height:1.35; }
.request-copy-status { display:block; min-height:1em; margin-top:6px; color:var(--success); font-size:9px; }
.request-copy-status:empty { display:none; }
.request-terminal-table th:nth-child(1),.request-terminal-table th:nth-child(2) { width:23%; }
.request-terminal-table th:nth-child(3) { width:14%; }
.request-terminal-table th:nth-child(4) { width:12%; }
.request-terminal-table th:nth-child(5) { width:28%; }
.request-terminal-table th,.request-terminal-table td { padding:6px 8px; }
.request-terminal-table td { vertical-align:middle; }
.request-terminal-comment { display:block; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
.request-detail-page .request-specification-card>h3 { margin-bottom:10px; }
.request-specification-grid { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.request-specification-column,.request-specification-section { min-width:0; }
.request-specification-section+.request-specification-section { margin-top:10px; padding-top:9px; border-top:1px solid rgb(145 165 188 / 28%); }
.request-specification-section h4 { margin:0 0 5px; color:#40566d; font-size:10px; }
.request-specification-section h5 { margin:0 0 4px; color:var(--muted); font-size:9px; }
.request-specification-list { margin:0; }
.request-specification-list>div { min-width:0; display:grid; grid-template-columns:minmax(120px,42%) minmax(0,1fr); gap:9px; padding:4px 0; border-bottom:1px solid rgb(181 197 216 / 22%); }
.request-specification-list>div:last-child { border-bottom:0; }
.request-specification-list dt { color:var(--muted); font-size:9px; line-height:1.4; }
.request-specification-list dd { min-width:0; margin:0; color:var(--text); font-size:10px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; word-break:break-word; }
.request-geography-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.request-geography-grid ul { display:grid; gap:2px; margin:0; padding:0; list-style:none; }
.request-geography-grid li { color:var(--text); font-size:10px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.request-specification-special { grid-column:1/-1; margin-top:10px; padding-top:9px; border-top:1px solid rgb(145 165 188 / 28%); }
.request-specification-special p { margin:0; color:var(--text); font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.request-related-grid { align-items:stretch; }
.request-compact-list { display:grid; gap:5px; }
.request-compact-list p { margin:0; color:var(--text); font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.request-linked-task-row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.request-linked-task-row .text-link { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.request-linked-task-row .work-status-badge { flex:0 0 auto; min-height:22px; padding:3px 7px; font-size:9px; }
.workflow-table th,.workflow-table td { white-space:normal; }
.workflow-detail-grid { margin-bottom:20px; }
.workflow-page form textarea { width:100%; }
/* REQ-MA Create is intentionally denser than the shared entity forms. */
main:has(.req-ma-workspace) { max-width:none; }
.req-ma-workspace { width:100%; max-width:none; min-width:0; container:req-ma-workspace / inline-size; }
.req-ma-header { display:block; margin-bottom:8px; padding-top:2px; }
.req-ma-header .project-back-link { display:inline-flex; margin-bottom:6px; }
.req-ma-header h1 { margin:0; font-size:20px; }
.req-ma-header p { margin:3px 0 0; color:var(--shell-muted); font-size:11px; }
.req-ma-workspace-grid { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:12px; align-items:start; }
.req-ma-form { min-width:0; display:grid; gap:10px; padding:0; border:0; background:transparent; box-shadow:none; container:req-ma-form / inline-size; }
.req-ma-form .client-form-alert { margin-bottom:0; }
.req-ma-card { min-width:0; padding:13px 16px; overflow:visible; }
.req-ma-card.merchant-form-section { padding:13px 16px; border-bottom:0; }
.req-ma-card-section { padding:0; border:0; }
.req-ma-card>h3,.req-ma-card-section>h3 { margin:0 0 9px; color:#274c70; font-size:13px; }
.req-ma-geography-section { margin-top:11px; padding-top:11px; border-top:1px solid rgb(145 165 188 / 34%); }
.req-ma-form .client-field { gap:4px; }
.req-ma-form .client-field>span { min-height:11px; font-size:9px; line-height:1.2; }
.req-ma-form .client-field input { height:36px; padding:0 10px; border-radius:8px; }
.req-ma-form textarea { min-height:50px; padding:8px 10px; border-radius:8px; line-height:1.35; }
.req-ma-main-grid { display:grid; grid-template-columns:repeat(20,minmax(0,1fr)); gap:9px 12px; align-items:start; }
.req-ma-main-grid>.client-field { min-width:0; }
.req-ma-client-field,.req-ma-name-field,.req-ma-platform-field,.req-ma-email-field { grid-column:span 5; }
.req-ma-operation-field,.req-ma-integration-field,.req-ma-currency-field,.req-ma-pci-dss-field { grid-column:span 5; }
.req-ma-main-grid.has-traffic .req-ma-operation-field,
.req-ma-main-grid.has-traffic .req-ma-integration-field,
.req-ma-main-grid.has-traffic .req-ma-traffic-field,
.req-ma-main-grid.has-traffic .req-ma-currency-field,
.req-ma-main-grid.has-traffic .req-ma-pci-dss-field { grid-column:span 4; }
.req-ma-geography-section>.merchant-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.req-ma-geography-section .merchant-geography-field { position:relative; min-width:0; }
.req-ma-geography-section .merchant-geography { position:static; }
.req-ma-geography-section .merchant-geography-options { top:calc(100% + 5px); right:auto; bottom:auto; left:0; width:min(340px,100%); max-width:calc(100vw - 24px); max-height:var(--geo-options-max-height,270px); padding:8px; overflow:hidden; }
.req-ma-geography-section .merchant-geography-scroll { max-height:min(205px,calc(var(--geo-options-max-height,270px) - 54px)); }
.req-ma-geography-section .merchant-geography-field.geo-options-open-up .merchant-geography-options { top:auto; bottom:calc(100% + 5px); }
.req-ma-form .merchant-geography-selected { min-width:0; }
.req-ma-form .merchant-geography-chip { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.req-ma-condition-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; align-items:start; }
.req-ma-condition-group { min-width:0; padding:0; }
.req-ma-condition-group.req-ma-success-fee { padding:0 0 10px; border-bottom:1px solid rgb(145 165 188 / 34%); }
.req-ma-condition-group h4,.req-ma-special-terms h4 { margin:0 0 7px; color:#40566d; font-size:11px; }
.req-ma-fee-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.req-ma-additional-grid { grid-template-columns:minmax(96px,.9fr) minmax(96px,.9fr) minmax(124px,1.15fr) minmax(108px,1fr) minmax(132px,1.25fr); }
.req-ma-special-terms { margin-top:10px; padding-top:8px; border-top:1px solid rgb(145 165 188 / 34%); }
.req-ma-disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#40566d; font-size:11px; font-weight:700; cursor:pointer; list-style:none; }
.req-ma-disclosure summary::-webkit-details-marker { display:none; }
.req-ma-disclosure summary:focus-visible { border-radius:5px; outline:2px solid var(--accent); outline-offset:3px; }
.req-ma-disclosure-add,.req-ma-disclosure-close { color:#2f6fa4; font-size:10px; }
.req-ma-disclosure-close,.req-ma-disclosure[open] .req-ma-disclosure-add { display:none; }
.req-ma-disclosure[open] .req-ma-disclosure-close { display:inline; }
.req-ma-disclosure .client-field { margin-top:8px; }
.req-ma-comment { min-height:43px; }
.req-ma-connection { display:grid; grid-template-columns:minmax(0,41fr) minmax(0,59fr); gap:0 14px; }
.req-ma-connection>h3 { grid-column:1/-1; margin-bottom:1px; }
.req-ma-connection-section { min-width:0; padding-top:9px; }
.req-ma-connection-section+.req-ma-connection-section { margin:0; padding:9px 0 0 14px; border-top:0; border-left:1px solid rgb(145 165 188 / 34%); }
.req-ma-connection-section h4 { margin:0 0 7px; color:#40566d; font-size:11px; }
.req-ma-urls>label { display:grid; gap:3px; margin-bottom:7px; color:#40566d; font-size:11px; }
.req-ma-urls>label small { color:var(--muted); font-size:9px; font-weight:500; }
.req-ma-urls textarea { width:100%; min-width:0; min-height:132px; resize:vertical; padding:8px 10px; border:1px solid rgb(128 151 177 / 72%); border-radius:8px; font:inherit; font-size:10px; line-height:1.45; }
.req-ma-section-error { display:block; margin:1px 0 7px; }
.req-ma-terminal-add-row { display:grid; grid-template-columns:minmax(150px,31fr) minmax(0,69fr) auto; gap:7px; align-items:end; }
.req-ma-terminal-dropdown { position:relative; min-width:0; }
.req-ma-terminal-dropdown-panel { position:absolute; z-index:22; top:calc(100% + 5px); left:0; width:100%; min-width:280px; padding:8px; border:1px solid #a9bfd3; border-radius:9px; background:#fff; box-shadow:0 12px 32px rgb(25 53 78 / 20%); }
.req-ma-terminal-dropdown-panel>input { width:100%; height:34px; margin-bottom:6px; padding:0 9px; border:1px solid rgb(128 151 177 / 72%); border-radius:7px; }
.req-ma-terminal-dropdown .workflow-terminal-results { max-height:190px; min-height:44px; padding:4px; border-radius:7px; }
.req-ma-terminal-dropdown .workflow-terminal-results>p { margin:8px; color:var(--muted); }
.req-ma-terminal-dropdown .workflow-terminal-option { align-items:center; padding:6px; border:0; background:transparent; }
.req-ma-terminal-dropdown .workflow-terminal-option:hover { background:#f4f8fc; }
.req-ma-terminal-dropdown .workflow-terminal-option:focus-within { outline:0; }
.req-ma-terminal-dropdown .workflow-terminal-option input[type="checkbox"] { flex:0 0 16px; width:16px; min-width:16px; height:16px; min-height:16px; margin:0; padding:0; border-radius:3px; box-shadow:none; accent-color:var(--accent); }
.req-ma-terminal-dropdown .workflow-terminal-option input[type="checkbox"]:focus { border-color:initial; outline:0; box-shadow:none; }
.req-ma-terminal-dropdown .workflow-terminal-option input[type="checkbox"]:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.req-ma-terminal-dropdown .workflow-terminal-option span { min-width:0; display:flex; flex-direction:column; gap:2px; }
.req-ma-terminal-dropdown .workflow-terminal-option strong { color:var(--text); font-size:11px; }
.req-ma-terminal-dropdown .workflow-terminal-option small { color:var(--muted); font-size:9px; }
.req-ma-add-provider { min-height:36px; white-space:nowrap; }
.req-ma-provider-selections { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:8px; }
.req-ma-provider-selections:empty { display:none; }
.req-ma-provider-row { min-width:0; display:grid; grid-template-columns:minmax(100px,30%) minmax(0,1fr) 28px; align-items:center; gap:7px; padding:7px 0; }
.req-ma-provider-row+.req-ma-provider-row { border-top:1px solid rgb(145 165 188 / 28%); }
.req-ma-provider-name { min-width:0; color:#274c70; font-size:11px; overflow-wrap:anywhere; }
.req-ma-remove-provider { width:28px; height:28px; padding:0; border:1px solid transparent; border-radius:7px; background:transparent; color:#55718d; font:inherit; font-size:17px; line-height:1; cursor:pointer; }
.req-ma-remove-provider:hover { border-color:rgb(128 151 177 / 45%); background:#f3f7fb; color:#244f7d; }
.req-ma-remove-provider:focus-visible { border-color:#348bcc; outline:2px solid rgb(52 139 204 / 22%); outline-offset:1px; }
.req-ma-terminal-chips { min-width:0; display:flex; flex-wrap:wrap; gap:5px; }
.req-ma-terminal-chips .merchant-geography-chip { max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:left; }
.req-ma-actions { margin:0; padding:0 2px; border:0; }
.req-ma-summary { width:350px; min-width:350px; max-width:350px; position:sticky; top:74px; max-height:calc(100vh - 90px); padding:14px 15px; overflow:auto; }
.req-ma-summary h2 { margin:0; color:#274c70; font-size:15px; }
.req-ma-summary-empty { margin:8px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.req-ma-summary section { padding:10px 0 0; }
.req-ma-summary section:not([hidden])~section:not([hidden]) { margin-top:10px; border-top:1px solid rgb(145 165 188 / 30%); }
.req-ma-summary h3 { display:flex; justify-content:space-between; gap:8px; margin:0 0 7px; color:#40566d; font-size:10px; }
.req-ma-summary h3 span { color:var(--muted); font-weight:600; }
.req-ma-summary-list { display:grid; gap:5px; margin:0; }
.req-ma-summary-list>div { min-width:0; display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; }
.req-ma-summary-list dt,.req-ma-summary-row>span { color:var(--muted); font-size:9px; }
.req-ma-summary-list dd { min-width:0; margin:0; color:#294663; font-size:10px; font-weight:650; overflow-wrap:anywhere; }
.req-ma-summary-row { display:grid; grid-template-columns:66px minmax(0,1fr); gap:8px; margin-top:5px; }
.req-ma-summary-row>div { display:flex; flex-wrap:wrap; gap:4px; color:#294663; font-size:10px; font-weight:650; }
.req-ma-summary-chip { max-width:100%; padding:2px 6px; border-radius:999px; background:#edf4fa; color:#28577f; font-size:9px; overflow-wrap:anywhere; }
.req-ma-summary-provider { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; padding:5px 0; }
.req-ma-summary-provider+ .req-ma-summary-provider { border-top:1px solid rgb(145 165 188 / 22%); }
.req-ma-summary-provider strong { color:#294663; font-size:10px; }
.req-ma-summary-provider span { grid-column:1/-1; color:var(--muted); font-size:9px; overflow-wrap:anywhere; }
.req-ma-summary-provider small { grid-column:2; grid-row:1; color:var(--muted); font-size:8px; white-space:nowrap; }
.req-ma-summary-urls { display:grid; gap:4px; margin:0; padding:0; color:#294663; font-size:9px; list-style:none; }
.req-ma-summary-urls li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Provider Overview retains compact entity identity; nested Terminal pages start at tabs. */
.provider-workspace>.provider-workspace-header { margin-bottom:5px; padding:0 2px 6px; }
.provider-workspace>.provider-workspace-header .project-back-link { margin-bottom:4px; font-size:9px; line-height:1.25; }
.provider-overview-workspace>.provider-workspace-header .client-overview-header-row { gap:12px; }
.provider-overview-workspace>.provider-workspace-header .client-overview-identity { gap:9px; }
.provider-overview-workspace>.provider-workspace-header .client-overview-avatar { width:36px; height:36px; flex-basis:36px; border-radius:9px; font-size:15px; }
.provider-overview-workspace>.provider-workspace-header .client-overview-title-row { gap:6px; }
.provider-overview-workspace>.provider-workspace-header .client-overview-title-row h1 { font-size:19px; line-height:1.15; }
.provider-overview-workspace>.provider-workspace-header .client-overview-identity-copy p { margin-top:2px; font-size:10px; line-height:1.3; }
.provider-overview-workspace>.provider-workspace-header .button { min-height:31px; padding:5px 10px; font-size:9px; }
.provider-workspace>.provider-workspace-tabs { gap:1px; margin-bottom:8px; padding:3px; }
.provider-workspace>.provider-workspace-tabs a,.provider-workspace>.provider-workspace-tabs>span { min-height:28px; padding:6px 9px; font-size:10px; }
@media (max-width:768px) {
  .provider-workspace>.provider-workspace-header { margin-bottom:5px; padding:8px 10px; }
  .provider-overview-workspace>.provider-workspace-header .client-overview-header-row { gap:8px; }
  .provider-overview-workspace>.provider-workspace-header .client-overview-avatar { width:32px; height:32px; flex-basis:32px; font-size:14px; }
  .provider-overview-workspace>.provider-workspace-header .client-overview-title-row h1 { font-size:17px; }
  .provider-workspace>.provider-workspace-tabs { margin-bottom:7px; }
}
/* Provider Terminal Create/Edit reuses the REQ-MA card and live-summary foundation. */
.terminal-form-workspace-grid { min-width:0; }
.terminal-compact-form .terminal-form-card { min-width:0; }
.terminal-compact-form .terminal-form-card>h3 { margin:0 0 9px; color:#274c70; font-size:13px; }
.terminal-main-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px 12px; align-items:start; }
.terminal-main-grid>.client-field { min-width:0; }
.terminal-mcc-field { grid-column:1; }
.terminal-geography-section>.merchant-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.terminal-geography-section .merchant-geography-field { position:relative; min-width:0; }
.terminal-geography-section .merchant-geography { position:static; }
.terminal-geography-section .merchant-geography-options { top:calc(100% + 5px); right:auto; bottom:auto; left:0; width:min(340px,100%); max-width:calc(100vw - 24px); max-height:var(--geo-options-max-height,270px); padding:8px; overflow:hidden; }
.terminal-geography-section .merchant-geography-scroll { max-height:min(205px,calc(var(--geo-options-max-height,270px) - 54px)); }
.terminal-geography-section .merchant-geography-field.geo-options-open-up .merchant-geography-options { top:auto; bottom:calc(100% + 5px); }
.terminal-success-fee { padding:0 0 10px; border-bottom:1px solid rgb(145 165 188 / 34%); }
.terminal-additional-conditions { padding-top:10px; }
.terminal-success-fee h4,.terminal-additional-conditions h4,.terminal-limit-group h4 { margin:0 0 7px; color:#40566d; font-size:11px; }
.terminal-additional-grid { display:grid; grid-template-columns:minmax(96px,.9fr) minmax(96px,.9fr) minmax(124px,1.15fr) minmax(108px,1fr) minmax(132px,1.25fr); gap:9px; }
.terminal-limit-groups { display:grid; gap:11px; }
.terminal-limit-group { min-width:0; }
.terminal-limit-group+.terminal-limit-group { padding-top:10px; border-top:1px solid rgb(145 165 188 / 28%); }
.terminal-limit-grid { display:grid; gap:9px; }
.terminal-limit-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.terminal-limit-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.terminal-keys-card textarea { min-height:92px; }
.terminal-secret-state { margin:0 0 8px; color:var(--success); font-size:10px; font-weight:700; }
.terminal-documentation-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:start; }
.terminal-documentation-card .client-file-field { align-content:start; }
.terminal-comment-card textarea { min-height:76px; }
.terminal-form-actions { margin:0; padding:0 2px; border:0; }
.terminal-summary [data-terminal-summary-section="limits"] .req-ma-summary-list>div { grid-template-columns:104px minmax(0,1fr); }
/* Terminal Detail keeps read-only information dense and lets content define height. */
.terminal-detail-workspace { container:terminal-detail-workspace / inline-size; }
.terminal-detail-content { width:min(100%,920px); min-width:0; margin-inline:auto; }
.terminal-detail-identity { margin:0 0 6px; padding:0 2px; align-items:center; }
.terminal-detail-identity .project-back-link { margin:0 0 2px; font-size:9px; line-height:1.2; }
.terminal-detail-identity h1 { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; font-size:16px; line-height:1.2; }
.terminal-detail-identity>.button { min-height:30px; padding:5px 10px; font-size:9px; }
.terminal-detail-layout { min-width:0; display:grid; gap:8px; }
.terminal-detail-card { min-width:0; padding:11px 12px; }
.terminal-detail-card>h3 { margin:0 0 7px; color:#274c70; font-size:12px; }
.terminal-detail-metric-grid { display:grid; gap:0 10px; margin:0; }
.terminal-detail-metric-grid>div { min-width:0; padding:4px 1px 5px; border:0; border-bottom:1px solid rgb(145 165 188 / 25%); border-radius:0; background:transparent; }
.terminal-detail-metric-grid dt { margin:0 0 2px; color:var(--muted); font-size:8px; font-weight:650; line-height:1.25; }
.terminal-detail-metric-grid dd { min-width:0; margin:0; color:#294663; font-size:10px; font-weight:700; line-height:1.35; overflow-wrap:anywhere; word-break:break-word; }
.terminal-detail-main-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.terminal-detail-geographies { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.terminal-detail-geographies .merchant-detail-geo-section { min-width:0; padding:0; border:0; border-radius:0; background:transparent; }
.terminal-detail-geographies .merchant-detail-geo-section+.merchant-detail-geo-section { margin:0; padding-left:12px; border-top:0; border-left:1px solid rgb(145 165 188 / 28%); }
.terminal-detail-geographies .merchant-detail-geo-section>h4 { margin:0 0 5px; color:#40566d; font-size:10px; }
.terminal-detail-geographies .merchant-detail-geo-kind { display:flex; align-items:flex-start; flex-wrap:wrap; gap:4px 7px; }
.terminal-detail-geographies .merchant-detail-geo-kind+.merchant-detail-geo-kind { margin-top:5px; }
.terminal-detail-geographies .merchant-detail-geo-kind h5 { flex:0 0 auto; margin:3px 0 0; font-size:8px; letter-spacing:.3px; text-transform:uppercase; }
.terminal-detail-geographies .merchant-detail-geo-items { flex:1 1 180px; display:flex; align-items:flex-start; flex-wrap:wrap; gap:4px; }
.terminal-detail-geographies .merchant-detail-geo-items li { width:auto; max-width:100%; padding:3px 6px; border:1px solid rgb(128 151 177 / 24%); border-radius:999px; background:#f5f8fb; font-size:8px; }
.terminal-detail-condition-group+.terminal-detail-condition-group { margin-top:8px; padding-top:8px; border-top:1px solid rgb(145 165 188 / 28%); }
.terminal-detail-condition-group h4,.terminal-detail-limit-group h4 { margin:0 0 5px; color:#40566d; font-size:9px; line-height:1.3; }
.terminal-detail-limit-group h4 { margin-bottom:4px; }
.terminal-detail-metric-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.terminal-detail-metric-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.terminal-detail-metric-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.terminal-detail-metric-grid--5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.terminal-detail-limit-groups { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:6px 8px; }
.terminal-detail-limit-group { min-width:0; padding:5px 7px; border:1px solid rgb(145 165 188 / 28%); border-radius:7px; background:rgb(247 249 252 / 54%); }
.terminal-detail-secret-mask,.terminal-detail-empty,.terminal-detail-comment { margin:0; color:#294663; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.terminal-detail-secret-mask { margin-bottom:6px; font-weight:750; letter-spacing:1.1px; }
.terminal-detail-reveal { min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:0; }
.terminal-detail-reveal .button { min-height:29px; padding:4px 9px; font-size:9px; }
.terminal-detail-reveal pre { flex:1 1 100%; margin:0; padding:6px; border-radius:6px; background:#eef3f8; }
.terminal-detail-reveal [data-terminal-reveal-error] { flex:1 1 100%; margin:0; color:var(--danger); }
.terminal-detail-documentation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.terminal-detail-documentation-grid .text-link { max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
.terminal-detail-comment { min-height:0; padding:0 0 6px; }
.terminal-detail-metadata { display:flex; flex-wrap:wrap; gap:4px 14px; margin:0; padding-top:6px; border-top:1px solid rgb(145 165 188 / 28%); }
.terminal-detail-metadata>div { min-width:0; display:flex; gap:4px; }
.terminal-detail-metadata dt { color:var(--muted); font-size:8px; }
.terminal-detail-metadata dd { margin:0; color:#40566d; font-size:8px; font-weight:650; }
@container terminal-detail-workspace (max-width: 720px) {
  .terminal-detail-main-metrics,.terminal-detail-metric-grid--4,.terminal-detail-metric-grid--5 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container terminal-detail-workspace (max-width: 520px) {
  .terminal-detail-identity { align-items:stretch; flex-direction:column; }
  .terminal-detail-identity>.button { width:100%; min-height:32px; }
  .terminal-detail-main-metrics,.terminal-detail-geographies,.terminal-detail-documentation-grid,.terminal-detail-limit-groups,.terminal-detail-metric-grid--2,.terminal-detail-metric-grid--3,.terminal-detail-metric-grid--4,.terminal-detail-metric-grid--5 { grid-template-columns:minmax(0,1fr); }
  .terminal-detail-geographies .merchant-detail-geo-section+.merchant-detail-geo-section { padding-top:7px; padding-left:0; border-top:1px solid rgb(145 165 188 / 28%); border-left:0; }
  .terminal-detail-card { padding:10px; }
}
@container req-ma-workspace (max-width: 1080px) {
  .req-ma-workspace-grid { grid-template-columns:minmax(0,1fr); }
  .req-ma-summary { width:100%; min-width:0; max-width:none; position:static; max-height:none; }
}
@container req-ma-form (max-width: 860px) {
  .req-ma-connection { grid-template-columns:1fr; }
  .req-ma-connection-section+.req-ma-connection-section { margin-top:9px; padding:9px 0 0; border-top:1px solid rgb(145 165 188 / 34%); border-left:0; }
}
@container req-ma-form (max-width: 700px) {
  .req-ma-main-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .req-ma-main-grid .req-ma-client-field,
  .req-ma-main-grid .req-ma-name-field,
  .req-ma-main-grid .req-ma-platform-field,
  .req-ma-main-grid .req-ma-email-field,
  .req-ma-main-grid .req-ma-operation-field,
  .req-ma-main-grid .req-ma-integration-field,
  .req-ma-main-grid .req-ma-currency-field,
  .req-ma-main-grid .req-ma-pci-dss-field { grid-column:span 3; }
  .req-ma-main-grid.has-traffic .req-ma-operation-field,
  .req-ma-main-grid.has-traffic .req-ma-integration-field,
  .req-ma-main-grid.has-traffic .req-ma-traffic-field { grid-column:span 2; }
  .req-ma-main-grid.has-traffic .req-ma-currency-field,
  .req-ma-main-grid.has-traffic .req-ma-pci-dss-field { grid-column:span 3; }
  .req-ma-additional-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .terminal-main-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .terminal-mcc-field { grid-column:auto; }
  .terminal-additional-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container req-ma-form (max-width: 620px) {
  .req-ma-fee-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .terminal-additional-grid,.terminal-limit-grid--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .terminal-documentation-grid { grid-template-columns:minmax(0,1fr); }
  .req-ma-provider-row { grid-template-columns:minmax(0,1fr) 32px; }
  .req-ma-provider-name { grid-column:1; grid-row:1; }
  .req-ma-remove-provider { grid-column:2; grid-row:1; justify-self:end; }
  .req-ma-terminal-chips { grid-column:1/-1; grid-row:2; }
}
@container req-ma-form (max-width: 470px) {
  .req-ma-main-grid { grid-template-columns:minmax(0,1fr); }
  .req-ma-main-grid .client-field,
  .req-ma-main-grid.has-traffic .client-field { grid-column:1/-1; }
  .req-ma-fee-grid,.req-ma-terminal-add-row { grid-template-columns:1fr; }
  .terminal-main-grid,.terminal-geography-section>.merchant-form-grid,.terminal-additional-grid,.terminal-limit-grid--2,.terminal-limit-grid--3 { grid-template-columns:minmax(0,1fr); }
  .req-ma-terminal-add-row .req-ma-add-provider { grid-column:auto; width:100%; }
}
@media (max-width: 1100px) {
  .workflow-task-detail-layout { grid-template-columns:minmax(0,1fr); }
  .workflow-task-actions-card { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; }
  .workflow-task-actions-card h2 { grid-column:1/-1; }
  .workflow-task-actions-card form { height:100%; padding:0 0 0 10px; border-top:0; border-left:1px solid rgb(145 165 188 / 30%); }
  .workflow-task-actions-card form:first-of-type { padding-left:0; border-left:0; }
}
@media (max-width: 1099px) {
  .request-work-grid,.request-work-grid.has-expanded-card { grid-template-columns:minmax(0,1fr); align-items:start; }
  .request-url-card,.request-terminal-summary { align-self:start; }
  .request-specification-grid { grid-template-columns:minmax(0,1fr); }
  .request-specification-column+.request-specification-column { margin-top:10px; padding-top:9px; border-top:1px solid rgb(145 165 188 / 28%); }
  .request-specification-special { grid-column:auto; }
}
@media (max-width: 1000px) {
  .workflow-table-wrap { overflow:visible; }
  .workflow-table { min-width:0; display:block; table-layout:auto; }
  .workflow-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .workflow-table tbody { display:block; width:100%; }
  .workflow-table tr { width:100%; display:grid; grid-template-columns:28px minmax(0,1fr) auto; grid-template-rows:auto auto auto; column-gap:9px; padding:9px 12px; border-bottom:1px solid rgb(181 197 216 / 52%); }
  .workflow-table tr:last-child { border-bottom:0; }
  .workflow-table td { display:block; width:auto; height:auto; min-height:0; padding:3px 0; border:0; background:transparent; text-align:left; }
  .workflow-table td::before { content:attr(data-label); margin-right:7px; color:var(--muted); font-size:8px; font-weight:600; letter-spacing:.4px; text-transform:uppercase; }
  .workflow-table tbody tr:hover td { background:transparent; }
  .workflow-table .workflow-select-cell { grid-column:1; grid-row:1/4; padding-top:5px; }
  .workflow-table .workflow-task-cell { grid-column:2; grid-row:1; padding-top:2px; }
  .workflow-table .workflow-table-action { grid-column:3; grid-row:1; padding:0; text-align:right!important; }
  .workflow-table .workflow-queue-cell { grid-column:2; grid-row:2; }
  .workflow-table .workflow-assignee-cell { grid-column:3; grid-row:2; justify-self:end; }
  .workflow-table .workflow-deadline-cell { grid-column:2; grid-row:3; }
  .workflow-table .workflow-status-cell { grid-column:3; grid-row:3; justify-self:end; padding-top:0; }
  .workflow-table .workflow-status-cell::before { content:none; }
  .workflow-filter-popover { width:min(500px,calc(100vw - 250px)); }
}
@media (max-width: 760px) {
  .workflow-choice-grid,.workflow-detail-grid,.workflow-terminal-picker { grid-template-columns:1fr; }
  .workflow-repeat-row { grid-template-columns:1fr; }
  .workflow-command-bar { flex-wrap:wrap; }
  .workflow-command-form { flex:1 1 100%; flex-wrap:wrap; }
  .workflow-filter-chips { order:3; flex-basis:100%; max-width:100%; overflow:visible; flex-wrap:wrap; }
  .workflow-filter-search { flex:1 1 200px; margin-left:0; }
  .workflow-filter-popover { position:fixed; top:74px; right:16px; left:16px; width:auto; max-height:calc(100vh - 96px); grid-template-columns:repeat(2,minmax(0,1fr)); overflow:auto; }
  .workflow-view-bar { align-items:flex-start; flex-direction:column; gap:5px; }
  .workflow-tabs { width:100%; overflow-x:auto; padding-bottom:2px; }
  .workflow-list-meta { width:100%; justify-content:space-between; }
  .workflow-task-detail-title h1 { font-size:19px; }
  .workflow-task-meta-grid,.workflow-task-spec-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-task-commercial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-task-actions-card { grid-template-columns:1fr; }
  .workflow-task-actions-card h2 { grid-column:auto; }
  .workflow-task-actions-card form { padding:9px 0 0; border-top:1px solid rgb(145 165 188 / 30%); border-left:0; }
  .workflow-task-work-table,.workflow-task-work-table tbody,.workflow-task-work-table tr,.workflow-task-work-table td { display:block; width:100%; }
  .workflow-task-work-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .workflow-task-work-table tr { padding:7px 0; border-bottom:1px solid rgb(181 197 216 / 44%); }
  .workflow-task-work-table tr:last-child { border-bottom:0; }
  .workflow-task-work-table td { display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px; padding:5px 0; border:0; }
  .workflow-task-work-table td::before { content:attr(data-label); color:var(--muted); font-size:8px; font-weight:650; letter-spacing:.3px; text-transform:uppercase; }
  .request-overview-section-heading { align-items:flex-start; }
  .req-ma-geography-section>.merchant-form-grid,.req-ma-provider-selections { grid-template-columns:1fr; }
  .req-ma-form .client-field input { height:42px; }
  .req-ma-add-provider { min-height:42px; }
}
@media (max-width: 520px) {
  .workflow-command-bar { gap:7px; padding:9px; }
  .workflow-command-form { display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .workflow-filter-search { min-width:0; }
  .workflow-filter-chips { grid-column:1/-1; grid-row:2; }
  .workflow-filter-popover { grid-template-columns:1fr; }
  .workflow-tabs a,.workflow-list-mode { padding:6px 8px; }
  .workflow-sort-label { padding-right:0; }
  .workflow-table tr { grid-template-columns:24px minmax(0,1fr) auto; padding:10px 9px; }
  .workflow-table .workflow-select-cell { grid-row:1/6; }
  .workflow-table .workflow-queue-cell { grid-column:2/4; grid-row:2; }
  .workflow-table .workflow-assignee-cell { grid-column:2/4; grid-row:3; justify-self:start; }
  .workflow-table .workflow-deadline-cell { grid-column:2/4; grid-row:4; }
  .workflow-table .workflow-status-cell { grid-column:2/4; grid-row:5; justify-self:start; }
  .workflow-task-create-dialog { width:calc(100vw - 24px); max-height:calc(100vh - 24px); padding:16px; }
  .workflow-task-create-dialog .client-dialog-actions { flex-direction:column; }
  .workflow-task-create-dialog .client-dialog-actions .button { width:100%; }
  .workflow-task-detail-title { align-items:flex-start; flex-direction:column; gap:6px; }
  .workflow-task-summary-card,.workflow-task-spec-card,.workflow-task-work-card,.workflow-task-actions-card { padding:12px; }
  .workflow-task-meta-grid,.workflow-task-spec-grid,.workflow-task-commercial-grid,.workflow-task-geo-grid,.workflow-task-context-grid { grid-template-columns:minmax(0,1fr); }
  .workflow-task-work-table td { grid-template-columns:76px minmax(0,1fr); }
  .request-overview-section-heading { flex-direction:column; }
  .request-overview-section-heading .button { width:100%; }
  .request-geography-grid { grid-template-columns:minmax(0,1fr); }
  .request-specification-list>div { grid-template-columns:minmax(96px,40%) minmax(0,1fr); }
  .req-ma-header h1 { font-size:19px; }
  .req-ma-terminal-dropdown-panel { min-width:0; }
  .req-ma-summary-list>div { grid-template-columns:78px minmax(0,1fr); }
}

/* Workflow Task workbench and Communication-owned Task Chat. */
main:has(.workflow-task-detail-layout) { max-width:none; container:workflow-task-page / inline-size; }
.workflow-task-header-meta { display:flex; min-width:0; flex-wrap:wrap; align-items:center; gap:6px 16px; padding:5px 0; color:#40566d; font-size:11px; }
.workflow-task-header-meta span { display:flex; min-width:0; gap:5px; overflow-wrap:anywhere; }
.workflow-task-header-meta b { color:var(--muted); font-size:10px; font-weight:650; }
.workflow-task-detail-layout { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
.workflow-task-detail-main { width:100%; max-width:none; margin:0; padding:0; container:workflow-task-main / inline-size; }
.workflow-task-work-card,.workflow-task-specification,.workflow-task-chat { min-width:0; padding:14px 16px; }
.workflow-task-specification .workflow-task-section-heading { margin-bottom:0; }
.workflow-task-spec-section { padding-top:11px; }
.workflow-task-spec-section+.workflow-task-spec-section { margin-top:9px; border-top:1px solid rgb(145 165 188 / 28%); }
.workflow-task-spec-section h3 { margin:0 0 5px; color:#40566d; font-size:11px; }
.workflow-task-spec-section dl { margin:0; }
.workflow-task-spec-section dl>div { display:grid; grid-template-columns:minmax(130px,32%) minmax(0,1fr); gap:10px; padding:5px 0; border-bottom:1px solid rgb(181 197 216 / 22%); }
.workflow-task-spec-section dl>div:last-child { border-bottom:0; }
.workflow-task-spec-section dt { color:var(--muted); font-size:9px; line-height:1.45; }
.workflow-task-spec-section dd { min-width:0; margin:0; color:#294663; font-size:10px; font-weight:650; line-height:1.45; overflow-wrap:anywhere; word-break:break-word; }
.workflow-task-chat { position:sticky; top:72px; display:grid; grid-template-rows:auto minmax(0,1fr) auto; align-self:start; height:calc(100dvh - 92px); min-height:560px; max-height:820px; padding:0; overflow:hidden; }
.workflow-task-chat>header { padding:13px 14px; border-bottom:1px solid rgb(145 165 188 / 30%); }
.workflow-task-chat>header>div { display:flex; align-items:center; gap:7px; }
.workflow-task-chat h2 { margin:0; color:#274c70; font-size:14px; }
.workflow-task-chat-unread { min-width:18px; padding:2px 5px; border-radius:999px; background:#e8f2fb; color:#276493; font-size:9px; text-align:center; }
.workflow-task-chat-timeline { min-width:0; min-height:0; display:flex; flex-direction:column; gap:12px; padding:16px; overflow:auto; overscroll-behavior:contain; background:#f2f6fa; }
.workflow-task-chat-empty { display:grid; gap:3px; margin:auto; color:var(--muted); font-size:11px; text-align:center; }
.workflow-task-chat-empty strong { color:#526a80; font-size:12px; font-weight:700; }
.workflow-task-chat-empty span { color:#8292a2; font-size:10px; }
.workflow-task-system-entry { width:auto; max-width:min(92%,560px); min-width:0; align-self:center; display:flex; align-items:baseline; justify-content:center; gap:7px; padding:4px 8px; color:#63788d; text-align:center; }
.workflow-task-system-entry::before { display:none; }
.workflow-task-system-entry time { color:#8292a2; font-size:9px; font-variant-numeric:tabular-nums; }
.workflow-task-system-entry p { min-width:0; margin:0; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.workflow-task-system-entry strong { color:#50677d; font-weight:650; }
.workflow-task-message { align-self:flex-start; width:max-content; max-width:min(78%,470px); min-width:min(210px,70%); padding:10px 11px 7px; border:1px solid rgb(152 174 197 / 36%); border-radius:6px 12px 12px; background:#fff; box-shadow:0 2px 8px rgb(29 61 91 / 7%); }
.workflow-task-message.is-own { align-self:flex-end; border-color:rgb(108 157 196 / 35%); border-radius:12px 6px 12px 12px; background:#e7f2fa; }
.workflow-task-message.is-deleted { background:#f2f4f6; color:var(--muted); font-style:italic; }
.workflow-task-message.is-own.is-deleted { background:#e9eef2; }
.workflow-task-message blockquote { display:grid; gap:2px; margin:0 0 7px; padding:5px 7px; border-left:2px solid #7ba6ca; background:#f3f7fa; color:#536d84; font-size:9px; overflow:hidden; }
.workflow-task-message blockquote span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workflow-task-message-head { display:flex; align-items:flex-start; justify-content:space-between; gap:6px; }
.workflow-task-message-head>strong { min-width:0; color:#28577f; font-size:11px; line-height:1.35; overflow-wrap:anywhere; }
.workflow-task-message-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; opacity:0; }
.workflow-task-message:hover .workflow-task-message-actions,.workflow-task-message:focus-within .workflow-task-message-actions { opacity:1; }
.workflow-task-message-actions button { padding:0; border:0; background:transparent; color:#54728d; font:inherit; font-size:9px; cursor:pointer; }
.workflow-task-message-actions button:hover,.workflow-task-message-actions button:focus-visible { color:#1e679f; text-decoration:underline; }
.workflow-task-message-body { margin:5px 0; color:#294663; font-size:11px; line-height:1.5; overflow-wrap:anywhere; white-space:normal; }
.workflow-task-message.is-deleted .workflow-task-message-body { color:var(--muted); }
.workflow-task-message-mentions { display:flex; flex-wrap:wrap; gap:3px; }
.workflow-task-message-mentions span { color:#2f6fa4; font-size:8px; }
.workflow-task-message-files { display:grid; gap:4px; margin:6px 0 0; padding:0; list-style:none; }
.workflow-task-message-files li { display:flex; min-width:0; justify-content:space-between; gap:6px; padding:4px 6px; border-radius:6px; background:#eef4f8; }
.workflow-task-message-files a { min-width:0; color:#2f6fa4; font-size:9px; overflow-wrap:anywhere; }
.workflow-task-message-files small { flex:0 0 auto; color:var(--muted); font-size:7px; }
.workflow-task-message footer { display:flex; justify-content:flex-end; gap:3px; color:var(--muted); font-size:9px; }
.workflow-task-chat-composer { position:relative; display:grid; gap:7px; padding:13px 14px 14px; border-top:1px solid rgb(145 165 188 / 30%); background:#fff; box-shadow:0 -5px 14px rgb(37 66 94 / 4%); }
.workflow-task-chat-composer-row { display:grid; grid-template-columns:36px minmax(0,1fr) 38px; align-items:end; gap:7px; }
.workflow-task-chat-input { position:relative; min-width:0; }
.workflow-task-chat-composer textarea { width:100%; min-height:42px; max-height:132px; padding:10px 11px; resize:none; border:1px solid rgb(128 151 177 / 72%); border-radius:10px; font:inherit; font-size:11px; line-height:1.45; }
.workflow-task-chat-composer textarea:focus { border-color:#348bcc; outline:2px solid rgb(52 139 204 / 16%); }
.workflow-task-chat-mode { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:8px; padding:6px 8px; border-left:2px solid #6c9bc1; background:#f2f6f9; color:#49657d; font-size:10px; }
.workflow-task-chat-mode span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workflow-task-chat-mode button { border:0; background:transparent; color:#526d85; cursor:pointer; }
.workflow-task-chat-file,.workflow-task-chat-send { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid rgb(128 151 177 / 55%); border-radius:9px; background:#f7f9fc; color:#355b7e; font-size:16px; cursor:pointer; }
.workflow-task-chat-send { width:38px; border-color:#2f85c5; background:#2f85c5; color:#fff; }
.workflow-task-chat-file:hover,.workflow-task-chat-file:focus-within { border-color:#348bcc; background:#edf5fb; }
.workflow-task-chat-send:hover,.workflow-task-chat-send:focus-visible { background:#216fa9; }
.workflow-task-chat-file { position:relative; overflow:hidden; }
.workflow-task-chat-file input { position:absolute; inline-size:1px; block-size:1px; opacity:0; }
.workflow-task-chat-file:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.workflow-task-chat-file-name { min-width:0; color:var(--muted); font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workflow-task-mention-options { position:absolute; z-index:8; right:0; bottom:calc(100% + 5px); left:0; max-height:180px; padding:5px; overflow:auto; border:1px solid rgb(128 151 177 / 62%); border-radius:9px; background:#fff; box-shadow:0 10px 26px rgb(34 64 92 / 18%); }
.workflow-task-mention-options button { width:100%; min-height:32px; display:block; padding:6px 8px; border:0; border-radius:6px; background:transparent; color:#294663; font:inherit; font-size:10px; text-align:left; cursor:pointer; }
.workflow-task-mention-options button:hover,.workflow-task-mention-options button[aria-selected='true'] { background:#edf5fb; color:#1f5f93; }
.workflow-task-chat-day { width:min(92%,560px); align-self:center; display:grid; grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr); align-items:center; gap:9px; color:#8796a5; font-size:9px; line-height:1; text-align:center; }
.workflow-task-chat-day::before,.workflow-task-chat-day::after { content:''; height:1px; background:rgb(145 165 188 / 26%); }

@container workflow-task-page (max-width: 920px) {
  .workflow-task-detail-layout { grid-template-columns:minmax(0,1fr); }
  .workflow-task-chat { position:static; height:min(680px,calc(100dvh - 90px)); min-height:500px; max-height:none; }
}
@container workflow-task-main (max-width: 650px) {
  .workflow-task-group-decision { grid-template-columns:minmax(0,1fr); }
  .workflow-task-group-actions { justify-content:flex-start; }
  .workflow-task-work-table,.workflow-task-work-table tbody,.workflow-task-work-table tr,.workflow-task-work-table td { display:block; width:100%; }
  .workflow-task-work-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .workflow-task-work-table tr { padding:7px 0; border-bottom:1px solid rgb(181 197 216 / 44%); }
  .workflow-task-work-table tr:last-child { border-bottom:0; }
  .workflow-task-work-table td { display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px; padding:5px 0; border:0; }
  .workflow-task-work-table td::before { content:attr(data-label); color:var(--muted); font-size:8px; font-weight:650; letter-spacing:.3px; text-transform:uppercase; }
  .workflow-task-approval-comment-row { padding:0; }
  .workflow-task-approval-comment-row td { display:block; padding:0 0 8px; }
  .workflow-task-approval-comment-row td::before { display:none; }
  .workflow-task-approval-comment-row form { grid-template-columns:minmax(0,1fr) 28px 28px; }
}
@media (max-width: 760px) {
  .workflow-task-spec-section dl>div { grid-template-columns:minmax(95px,36%) minmax(0,1fr); }
  .workflow-task-chat { height:620px; min-height:480px; }
}
@media (max-width: 420px) {
  .workflow-task-spec-section dl>div { grid-template-columns:1fr; gap:2px; }
  .workflow-task-message { max-width:88%; min-width:min(180px,72%); }
  .workflow-task-chat-composer-row { grid-template-columns:34px minmax(0,1fr) 36px; gap:5px; }
}

/* Route-level Task workspace overlay. The CRM shell remains the single visual backdrop. */
body:has(.workflow-task-overlay) { overflow:hidden; }
.workflow-task-overlay { position:fixed; inset:0; z-index:100; display:grid; min-width:0; padding:12px 12px 12px 52px; background:rgb(23 43 66 / 32%); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); container:workflow-task-overlay / inline-size; }
.workflow-task-workspace-shell { position:relative; min-width:0; min-height:0; overflow:visible; border:1px solid rgb(255 255 255 / 70%); border-radius:14px; background:#eef3f8; box-shadow:0 24px 70px rgb(15 35 57 / 34%); }
.workflow-task-workspace-close { position:absolute; z-index:4; top:0; left:-40px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgb(194 205 216 / 68%); border-radius:8px; outline:0; color:#4c6680; background:rgb(245 248 251 / 96%); box-shadow:none; font-size:21px; line-height:1; transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .08s ease; }
.workflow-task-workspace-close:hover { border-color:rgb(137 159 181 / 78%); background:#fff; color:#294f70; }
.workflow-task-workspace-close:active { border-color:rgb(108 135 160 / 78%); background:#e4ebf1; color:#203f5b; transform:translateY(1px); }
.workflow-task-workspace-close:focus { outline:0; box-shadow:none; }
.workflow-task-workspace-close:focus-visible { outline:2px solid #348bcc; outline-offset:2px; box-shadow:0 0 0 3px rgb(255 255 255 / 72%); }
.workflow-task-detail-layout { min-width:0; min-height:0; height:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; align-items:stretch; overflow:hidden; border-radius:inherit; }
.workflow-task-detail-main { min-height:0; height:100%; display:block; padding:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; background:#eef3f8; }
.workflow-task-left-header { min-width:0; padding:15px 16px 14px 60px; border-bottom:1px solid rgb(145 165 188 / 38%); background:rgb(255 255 255 / 98%); }
.workflow-task-left-header .workflow-task-detail-title { min-width:0; display:block; }
.workflow-task-left-header .workflow-task-detail-title .eyebrow { display:block; margin:0 0 4px; font-size:9px; letter-spacing:1px; }
.workflow-task-left-header .workflow-task-detail-title h1 { max-width:none; margin:0; color:#193d67; font-size:17px; line-height:1.3; overflow-wrap:anywhere; }
.workflow-task-left-header .workflow-task-header-meta { display:grid; grid-template-columns:minmax(82px,auto) minmax(0,1fr); gap:5px 12px; margin:13px 0 0; padding:0; }
.workflow-task-left-header .workflow-task-header-meta>div { display:contents; }
.workflow-task-left-header .workflow-task-header-meta dt { color:var(--muted); font-size:9px; font-weight:650; line-height:1.4; }
.workflow-task-left-header .workflow-task-header-meta dd { min-width:0; margin:0; color:#294663; font-size:10px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; }
.workflow-task-left-header .workflow-task-header-meta .work-status-badge { min-height:22px; padding:3px 7px; font-size:9px; }
.workflow-task-header-actions { width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-top:12px; }
.workflow-task-action-alert { margin-top:10px; padding:8px 10px; border:1px solid rgb(190 62 62 / 28%); border-radius:8px; background:rgb(255 239 239 / 96%); color:var(--danger); font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.workflow-task-primary-action { margin:0; }
.workflow-task-primary-action .button { min-height:33px; padding:5px 12px; border-radius:8px; font-size:10px; font-weight:700; }
.workflow-task-more-menu { position:relative; margin-left:auto; }
.workflow-task-more-menu>summary { width:33px; height:33px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgb(128 151 177 / 50%); border-radius:8px; background:#f7f9fc; color:#4f687f; font-size:18px; font-weight:700; line-height:1; cursor:pointer; list-style:none; }
.workflow-task-more-menu>summary::-webkit-details-marker { display:none; }
.workflow-task-more-menu>summary:hover { border-color:rgb(79 119 158 / 70%); background:#edf4fa; color:#275c87; }
.workflow-task-more-menu>summary:focus-visible { outline:2px solid #348bcc; outline-offset:2px; }
.workflow-task-more-panel { position:absolute; z-index:12; top:calc(100% + 6px); right:0; width:min(280px,calc(100vw - 28px)); display:grid; gap:7px; padding:9px; border:1px solid rgb(128 151 177 / 50%); border-radius:10px; background:#fff; box-shadow:0 14px 30px rgb(28 57 85 / 18%); }
.workflow-task-more-panel form { min-width:0; display:grid; gap:6px; margin:0; }
.workflow-task-more-panel form+form { padding-top:7px; border-top:1px solid rgb(181 197 216 / 38%); }
.workflow-task-more-panel label { min-width:0; display:grid; gap:4px; color:#526a80; font-size:9px; font-weight:650; }
.workflow-task-more-panel .button { min-height:30px; padding:4px 8px; font-size:9px; }
.workflow-task-menu-action { width:100%; min-height:30px; padding:5px 7px; border:0; border-radius:7px; background:transparent; color:#355b7e; font:inherit; font-size:9px; font-weight:650; text-align:left; cursor:pointer; }
.workflow-task-menu-action:hover { background:#eef4f9; }
.workflow-task-menu-action.danger { color:#9b4242; }
.workflow-task-menu-action.danger:hover { background:#fff0f0; }
.workflow-task-detail-main>.panel { margin:12px 14px 0; }
.workflow-task-detail-main>.panel:last-child { margin-bottom:14px; }
.workflow-task-work-card { padding:13px 14px; }
.workflow-task-url-list { display:grid; gap:5px; margin:10px 0 0; padding:0; list-style:none; }
.workflow-task-url-list li { min-width:0; padding:6px 8px; border-radius:7px; background:#f5f8fb; color:#31516d; font-size:10px; line-height:1.45; overflow-wrap:anywhere; word-break:break-word; }
.workflow-task-copy-status { display:block; min-height:1em; margin-top:5px; color:var(--success); font-size:9px; }
.workflow-task-approval-groups { min-width:0; display:grid; gap:11px; }
.workflow-task-approval-group { min-width:0; overflow:hidden; border:1px solid rgb(145 165 188 / 34%); border-radius:9px; background:#fff; }
.workflow-task-approval-group>header { min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 10px; padding:8px 10px; border-bottom:1px solid rgb(145 165 188 / 30%); background:#f7f9fc; }
.workflow-task-approval-group-identity { min-width:0; flex:1 1 220px; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 7px; }
.workflow-task-approval-group>header strong { min-width:0; color:#294d6d; font-size:10px; overflow-wrap:anywhere; }
.workflow-task-approval-group>header span { color:var(--muted); font-size:9px; }
.workflow-task-approval-group>header .badge.success { color:var(--success); }
.workflow-task-approval-group>header .badge.danger { color:var(--danger); }
.workflow-task-provider-comment { display:grid; gap:4px; padding:9px 10px 0; }
.workflow-task-provider-comment p { margin:0; color:#526a80; font-size:9px; line-height:1.45; overflow-wrap:anywhere; }
.workflow-task-terminal-keys { display:grid; gap:8px; margin:9px 10px 0; padding:10px; border:1px solid rgb(145 165 188 / 34%); border-radius:8px; background:#f8fafc; }
.workflow-task-terminal-keys p,.workflow-task-terminal-keys form { margin:0; }
.workflow-task-terminal-keys textarea { width:100%; margin-top:5px; }
.workflow-task-terminal-keys pre,.workflow-task-technical-table pre { max-width:100%; overflow:auto; padding:8px; border-radius:6px; background:#eef3f8; white-space:pre-wrap; overflow-wrap:anywhere; }
.workflow-task-group-decision { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; padding:9px 10px 10px; }
.workflow-task-group-decision label { min-width:0; display:grid; gap:4px; color:#526a80; font-size:9px; font-weight:650; }
.workflow-task-group-decision textarea { width:100%; min-width:0; min-height:48px; resize:vertical; padding:7px 8px; font:inherit; font-size:9px; line-height:1.4; }
.workflow-task-group-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:5px; }
.workflow-task-group-actions .button { min-height:30px; padding:5px 8px; font-size:9px; }
.workflow-task-approval-group>header form { flex:0 0 auto; margin:0 0 0 auto; }
.workflow-task-approval-all { min-height:28px; padding:4px 9px; border:1px solid #68b68e; border-radius:7px; background:#e8f7ef; color:#176f45; font:inherit; font-size:9px; font-weight:750; line-height:1.2; white-space:nowrap; cursor:pointer; transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .08s ease; }
.workflow-task-approval-all:hover { border-color:#459e70; background:#daf2e5; }
.workflow-task-approval-all:active { transform:translateY(1px); }
.workflow-task-approval-all:focus-visible { outline:2px solid #348bcc; outline-offset:2px; }
.workflow-task-approval-all:disabled { border-color:rgb(128 151 177 / 42%); background:#edf1f4; color:#718294; cursor:default; transform:none; }
.workflow-task-approval-table th,.workflow-task-approval-table td { padding-top:7px; padding-bottom:7px; }
.workflow-task-approval-table th { background:#f7f9fc; }
.workflow-task-approval-table th:nth-child(1) { width:52%; }
.workflow-task-approval-table th:nth-child(2) { width:20%; }
.workflow-task-approval-table th:nth-child(3) { width:28%; }
.workflow-task-approval-actions { min-width:0; display:flex; flex-wrap:wrap; align-items:flex-start; gap:5px; }
.workflow-task-approval-actions>form { margin:0; }
.workflow-task-approval-decision,.workflow-task-approval-comment-toggle { position:relative; width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid rgb(128 151 177 / 50%); border-radius:8px; background:#f7f9fc; color:#536d84; font:inherit; font-size:14px; font-weight:800; line-height:1; cursor:pointer; transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .08s ease; }
.workflow-task-approval-decision:hover,.workflow-task-approval-comment-toggle:hover { border-color:#79a3c5; background:#edf5fb; color:#285f8c; }
.workflow-task-approval-decision:active,.workflow-task-approval-comment-toggle:active { transform:translateY(1px); }
.workflow-task-approval-decision:focus-visible,.workflow-task-approval-comment-toggle:focus-visible { outline:2px solid #348bcc; outline-offset:2px; }
.workflow-task-approval-decision.approve { color:#268457; }
.workflow-task-approval-decision.approve:hover,.workflow-task-approval-decision.approve.is-selected { border-color:#68b68e; background:#e8f7ef; color:#176f45; }
.workflow-task-approval-decision.decline { color:#b34c51; }
.workflow-task-approval-decision.decline:hover,.workflow-task-approval-decision.decline.is-selected { border-color:#d58b8f; background:#fff0f0; color:#9d3037; }
.workflow-task-approval-decision.is-selected { box-shadow:inset 0 0 0 1px currentColor; }
.workflow-task-approval-decision:disabled { opacity:.58; cursor:wait; transform:none; }
.workflow-task-approval-comment-toggle { font-size:13px; font-weight:500; }
.workflow-task-approval-comment-toggle.has-comment::after { content:''; position:absolute; top:3px; right:3px; width:5px; height:5px; border:1px solid #fff; border-radius:50%; background:#4f8db9; }
.workflow-task-approval-comment-row[hidden] { display:none; }
.workflow-task-approval-comment-row td { padding:0 9px 8px; border-bottom:1px solid rgb(181 197 216 / 44%); }
.workflow-task-approval-comment-row form { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 28px 28px; align-items:center; gap:5px; margin:0; padding:6px; border-radius:8px; background:#f3f7fa; }
.workflow-task-approval-comment-row input { width:100%; min-width:0; height:30px; min-height:30px; padding:4px 7px; font-size:9px; }
.workflow-task-approval-comment-save,.workflow-task-approval-comment-cancel { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid rgb(128 151 177 / 50%); border-radius:7px; background:#fff; color:#4f687f; font:inherit; font-size:13px; font-weight:800; cursor:pointer; }
.workflow-task-approval-comment-save { border-color:#68b68e; color:#176f45; }
.workflow-task-approval-comment-save:hover { background:#e8f7ef; }
.workflow-task-approval-comment-cancel:hover { border-color:#d58b8f; background:#fff0f0; color:#9d3037; }
.workflow-task-approval-comment-save:focus-visible,.workflow-task-approval-comment-cancel:focus-visible { outline:2px solid #348bcc; outline-offset:2px; }
.workflow-task-technical-table th:nth-child(1) { width:23%; }
.workflow-task-technical-table th:nth-child(2) { width:23%; }
.workflow-task-technical-table th:nth-child(3) { width:16%; }
.workflow-task-technical-table th:nth-child(4) { width:13%; }
.workflow-task-technical-table th:nth-child(5) { width:25%; }
.workflow-task-technical-table td { vertical-align:middle; }
.workflow-task-technical-table .badge { white-space:nowrap; }
.workflow-task-chat { position:static; top:auto; align-self:stretch; height:100%; min-height:0; max-height:none; border:0; border-left:1px solid rgb(145 165 188 / 46%); border-radius:0; background:#f8fafc; box-shadow:none; }
.workflow-task-chat>header { min-height:58px; display:flex; align-items:center; padding:15px 16px; background:rgb(255 255 255 / 98%); }
.workflow-task-chat-timeline { gap:14px; padding:17px 18px; background-color:#edf3f7; background-image:url("./task-chat-pattern.svg"),linear-gradient(150deg,rgb(255 255 255 / 28%) 0%,rgb(217 231 240 / 20%) 100%); background-size:720px 520px,auto; background-position:center top,0 0; }
.workflow-task-system-entry { width:min(94%,640px); max-width:640px; min-width:0; align-self:center; display:grid; grid-template-columns:42px minmax(92px,128px) minmax(0,1fr); align-items:start; gap:8px; padding:5px 8px; border-radius:8px; color:#63788d; text-align:left; }
.workflow-task-system-entry::before { display:none; }
.workflow-task-system-entry+.workflow-task-system-entry { border-top:0; }
.workflow-task-system-entry time { min-width:0; padding-top:1px; color:#94a1ad; font-size:9px; font-variant-numeric:tabular-nums; }
.workflow-task-system-entry strong { min-width:0; color:#405f7a; font-size:10px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.workflow-task-system-entry>span { min-width:0; color:#63788d; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.workflow-task-system-entry.has-context>span { display:grid; gap:3px; }
.workflow-task-system-context { min-width:0; display:grid; gap:2px; padding:5px 7px; border-left:2px solid rgb(123 157 184 / 52%); border-radius:0 6px 6px 0; background:rgb(255 255 255 / 50%); color:#5b7288; font-size:9px; font-weight:400; line-height:1.4; }
.workflow-task-system-context b { color:#405f7a; font-weight:700; }
.workflow-task-system-context span,.workflow-task-system-context q { min-width:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.workflow-task-system-context q { color:#405f7a; }
.workflow-task-system-entry.tone-success { background:rgb(221 245 231 / 72%); }
.workflow-task-system-entry.tone-success strong,.workflow-task-system-entry.tone-success>span { color:#32684d; }
.workflow-task-system-entry.tone-danger { background:rgb(255 232 233 / 76%); }
.workflow-task-system-entry.tone-danger strong,.workflow-task-system-entry.tone-danger>span { color:#86484d; }
.workflow-task-system-entry.tone-warning { background:rgb(255 245 218 / 76%); }
.workflow-task-system-entry.tone-warning strong,.workflow-task-system-entry.tone-warning>span { color:#7b642f; }
.workflow-task-chat-composer { --task-chat-control-height:44px; }
.workflow-task-chat-composer-row { grid-template-columns:var(--task-chat-control-height) minmax(0,1fr) var(--task-chat-control-height); align-items:end; gap:8px; }
.workflow-task-chat-input { display:flex; align-items:flex-end; }
.workflow-task-chat-composer textarea { box-sizing:border-box; height:var(--task-chat-control-height); min-height:var(--task-chat-control-height); }
.workflow-task-chat-file,.workflow-task-chat-send { box-sizing:border-box; width:var(--task-chat-control-height); height:var(--task-chat-control-height); align-self:end; }

@container workflow-task-overlay (max-width: 1180px) {
  .workflow-task-detail-layout { display:block; overflow-y:auto; }
  .workflow-task-detail-main { height:auto; padding:0; overflow:visible; }
  .workflow-task-chat { height:min(680px,calc(100dvh - 110px)); min-height:500px; border-top:1px solid rgb(145 165 188 / 42%); border-left:0; }
}
@media (max-width: 760px) {
  .workflow-task-overlay { padding:0; }
  .workflow-task-workspace-shell { overflow:hidden; border:0; border-radius:0; }
  .workflow-task-workspace-close { top:10px; left:10px; }
  .workflow-task-left-header { padding:12px 10px 12px 53px; }
  .workflow-task-left-header .workflow-task-detail-title h1 { font-size:16px; }
  .workflow-task-left-header .workflow-task-header-meta { grid-template-columns:78px minmax(0,1fr); }
  .workflow-task-detail-main>.panel { margin:10px 10px 0; }
  .workflow-task-detail-main>.panel:last-child { margin-bottom:10px; }
  .workflow-task-chat { height:620px; min-height:480px; }
}
@media (max-width: 420px) {
  .workflow-task-system-entry { width:100%; grid-template-columns:36px minmax(66px,88px) minmax(0,1fr); gap:6px; padding-inline:5px; }
  .workflow-task-chat-composer-row { grid-template-columns:var(--task-chat-control-height) minmax(0,1fr) var(--task-chat-control-height); gap:6px; }
}

/* Authoritative CRM List/Table system.
   Variants share typography and dividers while retaining their own interaction semantics. */
.crm-list-table { --crm-list-table-header-radius:8px; width:100%; border-spacing:0; border-collapse:separate; color:var(--text); font-size:11px; }
.crm-list-table th,.crm-list-table td { border-top:0; border-right:0!important; border-left:0!important; text-align:left; vertical-align:middle; }
.crm-list-table th { height:38px; padding:9px 12px; border-bottom:1px solid rgb(145 165 188 / 58%); background:rgb(239 244 250 / 76%); color:#5d7084; font-size:9px; font-weight:700; letter-spacing:.52px; line-height:1.25; text-transform:uppercase; }
.crm-list-table thead tr:first-child>th:first-child { border-top-left-radius:var(--crm-list-table-header-radius); border-bottom-left-radius:var(--crm-list-table-header-radius); }
.crm-list-table thead tr:first-child>th:last-child { border-top-right-radius:var(--crm-list-table-header-radius); border-bottom-right-radius:var(--crm-list-table-header-radius); }
.crm-list-table td { padding:10px 12px; border-bottom:1px solid rgb(181 197 216 / 52%); line-height:1.42; }
.crm-list-table tbody tr:last-child>td { border-bottom:0; }
.crm-list-table--compact { --crm-list-table-header-radius:6px; }
.crm-list-table--compact th { height:30px; padding:7px 8px; font-size:8px; }
.crm-list-table--compact td { padding:7px 8px; }
.crm-list-table__primary-link { color:#244f7d; font-weight:700; text-decoration:none; }
.crm-list-table__primary-link:hover,.crm-list-table__primary-link:focus-visible { color:#174f80; text-decoration:underline; text-underline-offset:2px; }
.crm-list-table__row--link { cursor:pointer; }
.crm-list-table__row--link:hover>td { background:rgb(229 239 249 / 74%); }
.crm-list-table__row--link:focus { outline:none; }
.crm-list-table__row--link:focus-visible { position:relative; z-index:1; outline:2px solid #2479b7; outline-offset:-2px; }
.crm-list-table__row--link:focus-visible>td { background:rgb(225 238 250 / 88%); }
.crm-list-table--interactive tbody tr:hover>td { background:rgb(232 240 250 / 58%); }
.crm-record-list { margin:0; padding:0; list-style:none; }
.crm-record-list>li { min-width:0; padding:8px 0; border-bottom:1px solid rgb(181 197 216 / 46%); }
.crm-record-list>li:last-child { border-bottom:0; }

/* Solid entity-state tokens are intentionally separate from work and approval states. */
.crm-entity-status { border:0; font-weight:700; line-height:1.35; }
.crm-entity-status--active { background:#137a43; color:#fff; }
.crm-entity-status--draft { background:#526273; color:#fff; }
.crm-entity-status--paused { background:#d99a00; color:#2b1a00; }
.crm-entity-status--inactive { background:#596675; color:#fff; }
.projects-table.crm-list-table--registry td:last-child .badge.success { background:#137a43; color:#fff; font-weight:700; }
.projects-table.crm-list-table--registry td:last-child .badge.neutral { background:#596675; color:#fff; font-weight:700; }

/* Registry column balance after removing Open-only action columns. */
.catalog-directory-panel .client-list-table th:nth-child(1) { width:21%; }
.catalog-directory-panel .client-list-table th:nth-child(2) { width:29%; }
.catalog-directory-panel .client-list-table th:nth-child(3) { width:auto; }
.catalog-directory-panel .client-list-table th:nth-child(4) { width:130px; }
.catalog-directory-panel .client-list-table th:nth-child(5) { width:110px; }
.catalog-agent-list-panel .client-catalog-table th:nth-child(1) { width:19%; }
.catalog-agent-list-panel .client-catalog-table th:nth-child(2) { width:22%; }
.catalog-agent-list-panel .client-catalog-table th:nth-child(3) { width:18%; }
.catalog-agent-list-panel .client-catalog-table th:nth-child(4) { width:110px; }
.catalog-agent-list-panel .client-catalog-table th:nth-child(5) { width:auto; }
.catalog-manager-table th:nth-child(1) { width:29%; }
.catalog-manager-table th:nth-child(2) { width:23%; }
.catalog-manager-table th:nth-child(3) { width:auto; }
.catalog-manager-table th:nth-child(4) { width:110px; }
.catalog-company-table th:nth-child(1) { width:32%; }
.catalog-company-table th:nth-child(2) { width:110px; }
.catalog-company-table th:nth-child(3) { width:auto; }
.merchant-table th:nth-child(1) { width:auto; }
.merchant-table th:nth-child(2) { width:14%; }
.merchant-table th:nth-child(3) { width:17%; }
.merchant-table th:nth-child(4) { width:14%; }
.merchant-table th:nth-child(5) { width:10%; }
.merchant-table th:nth-child(6) { width:106px; }
.terminal-table th:first-child { width:auto; }
.terminal-table th:nth-child(2) { width:22%; }
.terminal-table th:nth-child(3) { width:110px; }
.terminal-table th:nth-child(4) { width:112px; }
.employee-table th:first-child { width:21%; }
.employee-table th:nth-child(2) { width:24%; }
.employee-table th:nth-child(3) { width:auto; }
.employee-table th:nth-child(4),.employee-table th:nth-child(5) { width:13%; }
.reference-table th:last-child,.reference-table td:last-child { text-align:left; }
.reference-geography-table th:nth-child(1) { width:20%; }
.reference-geography-table th:nth-child(2) { width:11%; }
.reference-geography-table th:nth-child(3) { width:15%; }
.reference-geography-table th:nth-child(4) { width:auto; }
.reference-geography-table th:nth-child(5) { width:112px; }

@media (max-width:768px) {
  .crm-list-table--registry { min-width:0!important; display:block; table-layout:auto; }
  .crm-list-table--registry thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .crm-list-table--registry tbody,.crm-list-table--registry tr,.crm-list-table--registry td { display:block; width:100%; }
  .crm-list-table--registry tr { padding:9px 12px; border-bottom:1px solid rgb(181 197 216 / 52%); }
  .crm-list-table--registry tr:last-child { border-bottom:0; }
  .crm-list-table--registry td,.crm-list-table--registry td:first-child,.crm-list-table--registry td:last-child { display:grid; grid-template-columns:minmax(92px,34%) minmax(0,1fr); align-items:center; gap:8px; width:100%; min-height:32px; padding:5px 0!important; border:0!important; background:transparent; text-align:left; overflow-wrap:anywhere; }
  .crm-list-table--registry td::before { content:attr(data-label); color:var(--muted); font-size:8px; font-weight:700; letter-spacing:.45px; line-height:1.3; text-transform:uppercase; }
  .crm-list-table--registry .project-technical-code { grid-column:2; }
  .crm-list-table__row--link:hover,.crm-list-table__row--link:focus-visible { background:rgb(229 239 249 / 78%); }
  .crm-list-table__row--link:hover>td,.crm-list-table__row--link:focus-visible>td { background:transparent; }
}

@media (max-width:420px) {
  .crm-list-table--registry tr { padding:8px 9px; }
  .crm-list-table--registry td,.crm-list-table--registry td:first-child,.crm-list-table--registry td:last-child { grid-template-columns:minmax(78px,32%) minmax(0,1fr); gap:7px; }
}

/* Compact Organization profile; personal Appearance remains independent. */
.workspace-label { padding:10px 12px; gap:0; }
.organization-selector { margin:0 0 14px; min-width:0; }
.sidebar.is-collapsed .workspace-label { display:none; }
.organization-general-form { max-width:600px; }
.organization-profile-section { border:0; padding:0; margin:0 0 22px; min-width:0; }
.organization-profile-section legend { font-size:13px; font-weight:700; margin-bottom:12px; padding:0; }
.organization-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; }
.organization-profile-grid .client-field { min-width:0; margin:0; }
.organization-profile-wide { grid-column:1/-1; }
.organization-profile-section textarea { resize:vertical; min-height:76px; }
.organization-profile-section .caption { margin:7px 0 0; }
.organization-address-same { display:flex; align-items:center; gap:9px; font-size:12px; margin:12px 0; }
.organization-address-same input { width:17px; height:17px; accent-color:var(--accent); flex:none; }
.organization-system-info { margin:0 0 20px; }
@media (min-width:761px) and (max-width:950px) { .workspace-label { display:none; } }
@media (max-width:600px) { .organization-profile-grid { grid-template-columns:minmax(0,1fr); } }

@media (max-width:760px) { .nav-open .sidebar.is-collapsed .workspace-label { display:flex; } }

/* Progressive navigation preserves all shell surfaces. */
#main[aria-busy="true"] { cursor:progress; }

/* Personal settings share one compact surface and a consistent content column. */
.personal-settings { width:100%; max-width:920px; background:var(--data-surface); }
.personal-settings-section { display:grid; grid-template-columns:160px minmax(0,1fr); gap:24px; padding:20px; min-width:0; }
.personal-settings-section + .personal-settings-section { border-top:1px solid var(--line); }
.personal-settings-heading h2 { font-size:16px; }
.personal-settings-heading .caption { margin:6px 0 0; font-size:12px; line-height:1.5; }
.personal-settings form { min-width:0; }
.personal-settings .personal-timezone-panel form { width:100%; max-width:520px; }
.personal-security-content { min-width:0; }
.security-factor-row,.passkey-heading,.passkey-item { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.security-factor-row { padding:0 0 15px; border-bottom:1px solid var(--line); }
.security-factor-row p,.passkey-heading p,.passkey-copy p { margin:4px 0 0; }
.passkey-heading { align-items:flex-start; padding:16px 0 10px; }
.passkey-heading h3 { margin:0; font-size:14px; }
.passkey-list { display:grid; gap:8px; }
.passkey-item { padding:11px 12px; border:1px solid rgb(145 165 188 / 38%); border-radius:11px; background:rgb(255 255 255 / 66%); }
.passkey-copy { min-width:0; overflow-wrap:anywhere; }
.passkey-actions { flex:0 0 auto; display:flex; align-items:center; gap:8px; }
.button.compact { min-height:32px; padding:5px 9px; font-size:11px; }
.text-button.danger { color:var(--danger); }
.personal-security-content>.empty-copy { margin:5px 0 0; padding:12px; border-radius:10px; background:#f4f7fb; color:var(--muted); font-size:12px; }
#passkey-status { min-height:1em; margin:10px 0 0; color:var(--muted); font-size:12px; }
.confirmation-dialog { width:min(440px,calc(100vw - 28px)); padding:20px; border:1px solid rgb(145 165 188 / 48%); border-radius:16px; background:#fff; color:var(--text); box-shadow:0 22px 60px rgb(22 45 70 / 24%); }
.confirmation-dialog::backdrop { background:rgb(14 30 48 / 38%); backdrop-filter:blur(2px); }
.confirmation-dialog h3 { margin:0 0 8px; }
.confirmation-dialog p { line-height:1.5; }
.confirmation-dialog .dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
.confirmation-dialog .button.danger { border-color:rgb(177 55 55 / 28%); background:var(--danger); color:#fff; }
#passkey-step-up-dialog>div { display:grid; gap:10px; }
#passkey-step-up-dialog .text-button { justify-self:center; }
#passkey-step-up-dialog form { display:grid; gap:8px; }
.personal-settings .client-field>span { color:var(--text); font-size:12px; }
.personal-timezone-help { margin:8px 0 0; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.personal-settings .settings-actions { padding:0; margin-top:16px; gap:8px; }
.personal-settings .settings-actions p { flex:1 1 100%; margin:0; overflow-wrap:anywhere; }
.personal-settings .settings-actions p:empty { flex:0 0 0; }
body[data-section="settings"] .personal-settings .appearance-panel { background:transparent; }
.personal-settings .appearance-panel fieldset { padding:0; }
.personal-settings .appearance-panel legend { padding:0; margin-bottom:12px; }
.personal-settings .background-grid { gap:10px; }
.personal-settings .background-choice { border-radius:var(--radius); padding:4px; gap:6px; }
.personal-settings .background-choice>span:not(.selection-mark) { padding:0 3px 4px; font-size:12px; line-height:1.4; }
@media (max-width:1100px) {
 .personal-settings-section { grid-template-columns:minmax(0,1fr); gap:16px; padding:20px; }
 .personal-settings .background-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:760px) {
 .personal-settings-section { padding:16px; }
 .personal-settings .personal-timezone-panel form { max-width:none; }
}
@media (max-width:600px) {
 .personal-settings .background-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .personal-settings .settings-actions .button { width:100%; }
 .security-factor-row,.passkey-heading,.passkey-item { align-items:stretch; flex-direction:column; }
 .passkey-heading .button,.passkey-actions { width:100%; }
 .passkey-actions .button,.passkey-actions .text-button { flex:1; }
 .confirmation-dialog .dialog-actions { flex-direction:column-reverse; }
 .confirmation-dialog .dialog-actions .button { width:100%; }
}
.account-timezone { overflow-wrap: anywhere; }

/* Form value selectors share one presentation while retaining native or searchable behavior. */
:root select:not([multiple]):not([size]) {
  width:100%;
  min-width:0;
  max-width:100%;
  height:var(--dropdown-height);
  min-height:var(--dropdown-height);
  padding:0 calc(var(--dropdown-padding-inline) + var(--dropdown-chevron-width) + 12px) 0 var(--dropdown-padding-inline);
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--dropdown-border);
  border-radius:var(--dropdown-radius);
  background-color:#fff;
  background-image:var(--dropdown-chevron-image);
  background-repeat:no-repeat;
  background-position:right var(--dropdown-chevron-offset) center;
  background-size:var(--dropdown-chevron-width) var(--dropdown-chevron-height);
  color:var(--text);
  font-family:inherit;
  font-size:11px;
  font-weight:500;
  line-height:1.5;
  text-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:inset 0 1px 1px rgb(31 56 82 / 4%);
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
:root select:not([multiple]):not([size]):hover:not(:disabled) { border-color:var(--dropdown-border-hover); }
:root select:not([multiple]):not([size]):focus,
:root select:not([multiple]):not([size]):focus-visible {
  border-color:#348bcc;
  outline:0;
  box-shadow:0 0 0 3px rgb(52 139 204 / 15%);
}
:root select:not([multiple]):not([size]):disabled {
  border-color:rgb(128 151 177 / 44%);
  background-color:#f3f6fa;
  color:#718397;
  cursor:not-allowed;
  opacity:1;
}

:root .client-combobox>summary,
:root .merchant-geography>summary,
:root .req-ma-terminal-dropdown>summary {
  position:relative;
  width:100%;
  min-width:0;
  height:var(--dropdown-height);
  min-height:var(--dropdown-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 calc(var(--dropdown-padding-inline) + var(--dropdown-chevron-width) + 12px) 0 var(--dropdown-padding-inline);
  border:1px solid var(--dropdown-border);
  border-radius:var(--dropdown-radius);
  background:#fff;
  color:var(--text);
  font-family:inherit;
  font-size:11px;
  font-weight:500;
  line-height:1.5;
  text-align:left;
  list-style:none;
  box-shadow:inset 0 1px 1px rgb(31 56 82 / 4%);
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
:root .client-combobox>summary::marker,
:root .merchant-geography>summary::marker,
:root .req-ma-terminal-dropdown>summary::marker { content:""; }
:root .client-combobox>summary::-webkit-details-marker,
:root .merchant-geography>summary::-webkit-details-marker,
:root .req-ma-terminal-dropdown>summary::-webkit-details-marker { display:none; }
:root .client-combobox>summary:hover,
:root .merchant-geography>summary:hover,
:root .req-ma-terminal-dropdown>summary:hover { border-color:var(--dropdown-border-hover); }
:root .client-combobox>summary:focus,
:root .client-combobox>summary:focus-visible,
:root .merchant-geography>summary:focus,
:root .merchant-geography>summary:focus-visible,
:root .req-ma-terminal-dropdown>summary:focus,
:root .req-ma-terminal-dropdown>summary:focus-visible,
:root .client-combobox[open]>summary,
:root .merchant-geography[open]>summary,
:root .req-ma-terminal-dropdown[open]>summary {
  border-color:#348bcc;
  outline:0;
  box-shadow:0 0 0 3px rgb(52 139 204 / 15%);
}

:root .client-combobox-chevron,
:root .merchant-geography>summary::after,
:root .req-ma-terminal-dropdown>summary::after {
  content:"";
  position:absolute;
  top:50%;
  right:var(--dropdown-chevron-offset);
  width:var(--dropdown-chevron-width);
  height:var(--dropdown-chevron-height);
  flex:0 0 var(--dropdown-chevron-width);
  margin:0;
  border:0;
  background:var(--dropdown-chevron-image) center/contain no-repeat;
  color:transparent;
  pointer-events:none;
  transform:translateY(-50%);
  transform-origin:center;
  transition:transform .16s ease;
}
:root .client-combobox[open]>summary .client-combobox-chevron,
:root .merchant-geography[open]>summary::after,
:root .req-ma-terminal-dropdown[open]>summary::after { transform:translateY(-50%) rotate(180deg); }

/* Editable form values are content, not a presentation state. Browser autofill must use the same white surface. */
body[data-section] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly]),select:not([multiple]):not([size]):not(:disabled),.client-combobox>summary,.merchant-geography>summary,.req-ma-terminal-dropdown>summary) {
  background-color:var(--editable-control-background);
}
body[data-section] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly])):is(:autofill,:-webkit-autofill) {
  background-color:var(--editable-control-background);
  -webkit-text-fill-color:var(--text);
  caret-color:var(--text);
  -webkit-box-shadow:inset 0 0 0 1000px var(--editable-control-background)!important;
  box-shadow:inset 0 0 0 1000px var(--editable-control-background)!important;
}
body[data-section] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly])):is(:autofill,:-webkit-autofill):focus {
  -webkit-box-shadow:inset 0 0 0 1000px var(--editable-control-background),0 0 0 3px rgb(52 139 204 / 15%)!important;
  box-shadow:inset 0 0 0 1000px var(--editable-control-background),0 0 0 3px rgb(52 139 204 / 15%)!important;
}
body[data-section] :where(input:not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly])):is(:autofill,:-webkit-autofill)[aria-invalid="true"] {
  -webkit-box-shadow:inset 0 0 0 1000px var(--editable-control-background),0 0 0 2px rgb(190 62 62 / 18%)!important;
  box-shadow:inset 0 0 0 1000px var(--editable-control-background),0 0 0 2px rgb(190 62 62 / 18%)!important;
}