/* CLIRO unified pages V72070. Progressive enhancement for authenticated application pages.
   Keep document editor, calendar and print surfaces under their existing owners.
   Class-based theme: never scan or dynamically rewrite computed colors. */
body.cliro-ui-coherent-v72070 .page-content-v711 {
  --cup-card:var(--cliro-surface,#fff);
  --cup-soft:var(--cliro-surface-muted,#f7f9fc);
  --cup-ink:var(--cliro-text,#142033);
  --cup-muted:var(--cliro-text-muted,#526477);
  --cup-line:var(--cliro-border,#d9e2ec);
  --cup-line-strong:var(--cliro-border-strong,#b9c7d5);
  --cup-focus:var(--cliro-focus,#2e72b8);
  --cup-accent:var(--cliro-primary,#245d9a);
}
/* Consistent rhythm and information hierarchy, without changing layout grids. */
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.panel,.card,.form-card,.wl-card,.company-card,.users-v110-panel,.time-hero,.customer-hero):not(.doc-sheet):not(.doc-sheet-long){
  border-radius:16px;
}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.panel-headline,.section-title-row,.section-head,.users-v110-headline){
  gap:12px 18px;
}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.panel-headline,.section-title-row,.section-head,.users-v110-headline) :is(h2,h3){
  color:var(--cup-ink);letter-spacing:-.018em;line-height:1.3;
}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.muted,.field-hint,.help-text):not(.badge){color:var(--cup-muted)}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.field,.wl-field,.form-field){min-width:0}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.field,.wl-field,.form-field)>label:not(.checkline){line-height:1.4}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(input.input,select.input,textarea.input):not([type=checkbox]):not([type=radio]),
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.wl-field,.company-grid,.settings-v71) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-width:0;max-width:100%;border-radius:10px;
  color:var(--cup-ink);background-color:var(--cliro-bg-elevated,var(--cup-card));
  border-color:var(--cup-line-strong);
}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(input,textarea,select)::placeholder {color:var(--cup-muted);opacity:.83}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(input,textarea,select,button,a,summary):focus-visible{
  outline:2px solid var(--cup-focus);outline-offset:2px;
}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.btn,button.btn,a.btn){border-radius:10px;line-height:1.35}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.row-actions,.users-v110-actions,.company-hero-actions){gap:8px}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.panel,.card,.wl-card) :is(p,small){overflow-wrap:break-word}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.table-scroll,.cliro-table-scroll){max-width:100%;min-width:0}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.table-scroll,.cliro-table-scroll) table{min-width:0}
body.cliro-ui-coherent-v72070 .page-content-v711 :is(.success,.error,.notice)[role]{border-radius:12px;line-height:1.5}

