
html,body{margin:0;background:var(--ds-bg)}body{padding-inline:4vw;font-family:Inter,system-ui,sans-serif}.ddw .main{padding-top:24px}.ddw{--bg:var(--ds-bg);--surface:var(--ds-card);--surface-2:var(--ds-raised);--ink:var(--ds-ink);--ink-3:var(--ds-muted);--line:var(--ds-border);--line-2:var(--ds-border);--brand:var(--ds-link);--brand-2:var(--ds-primary);--brand-tint:var(--ds-selected)}
.ddw .ds-tabs{display:flex;gap:6px;flex-wrap:wrap;background:transparent;border:0}.ddw .ds-tabs button{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:.65em .8em;border:1px solid var(--ds-border);border-radius:10px;background:var(--ds-card);color:var(--ds-muted);font-size:max(13px,.95em);line-height:1.4;white-space:normal}.ddw .ds-tabs :is([aria-selected=true],[aria-current=step]){background:var(--ds-selected);color:var(--ds-link);border-color:var(--ds-link);box-shadow:inset 0 -2px var(--ds-link)}.ddw .ds-tabs .count{color:inherit}.ddw .ds-tabs .num{font-size:13px}.ddw .criteria-tabs button{flex-wrap:wrap}.ddw .criteria-tabs .vote-tally{margin-left:0;font-size:13px}.ddw .criteria-tabs .prep-pill{border-radius:5px;font-size:13px}.ddw .ds-tabs .vote-tally span{font-size:13px}.ddw .btn-primary{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff}.ddw small,.ddw .mini,.ddw .help,.ddw .saved,.ddw .trail{font-size:max(13px,.94em)}.ddw .ds-theme button{font-size:13px;min-height:34px}.ddw .side{padding-left:8px}.ddw .rail-toggle{width:30px;height:30px;right:-15px;top:25px}.ddw .panel{border-color:var(--ds-border);border-radius:14px}
html[data-theme=dark] .ddw .step[aria-current=step]{color:var(--ds-link);border-color:var(--ds-link)}
@media(min-width:1280px){.ddw .steps button{font-size:clamp(13px,.82vw,17px);padding:.65em .4em;gap:5px;white-space:nowrap}}
@media(max-width:980px){.ddw .ds-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.ddw .ds-tabs button{min-height:44px}.ddw .main{padding-top:16px}}
@media(max-width:700px){.ddw .criteria-tabs{grid-template-columns:1fr}.ddw .criteria-tabs button{justify-content:flex-start;padding:12px}.ddw .criteria-tabs .vote-tally{margin-left:auto}.ddw .step:last-child{grid-column:1/-1}}


