/* Concept 02 shared surfaces; canvases, video and printed output keep their own colors. */
@layer icon-selection, design, pearl, legacy;
@layer icon-selection.disclosures, icon-selection.lumen;
@import url('/assets/shared-lumen-suite-e08091b6f1ac.css') layer(icon-selection.lumen);
@import url('/assets/shared-ui-tokens-6c2da8e2fed1.css');
@import url('/assets/shared-ui-controls-5007100b683a.css');
@import url('/assets/shared-ui-surfaces-747a51afe0ea.css');
@import url('/assets/shared-ui-selection-40c90af92c25.css');
@import url('/assets/shared-ui-close-c9c348b66161.css');
@import url('/assets/shared-app-fonts-89f682c5db1c.css');
@import url('/assets/shared-app-icons-5865e8728c6c.css');
@import url('/assets/shared-design-variants-20d5c0a1416c.css');
@import url('/assets/shared-header-navigation-0bc9a114aab1.css');
@import url('/assets/shared-app-disclosures-af4bcd24162c.css');
@import url('/assets/shared-app-feedback-72159fd43e57.css');
@import url('/nippo/css/safety-pearl.css?v=20261105-theme-consistent');
/* Keep the page's final content clear of the shared 48px back-to-top control. */
@media screen {
 html body::after {
  content:""; display:block; clear:both; grid-column:1 / -1; width:100%;
  block-size:calc(66px + env(safe-area-inset-bottom,0px));
  min-block-size:calc(66px + env(safe-area-inset-bottom,0px));
  flex:0 0 calc(66px + env(safe-area-inset-bottom,0px)); pointer-events:none;
 }
}
.ckas-version-info{border-top:1px solid var(--pearl-edge);padding-top:12px;font-size:13px;line-height:1.6;color:var(--pearl-muted)}.ckas-version-info p{margin:0 0 6px!important}.ckas-version-info summary{cursor:pointer;min-height:44px;padding-block:10px}.ckas-version-info code{display:block;padding:4px 0 10px;overflow-wrap:anywhere;user-select:all}
@layer pearl {
 .pearl-suite :is(#globalSafetyReminderConfirm,.nippo-date-next) { min-height:56px!important; padding:12px!important; border:1px solid var(--pearl-ink)!important; border-radius:16px!important; background:var(--pearl-ink)!important; color:var(--pearl-paper)!important; font-size:18px!important; font-weight:700!important; line-height:1.4!important; box-shadow:none!important; cursor:pointer; }
 :root { --pearl-bg:#e6f1f9; --pearl-paper:#f2f8fd; --pearl-field:#f8fcff; --pearl-ink:#314c68; --pearl-muted:#566f88; --pearl-line:var(--pearl-edge); --pearl-edge:#bdcedd; --pearl-shadow:none; }
 html[data-color-theme=teal] { --pearl-bg:#e4f2ee; --pearl-paper:#f2faf7; }
 html[data-color-theme=violet] { --pearl-bg:#eae7f6; --pearl-paper:#f6f3ff; }
 html[data-color-theme=coral] { --pearl-bg:#f7e9e2; --pearl-paper:#fff6ef; }
 html[data-color-theme=rose] { --pearl-bg:#f5e6ed; --pearl-paper:#fff4f8; }
 html[data-color-theme=charcoal] { --pearl-bg:#ecedef; --pearl-paper:#f7f8f9; }
 html[data-color-theme=honey] { --pearl-bg:#f4eedc; --pearl-paper:#fffbf0; }
 html[data-color-theme=olive] { --pearl-bg:#ebeedc; --pearl-paper:#f8faf0; }
 html[data-color-theme^=swatch-] { --theme-readable-accent:var(--ckas-swatch-accent,#0879de); --ckas-accent-text:var(--ckas-swatch-ink,#fff); }
 html:not([data-theme=dark])[data-color-theme^=swatch-] { --pearl-bg:color-mix(in srgb,var(--ckas-swatch-base,#0879de) 12%,#f7fbff); --pearl-paper:color-mix(in srgb,var(--ckas-swatch-base,#0879de) 5%,#fff); }
 html[data-theme=dark],body[data-theme=dark] { --pearl-bg:#192636; --pearl-paper:#283a4e; --pearl-field:#30445a; --pearl-ink:#e1edf8; --pearl-muted:#b8cadb; --pearl-line:var(--pearl-edge); --pearl-edge:#617b96; --pearl-shadow:none; color-scheme:dark; }
 body.pearl-suite { --bg:var(--pearl-bg)!important; --surface:var(--pearl-paper)!important; --card:var(--pearl-paper)!important; --text:var(--pearl-ink)!important; --ink:var(--pearl-ink)!important; --muted:var(--pearl-muted)!important; --border:var(--pearl-edge)!important; --line:var(--pearl-edge)!important; --page-bg:var(--pearl-bg)!important; background:var(--pearl-bg)!important; color:var(--pearl-ink)!important; }
 .pearl-suite :is(.card,.panel,.profile-card,.metric-card,.recordings-section,.game-card,.editor-card,.field-card,.action-card,.money-card,.baby-card,.result-card,.tools-panel,.timeline-panel,.analyze-intro,.camera-panel,.sg-guide,.content-guide,.guide-content,.nippo-content,.route-list-panel,.route-editor-panel,.route-import-panel,.privacy-note,.status-banner,.unsupported) { background:var(--pearl-paper)!important; border:1px solid var(--pearl-line)!important; border-radius:24px!important; box-shadow:var(--pearl-shadow)!important; color:var(--pearl-ink)!important; }
 .pearl-suite :is(.summary-grid>*,.care-totals>*,.result-grid>*,.balance-card,.milk-timing,.game-grid,.flow-steps li,.nippo-flow li) { background:var(--pearl-paper)!important; border-color:var(--pearl-line)!important; border-radius:18px!important; color:var(--pearl-ink)!important; }
 .pearl-suite :is(h1,h2,h3,h4,label,legend) { color:var(--pearl-ink)!important; }
 .pearl-suite :is(.compact-note,.empty-state,.tool-save-note,.source-note,.panel-heading p,.privacy-note) { color:var(--pearl-muted)!important; }
 .pearl-suite :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea) { min-width:0; max-width:100%; min-height:48px!important; border:1px solid var(--pearl-edge)!important; border-radius:13px!important; background:var(--pearl-field)!important; color:var(--pearl-ink)!important; box-shadow:none!important; font-size:max(16px,1em)!important; }
 .pearl-suite :is(input,select,textarea):focus-visible { outline:3px solid var(--ckas-accent,#0879de)!important; outline-offset:-3px!important; }
 .pearl-suite select[data-ckas-pointer-select]:focus-visible:not(.ckas-invalid):not([aria-invalid=true]) { outline:none!important; }
 .pearl-suite select[data-ckas-pointer-select]:open:focus-visible:not(.ckas-invalid):not([aria-invalid=true]) { outline:3px solid var(--ckas-accent,#0879de)!important; }
 .pearl-suite :is(button,a,summary):focus-visible { outline:3px solid var(--pearl-ink)!important; outline-offset:-3px!important; }
 .pearl-suite :is(.primary-button,.primary,.btn-primary,.nippo-primary) { min-height:48px; border-radius:16px!important; border:1px solid #8197a9!important; background:var(--pearl-ink)!important; color:var(--pearl-paper)!important; box-shadow:var(--pearl-shadow)!important; }
 .pearl-suite :is(.secondary-button,.secondary,.small-button,.text-button,.btn-secondary,.nippo-secondary,.import-file-button,.import-video-button,.capture-choice-button,.portrait-button,.camera-off-button,.view-tabs button,.type-switch button,.quick-care button) { min-height:44px; border:1px solid var(--pearl-edge)!important; border-radius:14px!important; background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; box-shadow:none!important; }
 .pearl-suite button:disabled { opacity:.5; cursor:not-allowed; }
 .pearl-suite :is(.ckas-app-header,.approval-topbar,.teiten-app-header,.my-routes-app-header) { background:color-mix(in srgb,var(--pearl-bg) 94%,transparent)!important; color:var(--pearl-ink)!important; border-color:var(--pearl-line)!important; box-shadow:none!important; }
 .pearl-suite :is(.ckas-app-back,.ckas-app-theme,.teiten-header-back,.nippo-theme-toggle,.approval-theme) { background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; border:1px solid var(--pearl-line)!important; border-radius:15px!important; box-shadow:var(--pearl-shadow)!important; min-width:44px; min-height:44px; }
 .pearl-suite .ckas-app-logo { width:44px!important; height:44px!important; background:url('/assets/pearl-apps.png') 100% 100% /400% 200% no-repeat!important; }
 .pearl-suite .ckas-app-mark { visibility:hidden; }
 .pearl-suite dialog { max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; overscroll-behavior:contain; background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; border:1px solid var(--pearl-line)!important; border-radius:24px!important; }
 /* Entry sheets meet the lower screen edge; only their upper corners curve. */
 .pearl-suite dialog.journal-entry-sheet { border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; }
 .pearl-suite dialog::backdrop { background:#142a4766; backdrop-filter:none; }
 .pearl-suite :is(.table-scroll,.history-table-wrap,.points-table-wrap) { overscroll-behavior-x:contain; border-radius:14px; }
 .pearl-suite [hidden] { display:none!important; }
 html[data-text-size=large] { font-size:18px; }
 @media screen {
  html[data-text-size=small], html[data-text-size=small] body.pearl-suite { font-size:14px!important; }
  html[data-text-size=small] body.pearl-suite :where(.memo-app,.business-app,.approval-shell,.money-app,.weight-app,.baby-app,.fitness-app,.lineup-app,.sg-main,.analyze-main,.pitch-measure,.video-editor,.snow-app,.snow-dialog,.journal-app,.ssgkc-app) { font-size:14px!important; }
 }
 @media(max-width:600px) { .pearl-suite :is(.money-app,.baby-app,.fitness-app,.lineup-app,.sg-main,.analyze-main,.approval-shell) { padding-inline:14px!important; } .pearl-suite :is(.panel,.money-card,.baby-card,.editor-card,.game-card) { padding:16px!important; } .pearl-suite :is(.action-row,.section-title,.recordings-tools,.camera-settings,.folder-row) { flex-wrap:wrap; gap:10px; } .pearl-suite :is(.money-summary,.baby-summary,.summary-grid) { gap:10px!important; } }
 @media(prefers-reduced-motion:reduce) { .pearl-suite *, .pearl-home * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
 @media print { body.pearl-suite { background:white!important; color:black!important; } .pearl-suite :is(.panel,.field-card,.editor-card,.money-card,.baby-card) { box-shadow:none!important; } }
}

@layer icon-selection {
 @media screen {
  html[data-text-size=small] body.pearl-home .pearl-group-grid > .app-card h3 { font-size:12px!important; }
 }
}

@layer pearl {
 .pearl-suite .ckas-app-logo { flex:0 0 44px!important; min-width:44px!important; }
 .pearl-suite .status-banner[data-tone=error] { color:#963f40!important; border-color:#bd6c6b!important; }
 .pearl-suite .status-banner[data-tone=success] { color:#267246!important; border-color:#6aa381!important; }
 .pearl-suite .status-banner[data-tone=warning] { color:#78551b!important; border-color:#b5924f!important; }
 .pearl-suite[data-theme=dark] .status-banner[data-tone=error] { color:#ffb7b8!important; }
 .pearl-suite[data-theme=dark] .status-banner[data-tone=success] { color:#a5e8bd!important; }
 .pearl-suite[data-theme=dark] .status-banner[data-tone=warning] { color:#f8d394!important; }
}

@layer pearl {
 html:has(body.pearl-suite), body.pearl-suite { min-height:100dvh; background-color:var(--pearl-bg)!important; }
 .pearl-suite .approval-theme { display:grid!important; place-items:center!important; box-sizing:border-box!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; padding:0!important; margin-left:auto; background:var(--pearl-paper); border:1px solid var(--pearl-line); border-radius:15px; color:var(--pearl-ink); }
 .pearl-suite .approval-theme svg { width:22px; height:22px; stroke:currentColor; stroke-width:1.8; fill:none; }
 .pearl-suite .approval-theme [data-theme-icon=dark] { display:none; }
 .pearl-suite[data-theme=dark] .approval-theme [data-theme-icon=dark] { display:block; }
 .pearl-suite[data-theme=dark] .approval-theme [data-theme-icon=light] { display:none; }
 .pearl-suite :is(.measure-row,.lineup-row,.bench-row,.detail-body,.meta-item,.report-item,.filters,.report-list,.detail-empty) { background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; border-color:var(--pearl-edge)!important; }
 .pearl-suite .profile-card :is(label,fieldset) { font-size:13px!important; }
 .pearl-suite .measure-name { font-size:14px!important; }
 .pearl-suite .measure-info-button { min-width:44px!important; min-height:44px!important; }
 .pearl-suite .my-routes-brand img { opacity:0; }
 .pearl-suite .my-routes-brand { background-image:url('/assets/pearl-apps.png'); background-size:176px 88px; background-position:left -132px top -44px; background-repeat:no-repeat; }
 @media(max-width:600px) {
  .pearl-suite .measure-row { grid-template-columns:18px minmax(68px,1fr) minmax(72px,1fr) 34px 44px!important; gap:4px!important; }
  .pearl-suite .lineup-row { grid-template-columns:24px minmax(90px,1fr) 50px 76px!important; gap:6px!important; padding:10px 6px!important; }
  .pearl-suite .lineup-row .row-actions { grid-column:2 / -1; display:flex!important; justify-content:flex-end!important; }
  .pearl-suite .lineup-row .row-actions button { width:44px!important; height:44px!important; }
  .pearl-suite .lineup-row label { font-size:12px!important; }
  .pearl-suite .lineup-app { padding-inline:0!important; }
  .pearl-suite .lineup-app main { padding-inline:14px!important; }
  .pearl-suite .timeline-panel { width:100%!important; margin-inline:0!important; box-sizing:border-box!important; }
 }
}

@layer pearl {
 .pearl-suite :is(.approval-brand,.approval-topbar-label,.approval-heading p,.fine-print,.pdf-hint,.report-item-meta,.approval-warning,.empty-list) { color:var(--pearl-muted)!important; }
 .pearl-suite .approval-shell a { color:var(--pearl-ink)!important; }
 .pearl-suite :is(.approval-box,.review-check) { background:var(--pearl-bg)!important; color:var(--pearl-ink)!important; border-color:var(--pearl-edge)!important; }
 .pearl-suite .queue-count { color:var(--pearl-ink)!important; background:var(--pearl-bg)!important; }
 .pearl-suite .report-item[aria-current=true] { border-color:var(--ckas-accent,#0879de)!important; box-shadow:inset 0 0 0 1px var(--ckas-accent,#0879de)!important; }
 @media(max-width:359px) { .pearl-suite .measure-row { grid-template-columns:16px minmax(56px,1fr) minmax(62px,1fr) 30px 44px!important; gap:3px!important; } .pearl-suite .ckas-app-title { font-size:16px!important; } }
}
@layer pearl {
 .pearl-suite .result-card :is(strong,dd) { color:var(--pearl-ink)!important; }
 .pearl-suite .result-card :is(p,dt,small) { color:var(--pearl-muted)!important; }
 .pearl-suite .result-card > div span { color:var(--pearl-ink)!important; }
 .pearl-suite .result-card dl,.pearl-suite .result-card dl div { border-color:var(--pearl-edge)!important; }
 .pearl-suite :is(.order-number,.auto-detect-button) { color:#fff!important; background:#30465d!important; }
 .pearl-suite .trim-native-input { width:1px!important; min-width:0!important; max-width:1px!important; height:1px!important; min-height:0!important; clip-path:inset(50%); }
 .pearl-suite .baby-app .row-actions { display:flex; flex-wrap:wrap; gap:8px; }
 .pearl-suite .baby-app .care-delete { width:auto; min-width:60px; min-height:44px; white-space:nowrap; color:var(--pearl-ink); }
 .pearl-suite :is(input,select,textarea,[tabindex]) { scroll-margin-block:100px 110px; }
 .pearl-suite :is(.primary-button,.primary,.btn-primary,.nippo-primary) { min-height:56px!important; }
 .pearl-suite .baby-options > summary { cursor:pointer; font-size:18px; font-weight:700; padding:4px 0; }
 @media(max-width:600px) {
  .pearl-suite .baby-app .care-row { grid-template-columns:62px minmax(0,1fr); }
  .pearl-suite .baby-app .row-actions { grid-column:2; }
  .pearl-suite .baby-app .care-detail { overflow-wrap:anywhere; }
 }
 @media(max-width:359px) {
  .pearl-suite .lineup-row { grid-template-columns:24px minmax(0,1fr) 50px!important; }
  .pearl-suite .lineup-row .position-label { grid-column:2 / -1; }
 }
}
@layer pearl {
 .pearl-suite .info-card { background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; border-color:var(--pearl-line)!important; border-radius:24px!important; box-shadow:var(--pearl-shadow)!important; }
 .pearl-suite .info-header { background:var(--pearl-bg)!important; color:var(--pearl-ink)!important; border-color:var(--pearl-edge)!important; }
 .pearl-suite :is(.info-card p,.info-card li,.info-card a,.info-card .lead,.info-header-copy,.info-theme-toggle) { color:var(--pearl-ink)!important; }
 .pearl-suite :is(.info-header-icon,.approval-logo) { display:block; width:44px!important; height:44px!important; flex:0 0 44px; background:url('/assets/pearl-apps.png') 100% 100% /400% 200% no-repeat!important; }
 .pearl-suite .approval-topbar { justify-content:flex-start; gap:12px; min-height:76px; }
 .pearl-suite .approval-topbar-label { color:var(--pearl-ink)!important; font-size:20px; font-weight:700; }
 .pearl-suite .approval-brand { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--pearl-line); border-radius:15px; background:var(--pearl-paper); color:var(--pearl-ink)!important; font-size:30px; text-decoration:none; }
}
@layer pearl { .pearl-suite .money-field input { scroll-margin-top:140px; } }
@layer pearl {
 body.pearl-suite:has(.lineup-app) { min-width:0!important; }
 .pearl-suite .lineup-app .small-button { white-space:nowrap; }
}
@layer pearl {
 .pearl-suite .points-section { min-width:0; max-width:100%; }
 .pearl-suite .points-table-wrap { max-width:100%; overflow-x:auto; }
 .pearl-suite .calibration-buttons button { color:var(--pearl-ink)!important; background:var(--pearl-field)!important; border-color:var(--pearl-edge)!important; }
 .pearl-suite .result-card .average-speed { color:var(--pearl-ink)!important; }
}
@layer pearl { .pearl-suite .approval-brand svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; } }
@layer pearl {
 .pearl-suite .info-header :is(.ckas-back-button,.info-theme-toggle) { display:grid; place-items:center; width:44px!important; height:44px!important; border:1px solid var(--pearl-line)!important; border-radius:15px!important; color:var(--pearl-ink)!important; background:var(--pearl-paper)!important; }
 .pearl-suite .info-header-icon { padding:0!important; border:0!important; border-radius:0!important; }
 .pearl-suite .info-header-copy .ckas-wordmark { display:none!important; }
 .pearl-suite .info-header-copy > strong { font-size:20px!important; color:var(--pearl-ink)!important; }
}
@layer pearl {
 .pearl-suite :is(.info-header-icon,.approval-logo) { flex:0 0 44px!important; }
 .pearl-suite .approval-topbar { display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px; }
 .pearl-suite .approval-header-title { display:flex; align-items:center; justify-content:center; gap:8px; }
 .pearl-suite .approval-topbar-label { font-size:20px!important; font-weight:700!important; white-space:nowrap; }
 @media(max-width:600px) { .pearl-suite .approval-topbar { min-height:68px; } }
}
@layer pearl {
 .pearl-suite :is(.primary-button,.primary,.btn-primary,.nippo-primary) { font-size:18px!important; font-weight:700!important; line-height:1.4!important; }
 .pearl-suite :is(.secondary-button,.secondary,.btn-secondary,.nippo-secondary) { font-size:16px!important; }
 .nippo-pearl .phase-actions > .phase-btn { min-height:56px!important; font-size:18px!important; line-height:1.4!important; border-radius:16px!important; }
}

/* Keep every page header aligned with the compact baby-log header. */
@layer pearl {
 html body.pearl-suite :is(#stepTopBrandBar,.ckas-app-header) {
  box-sizing:border-box!important; position:sticky!important; top:0!important; z-index:10040!important;
  display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px!important; align-items:center!important; gap:12px!important;
  width:min(100%,1180px)!important; max-width:1180px!important; height:calc(82px + env(safe-area-inset-top))!important; min-height:calc(82px + env(safe-area-inset-top))!important;
  margin:0 auto!important; padding:env(safe-area-inset-top) 32px 0!important;
  border:0!important; border-bottom:1px solid var(--pearl-line)!important; border-radius:0!important;
  background:color-mix(in srgb,var(--pearl-bg) 94%,transparent)!important; color:var(--pearl-ink)!important;
  box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
 }
 .pearl-home .home-topbar .pearl-logo { flex:0 0 44px; }
 .pearl-suite .ckas-app-title { color:var(--pearl-ink)!important; }
 .pearl-suite .info-header-copy { min-width:0; }
 .pearl-suite .info-header-center { max-width:100%; overflow:hidden; }
 .pearl-suite .info-header-copy > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 @media(max-width:767px) {
  html body.pearl-suite :is(#stepTopBrandBar,.ckas-app-header) {
   height:calc(68px + env(safe-area-inset-top))!important; min-height:calc(68px + env(safe-area-inset-top))!important; padding-inline:20px!important;
  }
  .pearl-home .home-topbar > .ckas-app-back { margin-left:-10px!important; }
 }
}

/* Header structure and controls are rendered by /app-header.js on every page. */
@layer pearl {
 html body.pearl-suite .ckas-app-header .ckas-app-title { display:flex!important; align-items:center!important; justify-self:center!important; min-width:0!important; margin:0!important; padding:0!important; gap:8px!important; font:700 21px/1 Arial,sans-serif!important; letter-spacing:-.04em!important; white-space:nowrap!important; overflow:hidden!important; color:var(--pearl-ink)!important; }
 .pearl-suite .ckas-app-title>span { overflow:hidden; text-overflow:ellipsis; }
 html body.pearl-suite .ckas-app-header :is(.ckas-app-back,.ckas-app-theme) { display:grid!important; place-items:center!important; box-sizing:border-box!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; margin:0!important; padding:0!important; border:1px solid var(--pearl-line)!important; border-radius:15px!important; background:var(--pearl-paper)!important; color:var(--pearl-ink)!important; box-shadow:var(--pearl-shadow)!important; cursor:pointer; text-decoration:none; }
 .pearl-suite .ckas-app-header .ckas-app-back { justify-self:start; }
 .pearl-suite .ckas-app-header .ckas-app-theme { justify-self:end; }
 html body.pearl-suite .ckas-app-header :is(.ckas-app-back,.ckas-app-theme) svg { display:block!important; width:21px!important; height:21px!important; fill:none!important; stroke:currentColor!important; stroke-width:2!important; stroke-linecap:round; stroke-linejoin:round; }
 .pearl-suite .ckas-app-header .ckas-app-logo { display:grid!important; place-items:center!important; flex:0 0 44px!important; width:44px!important; height:44px!important; border-radius:12px; }
 .pearl-suite .ckas-app-header .ckas-app-mark { width:34px; height:34px; }
 body.safety-reminder-open>header[data-ckas-header] { visibility:hidden!important; }
 html body.pearl-suite .global-safety-reminder { grid-template-columns:minmax(0,1fr)!important; }
 html body.pearl-suite .global-safety-reminder :is(#stepTopBrandBar,.ckas-app-header) { position:relative!important; inset:auto!important; transform:none!important; width:min(100vw,1180px)!important; max-width:1180px!important; margin-inline:-12px!important; justify-self:center!important; flex-shrink:0; }
 @media(max-width:767px) { html body.pearl-suite .ckas-app-header .ckas-app-title { font-size:19px!important; } }
 @media(max-width:359px) { html body.pearl-suite .ckas-app-header .ckas-app-title { font-size:16px!important; } }
}

/* Let short landscape screens use their height for the app content. */
@layer pearl {
 @media (orientation:landscape) and (max-height:600px) {
  html body.pearl-suite :is(#stepTopBrandBar,.ckas-app-header,.home-topbar,.topbar,.app-header,.sg-header,.analyze-header,.lineup-header,.approval-topbar,.teiten-app-header,.my-routes-app-header,.info-header,.nippo-landing-header,.step-top-brand-bar,.route-admin-header,.route-list-head,.route-import-head,.route-editor-top) {
   position:relative!important; inset:auto!important; transform:none!important;
  }
  html body.pearl-suite :is(#stepBar,.record-tabs,.business-tabs) {
   position:relative!important; inset:auto!important; transform:none!important; box-shadow:none!important;
  }
  html:has(body.pearl-suite) { scroll-padding-top:16px!important; }
  .pearl-suite :is(input,select,textarea,form,[data-record-panel],#family-panel) { scroll-margin-top:16px!important; }
 }
}

/* Arabic keeps text direction native while codes and numeric controls remain readable. */
@layer design {
 html[dir=rtl] body.pearl-suite {text-align:start}
 html[dir=rtl] .pearl-suite :is(input[type=email],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=time],input[type=datetime-local],#family-code-input,#family-code-output,#management-key,#restore-key,#customer-link,#owner-confirmation-link,#family-link,#family-invitation-input,#customer-contact,#owner-contact){direction:ltr;text-align:start}
 html[dir=rtl] .ckas-app-back svg {transform:scaleX(-1)}
}

.date-step-icon{display:block;width:22px;height:22px;margin-inline:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[dir=rtl] .date-step-icon{transform:scaleX(-1)}

/* Keep single-select arrows clear of the edge and the selected text. */
@layer icon-selection {
 html body.pearl-suite { --ckas-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4 6 8 10 4' fill='none' stroke='%23314c68' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
 html[data-theme=dark] body.pearl-suite,html body.pearl-suite[data-theme=dark] { --ckas-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4 6 8 10 4' fill='none' stroke='%23e1edf8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
 html:is([data-design=minimal],[data-design=dot]) body.pearl-suite { --ckas-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4 6 8 10 4' fill='none' stroke='%23202020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
 html:is([data-design=minimal],[data-design=dot])[data-theme=dark] body.pearl-suite,html:is([data-design=minimal],[data-design=dot]) body.pearl-suite[data-theme=dark] { --ckas-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4 6 8 10 4' fill='none' stroke='%23f3f3f3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
 html body.pearl-suite select:not([multiple]):is(:not([size]),[size="0"],[size="1"]) {
  box-sizing:border-box!important;
  -webkit-appearance:none!important; appearance:none!important;
  padding-inline-end:40px!important;
  background-image:var(--ckas-select-arrow)!important;
  background-position:right 16px center!important;
  background-size:12px 12px!important; background-repeat:no-repeat!important;
  background-origin:border-box!important;
 }
 html[dir=rtl] body.pearl-suite select:not([dir=ltr]):not([multiple]):is(:not([size]),[size="0"],[size="1"]),
 html body.pearl-suite select[dir=rtl]:not([multiple]):is(:not([size]),[size="0"],[size="1"]) {
  background-position:left 16px center!important;
 }
 @media (forced-colors:active) {
  html body.pearl-suite select:not([multiple]):is(:not([size]),[size="0"],[size="1"]) {
   -webkit-appearance:auto!important; appearance:auto!important;
   background-image:none!important;
  }
 }
}