/* Accessible, compact section navigator for pages with multiple work areas. */
.cliro-page-steps-v72070{--step-surface:var(--cliro-surface,#fff);--step-muted:var(--cliro-text-muted,#526477);--step-text:var(--cliro-text,#142033);--step-border:var(--cliro-border,#d9e2ec);--step-accent:var(--cliro-primary,#245d9a);
  display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;margin:12px 0 18px;padding:11px 13px;border:1px solid var(--step-border);border-radius:14px;background:var(--step-surface);color:var(--step-text);box-shadow:var(--cliro-shadow-sm,0 1px 2px rgba(15,23,42,.06));
}
.cliro-page-steps-label-v72070{flex:none;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--step-muted)}
.cliro-page-steps-links-v72070{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 1px 5px}
.cliro-page-steps-v72070 a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:37px;padding:7px 11px;border:1px solid transparent;border-radius:10px;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:750;line-height:1.25;color:var(--step-muted)}
.cliro-page-steps-v72070 a:is(:hover,:focus-visible),.cliro-page-steps-v72070 a.is-active-v72070{border-color:var(--step-border);background:var(--cliro-surface-muted,#f7f9fc);color:var(--step-text)}
.cliro-page-steps-v72070 a.is-active-v72070:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--step-accent)}
.cliro-page-steps-v72070 a:focus-visible{outline:2px solid var(--cliro-focus,#2e72b8);outline-offset:2px}
.cliro-step-target-v72070{scroll-margin-top:calc(var(--cliro-app-sticky-top,95px) + 24px)}
/* Settings: find one of the many sections without hiding any saved values. */
.settings-section-finder-v72070{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 15px;border-radius:14px;border:1px solid var(--cliro-border);background:var(--cliro-surface);color:var(--cliro-text)}
.settings-section-finder-v72070 label{font-weight:800;font-size:12px;margin:0}
.settings-section-finder-v72070 input{flex:1 1 180px;min-width:130px;max-width:390px;min-height:39px;padding:8px 11px;border:1px solid var(--cliro-border-strong);border-radius:9px;background:var(--cliro-bg-elevated);color:var(--cliro-text)}
.settings-section-finder-v72070 button{min-height:36px;padding:7px 12px;border-radius:9px;border:1px solid var(--cliro-border);background:var(--cliro-surface-muted);color:var(--cliro-text);font-weight:750;cursor:pointer}
.settings-section-finder-v72070 button[hidden]{display:none!important}
.settings-section-finder-v72070 output{font-size:11px;color:var(--cliro-text-muted)}
.settings-company-tabs a[hidden]{display:none!important}
.settings-company-tabs a.is-active-v72070{border-color:var(--cliro-primary)!important;color:var(--cliro-primary)!important}
body.cliro-ui-coherent-v72070 .settings-v71 .settings-block{scroll-margin-top:calc(var(--cliro-app-sticky-top,95px) + 24px)}
body.cliro-ui-coherent-v72070 .settings-v71 .settings-block>summary{min-height:72px;gap:12px}
body.cliro-ui-coherent-v72070 .settings-v71 .settings-block>summary:focus-visible{outline-offset:-3px}
body.cliro-ui-coherent-v72070 .settings-v71 .settings-block-body{gap:18px}
body.cliro-ui-coherent-v72070 .settings-v71 .settings-block summary small{font-weight:500;line-height:1.5}
body.cliro-ui-coherent-v72070 .settings-v71 .settings-company-tabs{gap:7px}
body.cliro-ui-coherent-v72070 .settings-v71 .settings-company-tabs a{font-size:12px;line-height:1.25;min-height:37px;display:inline-flex;align-items:center}
/* Strongly-scoped dark repairs for legacy settings inline styles with white hex surfaces. */
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .settings-v71 :is(.settings-company-hero,.settings-company-tabs,.settings-v71 .settings-block,.settings-block,.settings-media-card,.settings-source-preview,.settings-pipeline-row,.settings-readonly-notice-v71718,.settings-savebar){
  background:var(--cliro-surface)!important;color:var(--cliro-text)!important;border-color:var(--cliro-border)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .settings-v71 :is(.settings-block>summary,.settings-block-body,.settings-source-preview,.settings-pipeline-row,.settings-permission-scope-v71718[disabled] .settings-block-body){
  background:var(--cliro-surface-muted)!important;color:var(--cliro-text)!important;border-color:var(--cliro-border)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .settings-v71 :is(.settings-company-logo-preview,.settings-media-thumb,.settings-source-preview span,.settings-block>summary:after,.settings-pipeline-row-new,.settings-check-row,.settings-v71 .check-row,.check-row){
  background:var(--cliro-bg-elevated)!important;color:var(--cliro-text)!important;border-color:var(--cliro-border)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .settings-v71 :is(.settings-company-hero h2,.settings-company-hero p,.settings-block summary strong,.settings-block summary small,.settings-media-card strong,.settings-media-card small,.settings-source-preview strong,.settings-source-preview span,.settings-pipeline-head,.settings-readonly-notice-v71718,.settings-readonly-notice-v71718 strong,.settings-v71 label,.settings-block-body label,.settings-block-body small){
  color:var(--cliro-text)!important;-webkit-text-fill-color:var(--cliro-text)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .settings-v71 :is(.settings-block summary small,.settings-media-card small,.settings-pipeline-head,.settings-block-body small){
  color:var(--cliro-text-muted)!important;-webkit-text-fill-color:var(--cliro-text-muted)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .settings-v71 :is(.settings-company-tabs a,.settings-section-finder-v72070,.settings-section-finder-v72070 button){
  background:var(--cliro-bg-elevated)!important;color:var(--cliro-text)!important;border-color:var(--cliro-border)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .settings-v71 :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  background:var(--cliro-bg-elevated)!important;color:var(--cliro-text)!important;-webkit-text-fill-color:var(--cliro-text)!important;border-color:var(--cliro-border-strong)!important;
}
/* Explicit dark fixes where historic page-local styles hardcode light gradients/text. */
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .users-v110-hero{
  background:var(--cliro-surface)!important;color:var(--cliro-text)!important;border-color:var(--cliro-border)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .users-v110-hero :is(h2,p),
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .users-v110-panel :is(h2,h3,p){color:var(--cliro-text)!important}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .users-v110-panel .muted{color:var(--cliro-text-muted)!important}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .time-hero :is(.hero-time-summary>div,.timer-control-card,.manual-time,.manual-time>summary){
  background:var(--cliro-surface)!important;color:var(--cliro-text)!important;border-color:var(--cliro-border)!important;box-shadow:var(--cliro-shadow-sm)!important;
}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content :is(.time-hero-copy p,.filter-row label,.manual-time summary){color:var(--cliro-text)!important}
html.cliro-theme-dark body.cliro-ui-coherent-v72070 #main-content .team-role-upgrade-v080{background:var(--cliro-surface-muted)!important;color:var(--cliro-warning)!important;border-color:var(--cliro-border-strong)!important}
/* Keep the established customer form styling as its single source of truth. */
@media(max-width:700px){
 .cliro-page-steps-v72070{align-items:stretch;flex-direction:column;gap:5px;padding:10px}
 .cliro-page-steps-label-v72070{padding-left:4px}
 .cliro-page-steps-links-v72070{width:100%}
 .settings-section-finder-v72070{padding:11px}
 .settings-section-finder-v72070 label{flex-basis:100%}
 .settings-section-finder-v72070 input{flex:1 1 140px}
 body.cliro-ui-coherent-v72070 .page-content-v711 :is(.panel-headline,.section-title-row,.users-v110-headline){flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.cliro-page-steps-v72070 *{transition:none!important;scroll-behavior:auto!important}}
@media print{.cliro-page-steps-v72070,.settings-section-finder-v72070{display:none!important}}