/* Local design tokens: the supplied design referenced these without defining them. */
:root{--ds-bg:#f4f6fa;--ds-card:#ffffff;--ds-raised:#f7f9fc;--ds-selected:#eaf2ff;--ds-ink:#18263d;--ds-muted:#596981;--ds-border:#cbd5e1;--ds-primary:#073877;--ds-link:#073877}
html[data-theme="dark"]{--ds-bg:#121314;--ds-card:#191a1b;--ds-raised:#202122;--ds-selected:#313233;--ds-ink:#bfbfbf;--ds-muted:#9c9c9c;--ds-border:#333536;--ds-primary:#297aa0;--ds-link:#48a0c7}
html{scroll-behavior:auto}
.ddw{--rail-width:clamp(10rem,14vw,15rem);--rail-gap:clamp(1rem,1.45vw,2rem);--hover:var(--ds-raised);--shadow:none}
.ddw .app{grid-template-columns:var(--rail-width) minmax(0,1fr);gap:var(--rail-gap)}
.ddw .side{position:sticky;top:0;height:100vh;min-height:0;align-self:start;padding-bottom:24px;display:flex;flex-direction:column}
.ddw .side-foot{margin-top:auto}.ddw .side .nav-group{margin:18px 0}
.ddw .sidebar-logo{margin:0 0 20px;width:150px;max-width:100%}
.ddw .logo .brand-logo{display:block;width:150px;max-width:100%}.ddw .logo .brand-logo svg{display:block;width:100%;height:auto}
html[data-theme="dark"] .ddw .sidebar-logo svg{filter:none}
html[data-theme="dark"] .ddw .sidebar-logo path[fill="#0F172A"]{fill:#bfbfbf}
.ddw .rail-toggle{background:var(--surface);border-color:var(--line)}
.ddw.rail-collapsed{--rail-width:64px}
.ddw.rail-collapsed .app{grid-template-columns:var(--rail-width) minmax(0,1fr)}
.ddw.rail-collapsed .side{padding-left:6px;padding-right:6px}
.ddw.rail-collapsed .sidebar-logo{width:40px;overflow:visible}
.ddw.rail-collapsed .logo .brand-logo{width:40px}.ddw.rail-collapsed .logo .brand-logo svg{width:100%;height:auto}
.ddw.rail-collapsed .sidebar-logo svg{width:40px;max-width:100%;height:40px}
.ddw.rail-collapsed .sidebar-logo svg path{display:none}
.ddw.rail-collapsed .sidebar-logo svg path:last-child{display:block;transform:translate(52px,64px)}
.ddw.rail-collapsed .sidebar-logo svg{view-transition-name:none}
.ddw.rail-collapsed .nav-item{justify-content:center;padding:10px 6px}
.ddw.rail-collapsed .side-foot{padding-inline:8px}
.ddw .dockbar,.ddw.rail-collapsed .dockbar{margin-left:calc(var(--rail-width) + var(--rail-gap));background:var(--surface);border:1px solid var(--line);box-shadow:0 -6px 20px #00000006}
.ddw .ds-theme{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.ddw .ds-theme button{border:0;border-radius:7px;background:transparent;color:var(--ink-3);padding:6px 12px;font-size:13px;cursor:pointer}
.ddw .ds-theme button[aria-pressed="true"]{background:var(--brand-tint);color:var(--ink);font-weight:600}
.ddw .btn{box-shadow:none}.ddw .btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.ddw .btn-primary,.ddw .btn-primary:hover{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff;filter:none}
.ddw .btn-primary:hover{filter:brightness(1.08)}
.ddw .btn:disabled{background:var(--surface-2);border-color:var(--line);color:var(--ink-3);filter:none}
.ddw .avatar{background:var(--ds-primary);color:#fff}
.ddw .ds-tabs :is([aria-selected=true],[aria-current=step]){box-shadow:none}
.ddw .panel-head h2{color:var(--ink);margin-bottom:0}
.ddw .scope-field{grid-column:auto;align-self:start}
.ddw .scope-field .mselect{margin-top:auto}
.ddw .scope-field>label{min-height:48px;display:flex;align-content:start;align-items:baseline;flex-wrap:wrap;gap:4px 6px}
.ddw .scope-field .required{margin:0}
.ddw .scope-field .taxonomy-context{overflow-wrap:anywhere}
.ddw .mselect-pop{overscroll-behavior:contain}
html[data-theme="dark"] .ddw .tax-head{background:var(--surface-2);color:var(--ink);filter:none;border-color:var(--line)}
.ddw .checkgroup{background:var(--surface);border:1px solid var(--line);box-shadow:none}
.ddw .checkgroup summary,.ddw .checkgroup[open]>summary{background:var(--surface);color:var(--ink);border:0;transition:background .12s}
.ddw .checkgroup summary:hover,.ddw .checkgroup[open]>summary:hover{background:var(--surface-2)}
.ddw .checkgroup .body{padding:0 12px 8px;background:var(--surface)}
.ddw .checkgroup .selectall{padding:12px 0;border-top:1px solid var(--line)}
.ddw .checkrow{grid-template-columns:20px minmax(0,1fr) auto;gap:3px 10px;padding:12px 8px;border-top:1px solid var(--line);background:transparent}
.ddw .checkrow .chk{grid-column:1;grid-row:1/3;margin:0}
.ddw .checkrow label{grid-column:2;grid-row:1;min-height:0;padding:0;line-height:1.5}
.ddw .checkrow .status{grid-column:2;grid-row:2;text-align:left;justify-self:start;white-space:normal}
.ddw .checkrow .item-preview{grid-column:3!important;grid-row:1/3;align-self:center}
.ddw .checkrow:hover{background:var(--surface-2)}
.ddw .checkrow:has(.chk:checked),.ddw .checkrow:has(.chk:checked):hover{background:var(--brand-tint)}
.ddw .checkrow:focus-within{outline:1px solid var(--brand);outline-offset:-1px}
.ddw #previewEmail{margin:0 0 20px}.ddw .emailpane{position:static}
/* Email presentation tables are isolated from generic table/td/tr:hover styles.
   Explicit preview themes stay readable irrespective of the surrounding wizard. */
#ddw .mail[data-email-theme]{--mail-paper:#fff;--mail-raised:#f7f9fc;--mail-ink:#18263d;--mail-muted:#596981;--mail-line:#cbd5e1;--mail-primary:#073877;--mail-link:#073877;background:var(--mail-paper)!important;border:1px solid var(--mail-line)!important;padding:0!important;border-radius:12px;box-shadow:none;color:var(--mail-ink);color-scheme:light;overflow:hidden}
#ddw .mail[data-email-theme="dark"]{--mail-paper:#191a1b;--mail-raised:#202122;--mail-ink:#bfbfbf;--mail-muted:#9c9c9c;--mail-line:#333536;--mail-primary:#297aa0;--mail-link:#48a0c7;color-scheme:dark}
#ddw .mail[data-email-theme] table{background:transparent;border:0;border-collapse:separate;border-spacing:0;border-radius:0;box-shadow:none;width:100%;margin:0;overflow:visible}
#ddw .mail[data-email-theme] :is(tbody,tr,tr:hover){background:transparent!important;border:0;box-shadow:none}
#ddw .mail[data-email-theme] td{padding:0;border:0;text-align:left;background:transparent;font:15px/24px Arial,Helvetica,sans-serif;color:var(--mail-ink)!important}
#ddw .mail[data-email-theme] .email-canvas{background:var(--mail-paper)!important}
#ddw .mail[data-email-theme] .email-canvas>tbody>tr>td{padding:0!important}
#ddw .mail[data-email-theme] .outer{border:0!important;max-width:600px!important;margin:0 auto!important;background:var(--mail-paper)!important}
#ddw .mail[data-email-theme] :is(.email-header,.email-paper){background:var(--mail-paper)!important;color:var(--mail-ink)!important}
#ddw .mail[data-email-theme] .email-header{padding:24px!important;border:0!important}
#ddw .mail[data-email-theme] td.email-paper{padding:4px 24px 24px!important}
#ddw .mail[data-email-theme] table.email-soft{background:var(--mail-raised)!important;border:1px solid var(--mail-line)!important;border-radius:8px!important;margin:22px 0!important}
#ddw .mail[data-email-theme] table.email-soft td{padding:18px!important}
#ddw .mail[data-email-theme] td.email-soft{padding:20px 24px!important;background:var(--mail-paper)!important;border:0!important;border-top:1px solid var(--mail-line)!important}
#ddw .mail[data-email-theme] :is(.email-ink,.email-body,.email-items,.email-items *,p,li,h1,h2,h3){color:var(--mail-ink)!important}
#ddw .mail[data-email-theme] .email-muted{color:var(--mail-muted)!important}
#ddw .mail[data-email-theme] .headline{font:700 clamp(23px,1.6vw,30px)/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:-.4px;margin:0 0 22px!important}
#ddw .mail[data-email-theme] h2{display:block;font:700 18px/25px Arial,Helvetica,sans-serif!important;letter-spacing:-.2px;margin:0 0 12px!important}
#ddw .mail[data-email-theme] .email-items ul{margin:8px 0 16px;padding-left:20px}
#ddw .mail[data-email-theme] .email-items li{padding-left:2px;font:15px/24px Arial,Helvetica,sans-serif}
#ddw .mail[data-email-theme] .email-logo{filter:none!important;width:158px;height:auto;display:block}
#ddw .mail[data-email-theme] a:not(.email-button){color:var(--mail-link)!important;min-height:0}
#ddw .mail[data-email-theme] table:has(>.email-button-cell),#ddw .mail[data-email-theme] table:has(>tbody>tr>.email-button-cell){width:220px!important;max-width:100%!important;border:0!important;background:transparent!important;margin:24px 0!important;overflow:hidden;border-radius:6px}
#ddw .mail[data-email-theme] .email-button-cell{width:220px;max-width:100%;padding:0!important;border:0!important;background:transparent!important}
#ddw .mail[data-email-theme] a.email-button{display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important;background:var(--mail-primary)!important;color:#fff!important;border:0!important;border-radius:6px;font:700 15px/48px Arial,Helvetica,sans-serif!important;text-align:center;text-decoration:none;padding:0 16px!important;box-shadow:none;min-height:48px;filter:none}
#ddw .mail[data-email-theme] a.email-button:hover{filter:brightness(1.08)}
#ddw .mail[data-email-theme] a:focus-visible{outline:2px solid var(--mail-link);outline-offset:3px}
.ddw .filetable{background:var(--surface);border-color:var(--line)}
.ddw .filetable th,.ddw .filetable td{font-size:13px;color:var(--ink);border-color:var(--line)}
.ddw .filetable tr:hover{background:var(--surface-2)}
.ddw #drawerBody pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.ddw #drawerBody{overflow-wrap:anywhere}
@media(min-width:981px) and (max-width:1279px){.ddw .ds-tabs.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ddw .steps .step{min-width:0;white-space:normal}}
@media(max-width:980px){.ddw .app,.ddw.rail-collapsed .app{display:block}.ddw .side{display:none}.ddw .side.open{display:flex;height:calc(100dvh - 26px);width:min(280px,calc(100vw - 26px));box-shadow:0 12px 48px #0004}.ddw .side-foot{margin-top:24px}.ddw .rail-toggle{display:none}.ddw .dockbar,.ddw.rail-collapsed .dockbar{margin-left:0}.ddw.rail-collapsed .side.open .logo-text,.ddw.rail-collapsed .side.open .nav-cap,.ddw.rail-collapsed .side.open .nav-item span{display:revert}.ddw.rail-collapsed .side.open .nav-item{justify-content:flex-start}.ddw.rail-collapsed .side.open .sidebar-logo{width:150px}.ddw.rail-collapsed .side.open .sidebar-logo svg{width:100%;height:auto}.ddw.rail-collapsed .side.open .sidebar-logo path{display:revert}.ddw.rail-collapsed .side.open .sidebar-logo path:last-child{transform:translate(52px,64px)}}
@media(max-width:700px){body{padding-inline:16px}.ddw .scope-field>label{min-height:0}.ddw .scope-field{grid-column:1/-1}.ddw .catalogue-row{grid-template-columns:1fr}.ddw .catalogue-row .catcard{display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px 10px;padding:14px}.ddw .catalogue-row .catcard input{grid-row:1/3;margin-top:2px}.ddw .catalogue-row .catcard small{display:block;grid-column:2}.ddw .checkgroup .body{padding-inline:6px}.ddw .checkrow{padding:12px 6px;gap:4px 8px}.ddw .checkrow .item-preview{font-size:13px;padding-inline:8px}.ddw .checkgroup summary .mini{padding-left:28px;width:100%}.ddw .checkgroup summary{gap:5px 10px}.ddw .ds-theme button{min-height:38px}.ddw .checkrow label{min-height:44px}#ddw .mail[data-email-theme] .email-header{padding:20px!important}#ddw .mail[data-email-theme] td.email-paper{padding:4px 16px 20px!important}#ddw .mail[data-email-theme] table.email-soft td{padding:14px!important}#ddw .mail[data-email-theme] td.email-soft{padding:18px 16px!important}.ddw .dockbar #start{grid-column:2;font-size:13px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.ddw *{transition:none!important}}
/* One email canvas at a time; the preview follows appearance and can be compared explicitly. */
.ddw .email-previews{display:block}.ddw .emailpane{max-width:640px;width:100%;justify-self:center}
.ddw .email-mode-tabs{display:flex;gap:6px;margin:0 0 14px}
.ddw .email-mode-tabs button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-3);padding:8px 14px;min-height:38px;font-size:13px}
.ddw .email-mode-tabs button[aria-selected="true"]{background:var(--brand-tint);border-color:var(--line);color:var(--ink);font-weight:600}
.ddw .email-variant h4{display:none}
.ddw .checkrow:focus-within{outline:none}.ddw .checkrow:has(:focus-visible){outline:1px solid var(--brand);outline-offset:-1px}
@media(max-width:1250px){.ddw .emailpane{max-width:none}}

.ddw .nav-close{display:none}
.ddw .primary-currency .main{border:1px solid var(--line);min-height:36px;font:600 13px/1.5 Inter,system-ui,sans-serif;padding:7px 10px}
@media(max-width:980px){.ddw .nav-close{display:grid;place-items:center;position:absolute;top:10px;right:10px;width:44px;height:44px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:24px;line-height:1}.ddw .side.open .logo{padding-right:38px}}



/* Account pages layout. Master tokens and master components only; no new classes, no new colours, no type-scale overrides. */
#side{overflow-y:auto}
#acct .phase>.block:first-of-type{margin-top:0}
#acct .chiprow.block{align-items:center;margin-bottom:4px}
#acct .split{margin-top:24px}
#acct .split>div>:first-child{margin-top:0}

/* Status = icon + word, coloured by the master vote-tally tokens. */
#acct .vote-tally,#fileDrawer .vote-tally{display:inline-flex;align-items:center;font-weight:600;vertical-align:middle}
#acct .vote-tally>span{display:inline-flex;align-items:center;gap:6px}
#acct .vote-tally svg{width:16px;height:16px}

/* Alerts: the master review-step .evidence-gap rule, applied wherever an alert appears. */
#acct .evidence-gap,#fileDrawer .evidence-gap{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border:1px solid var(--line);background:var(--surface-2);border-radius:13px}
#acct .evidence-gap+.evidence-gap,#acct .evidence-gap+.waitstate,#acct .waitstate+.evidence-gap,#acct .waitstate+.waitstate{margin-top:12px}
#acct .gap-icon svg,#fileDrawer .gap-icon svg{width:18px;height:18px}
#acct .gap-icon.danger{color:var(--neg);background:var(--neg-bg)}
#acct .evidence-gap>.avatar{width:34px;height:34px}
#acct .waitstate{display:flex;align-items:center;gap:14px;margin-top:0}
#acct .waitstate>svg{color:var(--brand)}
#acct .waitstate .muted{margin:2px 0 0}

#acct .receipt p{margin:0 0 10px}
#acct .receipt p:last-child{margin:0}
#acct .receipt .vote-tally{margin-right:6px}
#acct .loi-check-row{display:flex;align-items:center;gap:8px}
#acct .loi-check-row svg{width:16px;height:16px}

#profileAvatar{width:64px;height:64px;border-radius:16px;font-size:20.16px;background-size:cover;background-position:center}
#teamTools{align-items:flex-end;gap:16px}
#acct .filetable td .row-flex{gap:6px;flex-wrap:nowrap}
#acct .filetable td:last-child{white-space:nowrap}
#tfaCodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#fileDrawer .emailpane{max-width:none}

@media(max-width:700px){
#acct .evidence-gap,#fileDrawer .evidence-gap{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:14px}
#acct .evidence-gap>.btn,#acct .evidence-gap>a.btn{grid-column:1/-1;width:100%;text-align:center}
#acct .waitstate{flex-wrap:wrap}
#acct .waitstate>.btn{width:100%;text-align:center}
#teamTools>.field{flex:1 1 100%}
#acct .filetable td:last-child{flex-basis:100%;white-space:normal}
#acct .filetable td .btn{white-space:nowrap}
#tfaCodes{grid-template-columns:repeat(2,minmax(0,1fr))}
#rolesTable td:nth-child(2),#rolesTable td:nth-child(3),#rolesTable td:nth-child(4){flex:1 1 0}
#rolesTable td:nth-child(2)::before{content:"Analyst"}
#rolesTable td:nth-child(3)::before{content:"Partner"}
#rolesTable td:nth-child(4)::before{content:"Admin"}
#rolesTable td:nth-child(2)::before,#rolesTable td:nth-child(3)::before,#rolesTable td:nth-child(4)::before{display:block;margin-bottom:4px;color:var(--ink-3)}
}

/* v2 · tables: body text at the master body size. The master sets .ddw{font-size:clamp(14px,calc(11px + .24vw),21px)};
   cells inherit it instead of the master's 13px table override. Headers keep the master 13px uppercase mono, and
   secondary lines keep the master 13px .sb, so the header-to-body ratio stays what the master uses for labels vs text. */
#acct .filetable,#acct .filetable td{font-size:inherit}
#acct .filetable td .row-flex{align-items:center}

/* v2 · avatars: Google photo, uploaded photo or coloured initials (master --a tokens), same element everywhere */
#ddw .avatar{background-size:cover;background-position:center;background-repeat:no-repeat}
#teamBody .avatar{width:30px;height:30px;font-size:13px}
#teamBody td:first-child .row-flex{gap:10px;flex-wrap:nowrap}
#pfIdentity{gap:14px;flex-wrap:wrap;align-items:center}
#pfIdentity>.grow{min-width:0}
#pfShowName{overflow-wrap:anywhere}
#pfWhere>.row-flex{gap:12px;flex-wrap:nowrap;align-items:center}
#pfWhere small{display:block}
#menuName{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cropBox{width:min(260px,100%);aspect-ratio:1;border-radius:16px;border:1px solid var(--line);background-color:var(--surface-2);background-repeat:no-repeat;cursor:grab;touch-action:none}
#cropPreviews{gap:12px;align-items:center}
#cpLarge{width:64px;height:64px;border-radius:16px;background-repeat:no-repeat}
#cpMenu{background-repeat:no-repeat}
#cpTable{width:30px;height:30px;background-repeat:no-repeat}
#tfaCodes>span{font-family:"JetBrains Mono",monospace}
#acct .split .receipt .btn{margin-top:6px}
@media(max-width:700px){
#pfIdentity>.grow{flex:1 1 calc(100% - 80px)}
#pfIdentity>.btn{flex:1 1 auto;justify-content:center;text-align:center}
}
