/* Optional Owner/Staff appearance. Light remains the existing design; every
   dark override is gated by the explicitly chosen portal preference. */
/* One public startup surface across Admin, Staff and Customer. */
#portal-opening{--opening-bg:#fff;--opening-ink:#071d50;--opening-muted:#52627a;--opening-line:#dce7f4;--opening-soft:#edf3fa;--opening-blue:#00639d;position:fixed;inset:0;z-index:10000;display:grid;grid-template-rows:1fr auto;min-width:0;overflow:auto;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--opening-bg);color:var(--opening-ink);font:16px/1.5 'Nunito Sans',system-ui,-apple-system,sans-serif;text-align:center;box-sizing:border-box}
#portal-opening[hidden]{display:none!important}
html[data-portal-opening]:not([data-portal-opening=returning]) #portal-opening[hidden]{display:grid!important}
html[data-portal-theme=dark] #portal-opening{--opening-bg:#101c31;--opening-ink:#f3f7ff;--opening-muted:#b6c4d9;--opening-line:#354760;--opening-soft:#1d2b46;--opening-blue:#67bfff}
html[data-portal-opening]:not([data-portal-opening=returning]) body{overflow:hidden}
html[data-portal-opening]:not([data-portal-opening=returning]):not([data-portal-opening=loading]) body>:not(#portal-opening):not(script):not(noscript){visibility:hidden!important}
#portal-opening .portal-opening-brand{align-self:center;justify-self:center;display:flex;align-items:center;flex-direction:column;gap:16px;width:min(100%,440px);padding:24px 0}
#portal-opening .portal-opening-brand img{width:180px;height:90px;max-width:100%;object-fit:contain;display:block;margin-bottom:10px}
#portal-opening h1{font:800 30px/1.2 'Baloo 2',system-ui,sans-serif;letter-spacing:-.02em;margin:0;color:var(--opening-ink)}
#portal-opening p{margin:0;color:var(--opening-muted)}
#portal-opening [data-opening-message]{font-size:16px;min-height:24px}
#portal-opening .portal-opening-dots{display:flex;gap:6px;padding:4px}
#portal-opening .portal-opening-dots span{display:block;width:5px;height:5px;border-radius:50%;background:var(--opening-blue)}
#portal-opening .portal-opening-dots span:nth-child(2){opacity:.65}
#portal-opening .portal-opening-dots span:nth-child(3){opacity:.35}
@keyframes portal-opening-dot-pulse{0%,70%,100%{opacity:.35}35%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
  html[data-portal-opening=checking] #portal-opening .portal-opening-dots span{animation:portal-opening-dot-pulse 1.2s ease-in-out infinite}
  html[data-portal-opening=checking] #portal-opening .portal-opening-dots span:nth-child(2){animation-delay:.18s}
  html[data-portal-opening=checking] #portal-opening .portal-opening-dots span:nth-child(3){animation-delay:.36s}
}
#portal-opening .portal-opening-footer{font-size:13px;padding-top:24px}
#portal-opening [data-opening-recovery]{max-width:320px}
#portal-opening [data-opening-recovery] p{font-size:14px;margin-bottom:16px}
#portal-opening .portal-opening-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#portal-opening .portal-opening-actions>*{font:800 14px/1.4 'Nunito Sans',system-ui,sans-serif;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border:1px solid var(--opening-line);border-radius:28px;color:var(--opening-ink);background:var(--opening-soft);text-decoration:none;cursor:pointer;box-sizing:border-box}
#portal-opening .portal-opening-actions>:focus-visible{outline:3px solid var(--opening-blue);outline-offset:3px}
#portal-opening [data-opening-placeholder]{display:none;width:min(100%,1120px);margin:0 auto;align-self:center;text-align:left}
#portal-opening .portal-opening-placeholder-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--opening-line);padding-bottom:20px;margin-bottom:28px}
#portal-opening .portal-opening-placeholder-header img{width:112px;height:56px;object-fit:contain}
#portal-opening .portal-opening-placeholder-label{color:var(--opening-muted);font-size:14px}
#portal-opening .portal-opening-skeleton{padding:24px;border:1px solid var(--opening-line);border-radius:20px;background:var(--opening-bg);margin-top:20px;min-height:190px}
#portal-opening .portal-opening-skeleton span{display:block;width:min(90%,600px);height:14px;background:var(--opening-soft);border-radius:5px;margin:0 0 16px}
#portal-opening .portal-opening-skeleton span:first-child{width:60%;height:24px}
#portal-opening .portal-opening-skeleton span:nth-child(3){width:45%}
#portal-opening .portal-opening-skeleton span:last-child{width:130px;height:44px;border-radius:24px;margin-bottom:0}
html[data-portal-opening=loading] #portal-opening .portal-opening-brand{display:none}
html[data-portal-opening=loading] #portal-opening [data-opening-placeholder]{display:block}
html[data-portal-opening=loading] #portal-opening{--opening-bg:#f3f8ff;top:var(--opening-top,0px);left:var(--opening-left,0px);width:var(--opening-width,100%);height:var(--opening-height,auto);right:auto;bottom:auto;display:block;padding-top:28px}
html[data-portal-opening=loading] :is(#workspace,#staff-main,#customer-main)>*{visibility:hidden}
html[data-portal-theme=dark][data-portal-opening=loading] #portal-opening{--opening-bg:#0b1426}
html[data-portal-opening=loading] #portal-opening :is(.portal-opening-placeholder-header,.portal-opening-footer){display:none}
html[data-portal-opening=returning] #portal-opening{inset:auto 16px max(16px,env(safe-area-inset-bottom)) auto;width:auto;max-width:calc(100% - 32px);min-height:0;display:block;padding:12px 18px;border:1px solid var(--opening-line);border-radius:18px;box-shadow:0 4px 18px #071d5014;pointer-events:none}
html[data-portal-opening=returning] #portal-opening .portal-opening-brand{padding:0;width:auto;display:block}
html[data-portal-opening=returning] #portal-opening :is(.portal-opening-brand img,h1,.portal-opening-dots,.portal-opening-footer,[data-opening-placeholder],[data-opening-recovery]){display:none!important}
html[data-portal-opening=returning] #portal-opening [data-opening-message]{font-size:14px}
@media(max-width:520px){#portal-opening [data-opening-placeholder]{align-self:start;padding-top:14px}#portal-opening .portal-opening-skeleton{padding:20px}#portal-opening .portal-opening-placeholder-header{margin-bottom:24px}}
@media print{#portal-opening{display:none!important}}
html[data-portal-theme=light] { color-scheme:light; }
.portal-theme-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  padding:10px;
  border:1px solid #cedeee;
  border-radius:99px;
  background:#fff;
  color:var(--ink);
  cursor:pointer;
  line-height:1;
  transition:background .18s,border-color .18s,color .18s;
}
.portal-theme-toggle:hover { background:#f5fbff; border-color:#96c5ec; }
.portal-theme-toggle svg,.portal-theme-icon { width:20px; height:20px; flex-shrink:0; }
.portal-theme-toggle svg[hidden] { display:none; }
.portal-theme-auth-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; margin-bottom:16px; }
.portal-theme-auth-actions.portal-theme-auth-small { margin-bottom:20px; }
.portal-theme-auth-actions :is(.auth-brand,.auth-small-logo) { margin:0; min-width:0; max-width:calc(100% - 60px); flex:0 1 auto; }
.workspace-header .header-actions { gap:10px; }
.workspace-header .header-actions .portal-theme-toggle { flex:0 0 44px; width:44px; height:44px; padding:10px; }

html[data-portal-theme=dark] {
  color-scheme:dark;
  --portal-bg:#0b1426;
  --portal-panel:#152139;
  --portal-chrome:#101c31;
  --portal-raised:#1d2b46;
  --portal-input:#0e192e;
  --portal-line:#354760;
  --portal-control-line:#7284a2;
  --portal-text:#f3f7ff;
  --portal-muted:#b6c4d9;
  --portal-pink-text:#ff80b7;
  --portal-pink-soft:#3e2039;
  --portal-blue:#67bfff;
  --portal-blue-soft:#17364f;
  --portal-green:#94d5b0;
  --portal-green-soft:#18372d;
  --portal-amber:#f1c777;
  --portal-amber-soft:#3a2e1e;
  --portal-purple:#c9b5ff;
  --portal-purple-soft:#302847;
  --ctm-ink:var(--portal-text);
  --ctm-muted:var(--portal-muted);
  --ctm-pink:#e90061;
  --ctm-blue:var(--portal-blue);
  --ctm-line:var(--portal-line);
  --ctm-surface:var(--portal-panel);
  --ctm-success-ink:var(--portal-green);
  --ctm-success-fill:var(--portal-green-soft);
  --ctm-error-ink:var(--portal-pink-text);
  --ctm-error-fill:var(--portal-pink-soft);
  --ctm-warning-ink:var(--portal-amber);
  --ctm-warning-fill:var(--portal-amber-soft);
  --pale:var(--portal-bg);
  --ink:var(--portal-text);
  --navy:var(--portal-text);
  --muted:var(--portal-muted);
  --line:var(--portal-line);
  --surface:var(--portal-panel);
  --blue:var(--portal-blue);
  --shadow:0 4px 18px #00000024;
}

/* The chrome and inset panels retain the same hierarchy as the light portal. */
html[data-portal-theme=dark] body { background:var(--portal-bg); color:var(--portal-text); }
html[data-portal-theme=dark] :is(.workspace-header,.workspace-sidebar) { background:var(--portal-chrome); }
html[data-portal-theme=dark] :is(.card,.metric-card,dialog,.single .auth-card,.account-menu-options,.toast,.billing-save-bar,.staff-job-toolbar) { background:var(--portal-panel); }
html[data-portal-theme=dark] :is(dialog,.account-menu-options) { box-shadow:0 16px 48px #00000055; }
html[data-portal-theme=dark] :is(.content-toolbar,.billing-save-bar,.staff-job-toolbar) { box-shadow:0 6px 22px #0000002c; }
html[data-portal-theme=dark] dialog::backdrop { background:#020916b8; }
html[data-portal-theme=dark] :is(.collection-item,.communications-option,.stock-resource,.stock-service,.calendar-link-row,.consumables-alerts-owner,.work-template-task,.preparation-row,.reports-table tbody>tr) { background:var(--portal-chrome); }
html[data-portal-theme=dark] :is(.detail-facts,.communications-status-total,.flavour-option-rule,.enquiry-reservation-box,.booking-item-editor,.maintenance-item-editor,.billing-line,.billing-payment-card,.finance-recent-card .finance-record,.consumable-history-row,.consumable-plan-row) { background:var(--portal-chrome); }
html[data-portal-theme=dark] :is(.supply-link-card,.supply-rule-card,.supply-order-item,.booking-choice-panel,.staff-photo-open) { background:var(--portal-panel); }
html[data-portal-theme=dark] :is(.image-preview,.flavour-summary-swatch,.flavour-texture-preview,.booking-swatch-visual) { background-color:var(--portal-raised); }
html[data-portal-theme=dark] .media-image { background:repeating-conic-gradient(#1d2b46 0% 25%,#152139 0% 50%) 50%/18px 18px; border-color:var(--portal-line); }
html[data-portal-theme=dark] :is(th,.reports-table th) { background:var(--portal-chrome); }
html[data-portal-theme=dark] :is(.bar-track,.finance-trend-track) { background:var(--portal-raised); }
html[data-portal-theme=dark] .finance-trend-bar.negative { background:var(--portal-pink-text); }
html[data-portal-theme=dark] .visits-chart [stroke="#e7eef6"] { stroke:var(--portal-line); }
html[data-portal-theme=dark] .spinner { border-color:var(--portal-line); border-top-color:var(--portal-blue); }
html[data-portal-theme=dark] .activity-dot { background:var(--portal-blue); border-color:var(--portal-blue-soft); }

/* Forms, focus and controls use distinct borders against the darker surface. */
html[data-portal-theme=dark] :is(input,select,textarea) { background-color:var(--portal-input); border-color:var(--portal-control-line); color:var(--portal-text); }
html[data-portal-theme=dark] :is(input,select,textarea):focus { border-color:var(--portal-pink-text); outline-color:var(--portal-pink-text); }
html[data-portal-theme=dark] :is(input,textarea)::placeholder { color:var(--portal-muted); }
html[data-portal-theme=dark] input[readonly] { background:var(--portal-chrome); color:var(--portal-muted); }
html[data-portal-theme=dark] select {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23f3f7ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-portal-theme=dark] input[type=file]::file-selector-button { border:1px solid var(--portal-control-line); border-radius:7px; background:var(--portal-raised); color:var(--portal-text); padding:7px 10px; margin-right:10px; }
html[data-portal-theme=dark] :is(.button.secondary,.portal-theme-toggle) { background:var(--portal-raised); border-color:var(--portal-control-line); color:var(--portal-text); }
html[data-portal-theme=dark] :is(.button.secondary,.portal-theme-toggle):hover:not(:disabled) { background:var(--portal-blue-soft); border-color:var(--portal-blue); color:var(--portal-text); }
html[data-portal-theme=dark] .button.quiet:hover:not(:disabled) { background:var(--portal-raised); color:var(--portal-text); }
html[data-portal-theme=dark] .button.pink { background:#e90061; border-color:#e90061; color:#fff; }
html[data-portal-theme=dark] .button.pink:hover:not(:disabled) { background:#d60059; border-color:#d60059; color:#fff; }
html[data-portal-theme=dark] :is(.close-button,.array-row .close-button,.booking-quantity-step) { background:var(--portal-raised); border-color:var(--portal-control-line); color:var(--portal-muted); }
html[data-portal-theme=dark] :is(.close-button,.array-row .close-button,.booking-quantity-step):hover:not(:disabled) { background:var(--portal-blue-soft); color:var(--portal-pink-text); }
html[data-portal-theme=dark] .password-toggle:hover { background:var(--portal-raised); }
html[data-portal-theme=dark] :is(.selection-list label,.booking-swatch,.booking-swatch-mark) { background:var(--portal-input); border-color:var(--portal-control-line); }
html[data-portal-theme=dark] .booking-swatch:hover { border-color:var(--portal-blue); }
html[data-portal-theme=dark] .booking-swatch.selected { border-color:var(--portal-pink-text); }
html[data-portal-theme=dark] .booking-swatch-mark { color:var(--portal-pink-text); }
html[data-portal-theme=dark] .communications-option input[role=switch] { background:var(--portal-raised); border-color:var(--portal-control-line); }
html[data-portal-theme=dark] .communications-option input[role=switch]:checked { background:#008fee; border-color:var(--portal-blue); }
html[data-portal-theme=dark] .communications-option input[role=switch]::before { background:var(--portal-text); }
html[data-portal-theme=dark] .skip-link { background:var(--portal-blue-soft); color:var(--portal-text); }
html[data-portal-theme=dark] ::selection { background:var(--portal-blue-soft); color:var(--portal-text); }

/* CTM pink remains the primary action; lighter pink is used for small text. */
html[data-portal-theme=dark] :is(.eyebrow,.quiet-link:hover,.auth-art strong,.sidebar-note>span,.booking-day.today .booking-day-number,.auth-captcha.is-error .auth-captcha-status,#calendar-subscriptions>summary::after,.reports-refine>summary::before,.reports-notes>summary::before,.reports-section>summary::before) { color:var(--portal-pink-text); }
html[data-portal-theme=dark] :is(.inline-link,.consumables-alerts-delivery-link) { color:var(--portal-blue); }
html[data-portal-theme=dark] :is(.workspace-sidebar>.eyebrow,#admin-nav button>span) { color:var(--portal-muted); }
html[data-portal-theme=dark] :is(#admin-nav button:hover,.editor-section>summary:hover) { background:var(--portal-raised); }
html[data-portal-theme=dark] #admin-nav>#admin-more-toggle { background:var(--portal-panel); border-color:var(--portal-control-line); }
html[data-portal-theme=dark] :is(#admin-nav button[aria-current=page],#admin-more-toggle[aria-expanded=true],#admin-shell .header-actions [aria-current=page],.reports-tabs>.button[aria-selected=true],.reports-tabs>.button[aria-selected=true]:hover) { background:var(--portal-blue-soft); border-color:var(--portal-blue); color:var(--portal-blue); }
html[data-portal-theme=dark] #admin-nav button[aria-current=page]>span { color:var(--portal-blue); }
html[data-portal-theme=dark] :is(.inventory-tabs .button[aria-selected=true],.inventory-tabs .button[aria-selected=true]:hover,.booking-display-tabs .button[aria-pressed=true],.staff-job-tabs>.button[aria-selected=true],.staff-job-tabs>.button[aria-selected=true]:hover:not(:disabled)) { background:var(--portal-blue-soft); border-color:var(--portal-blue); color:var(--portal-blue); }
html[data-portal-theme=dark] .staff-job-stages .current { color:var(--portal-blue); border-color:var(--portal-blue); }
html[data-portal-theme=dark] .staff-job-stages .done { border-color:var(--portal-pink-text); }

/* Notices, calendar marks and badges keep their existing semantic colours. */
html[data-portal-theme=dark] :is(.notice,.communications-note,.inventory-policy:not(.success),.badge,.badge.new,.enquiry-initial) { background:var(--portal-blue-soft); color:var(--portal-blue); border-color:#3d789c; }
html[data-portal-theme=dark] :is(.notice.success,.badge.booked,.badge.confirmed,.calendar-mark.confirmed) { background:var(--portal-green-soft); color:var(--portal-green); border-color:#457c61; }
html[data-portal-theme=dark] :is(.notice.error,.form-error) { background:var(--portal-pink-soft); color:var(--portal-pink-text); border-color:#925371; }
html[data-portal-theme=dark] :is(.badge.dirty,.badge.quoted,.badge.held,.calendar-mark.held,.badge.test-job-badge,.test-job-notice,.detail-note,.reports-warning) { background:var(--portal-amber-soft); color:var(--portal-amber); border-color:#8e7244; }
html[data-portal-theme=dark] :is(.badge.contacted,.badge.maintenance,.calendar-mark.maintenance) { background:var(--portal-purple-soft); color:var(--portal-purple); border-color:#786ba1; }
html[data-portal-theme=dark] :is(.badge.closed,.badge.cancelled,.badge.expired,.calendar-mark:not(.confirmed,.held,.maintenance)) { background:var(--portal-raised); color:var(--portal-muted); border-color:var(--portal-line); }
html[data-portal-theme=dark] :is(.calendar-mark.confirmed,.calendar-mark.held,.calendar-mark.maintenance) { border-width:1px; border-style:solid; }
html[data-portal-theme=dark] :is(.communications-job-reason,.flavour-policy-warning,.booking-choice-status,.hold-expiry,.readiness-list) { color:var(--portal-amber); }
html[data-portal-theme=dark] .readiness-list .ready { color:var(--portal-green); }
html[data-portal-theme=dark] .booking-dot.confirmed { background:var(--portal-green); }
html[data-portal-theme=dark] .booking-dot.held { background:var(--portal-amber); }
html[data-portal-theme=dark] .booking-dot.maintenance { background:var(--portal-purple); }
html[data-portal-theme=dark] .booking-day { background:var(--portal-chrome); }
html[data-portal-theme=dark] .booking-day:hover { background:var(--portal-blue-soft); border-color:var(--portal-blue); }
html[data-portal-theme=dark] .booking-day.selected { background:var(--portal-pink-soft); border-color:var(--portal-pink-text); box-shadow:inset 0 0 0 1px var(--portal-pink-text); }
html[data-portal-theme=dark] .metric-card::before { background:var(--portal-blue-soft); }
html[data-portal-theme=dark] .metric-card:nth-child(2)::before { background:var(--portal-pink-soft); }
html[data-portal-theme=dark] .metric-card:nth-child(3)::before { background:var(--portal-amber-soft); }
html[data-portal-theme=dark] .metric-card:nth-child(4)::before { background:var(--portal-purple-soft); }

/* Sign-in, invitation and recovery stay in the same optional appearance. */
html[data-portal-theme=dark] .auth-screen { background:var(--portal-bg); }
html[data-portal-theme=dark] .auth-screen.single { background:linear-gradient(130deg,var(--portal-bg),var(--portal-chrome)); }
html[data-portal-theme=dark] .auth-art { background:linear-gradient(150deg,#132b46,#152139 65%,#332137); }
html[data-portal-theme=dark] .auth-art img { filter:drop-shadow(0 15px 18px #00000030); }
html[data-portal-theme=dark] :is(.art-orbit,.orbit-two) { border-color:var(--portal-line); }
html[data-portal-theme=dark] .star-two { color:var(--portal-blue); }

/* Website previews and issued documents are independent, original artwork.
   Their paper/iframe contents deliberately keep their customer-facing theme. */
html[data-portal-theme=dark] .preview-dialog iframe { background:#fff; color-scheme:light; }

/* The new icon shares existing header spacing without squeezing controls. */
@media(max-width:760px) {
  .staff-header .header-actions { gap:8px; }
  .staff-header .portal-theme-toggle { flex:0 0 44px; }
}
@media(max-width:620px) {
  .portal-theme-auth-actions:not(.portal-theme-auth-small) { margin-bottom:24px; }
  #admin-shell>.workspace-header { gap:8px; height:auto; min-height:86px; }
  #admin-shell>.workspace-header .workspace-brand { width:100px; }
  #admin-shell>.workspace-header .header-actions { gap:8px; }
  #admin-shell>.workspace-header .portal-theme-toggle { flex:0 0 44px; }
  #admin-shell>.workspace-header .account-menu { flex:1; }
  .workspace-header .account-menu>summary { white-space:normal; overflow-wrap:anywhere; }
  #admin-shell .workspace-sidebar { top:var(--portal-header-height,86px); }
}
@media(max-width:360px) {
  #admin-shell>.workspace-header { height:auto; min-height:132px; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:48px minmax(44px,auto); gap:10px; padding:10px 16px; }
  #admin-shell>.workspace-header .workspace-brand { grid-row:1; }
  #admin-shell>.workspace-header .workspace-brand img { max-height:48px; }
  #admin-shell>.workspace-header .header-actions { grid-row:2; width:100%; justify-content:flex-end; margin-left:0; }
  #admin-shell .workspace-sidebar { top:var(--portal-header-height,132px); }
  #admin-shell #announcement { top:calc(var(--portal-header-height,132px) + 72px); }
  .staff-header .workspace-brand { width:88px; }
  .staff-header .account-menu>summary { padding-inline:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .portal-theme-toggle { transition:none; }
}
@media print {
  /* Portal printouts stay legible on paper without changing the saved choice. */
  html[data-portal-theme=dark] {
    color-scheme:light;
    --portal-bg:#fff;
    --portal-panel:#fff;
    --portal-chrome:#f7faff;
    --portal-raised:#f3f8ff;
    --portal-input:#fff;
    --portal-line:#dce7f4;
    --portal-control-line:#cfddeb;
    --portal-text:#071d50;
    --portal-muted:#60708c;
    --portal-pink-text:#972b45;
    --portal-pink-soft:#fff2f5;
    --portal-blue:#0075bf;
    --portal-blue-soft:#eaf6ff;
    --portal-green:#226343;
    --portal-green-soft:#eefaf4;
    --portal-amber:#97571b;
    --portal-amber-soft:#fff7e7;
    --portal-purple:#6244a3;
    --portal-purple-soft:#f6f1ff;
  }
  html[data-portal-theme=dark] .auth-art { background:#fff; }
}

/* Portal text and authentication controls share the same readable foundation. */
html[data-portal-theme=light] :is(input,textarea)::placeholder{color:var(--muted)}
html[data-portal-theme=light] :is(.inline-link,.consumables-alerts-delivery-link){color:#0075bf}
html[data-portal-theme=dark] :is(.work-template-header,.work-template-footer,.ctm-crew-panel){background:var(--portal-panel)}
html[data-portal-theme=dark] .work-preparation-form .work-shared-assignee{background:var(--portal-chrome)}
@media(max-width:760px){
 .auth-card .button{white-space:normal;overflow-wrap:anywhere;min-height:44px}
}