/* Smile4Life Praxis UI — calm clinical operations system */
:root{
 --canvas:#f3f6f5;--surface:#ffffff;--surface-soft:#f7f9f8;--surface-mint:#edf5f2;
 --surface-blue:#eef3f7;--surface-sand:#faf6ee;--surface-rose:#faf1f2;
 --ink:#17231f;--ink-soft:#34443f;--muted:#65736e;--muted-2:#87938f;
 --line:#d8e1de;--line-strong:#bdcbc6;--primary:#397568;--primary-hover:#2e6257;
 --primary-soft:#e1efeb;--nav:#182825;--nav-hover:#263b36;--nav-active:#dcece7;
 --danger:#a84550;--danger-soft:#f9e9eb;--warning:#936925;--warning-soft:#faf1df;
 --success:#32705b;--success-soft:#e6f2ed;--info:#496f88;--info-soft:#e8f0f5;
 --shadow-sm:0 1px 2px rgba(25,47,40,.05);--shadow-md:0 12px 32px rgba(25,47,40,.10);
 --radius-sm:8px;--radius-md:12px;--radius-lg:16px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 font-size:15px;color:var(--ink);background:var(--canvas)
}
*{box-sizing:border-box}
body{background:var(--canvas);color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4{font-family:inherit;color:var(--ink);font-weight:750;letter-spacing:-.025em;line-height:1.2}
h1{font-size:clamp(1.75rem,2.2vw,2.2rem)}h2{font-size:1.4rem}h3{font-size:1.05rem}h4{font-size:.95rem}
p{color:var(--ink-soft);line-height:1.58}.muted,small{color:var(--muted)}
a{color:var(--primary);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--primary-hover)}
button,.button{min-height:40px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-soft);font-weight:650;box-shadow:var(--shadow-sm);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .08s ease,box-shadow .16s ease}
button:hover,.button:hover{background:var(--surface-soft);border-color:#9eafa9;color:var(--ink)}
button:active,.button:active{transform:translateY(1px)}
button:disabled,.button[aria-disabled="true"]{opacity:.48;cursor:not-allowed;box-shadow:none}
.primary,.portal-page .primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 2px rgba(29,76,65,.18)}
.primary:hover,.portal-page .primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}
.danger{color:var(--danger);border-color:#e7c7cc;background:var(--danger-soft)}
:is(button,.button,a,input,select,textarea,summary):focus-visible{outline:3px solid rgba(57,117,104,.28);outline-offset:2px}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);box-shadow:inset 0 1px 1px rgba(23,35,31,.025);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
input:hover,select:hover,textarea:hover{border-color:#9eafa9}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(57,117,104,.10)}
input::placeholder,textarea::placeholder{color:#94a09c;opacity:1}
label{color:var(--ink-soft);font-size:.78rem;font-weight:650;letter-spacing:.01em}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}
.field{gap:7px;margin-bottom:16px}.check{gap:9px;color:var(--ink-soft);line-height:1.45}
.app{background:var(--canvas)}
.practice-app .sidebar{background:var(--nav);border:0;color:#fff;box-shadow:inset -1px 0 rgba(255,255,255,.04)}
.practice-app .brand{color:#fff;font-weight:800}.practice-app .brand span{color:#a9c7bf}.practice-app .brand small{color:#9eb0ab}
.practice-app .nav button{min-height:42px;color:#c9d6d2;border-radius:10px;font-weight:650;box-shadow:none}
.practice-app .nav button:hover{background:var(--nav-hover);color:#fff}
.practice-app .nav button.active{background:var(--nav-active);color:#214d43;box-shadow:inset 3px 0 var(--primary)}
.practice-app .nav-admin summary{color:#d7e1de;border-radius:10px}.practice-app .nav-admin summary:hover{background:var(--nav-hover)}
.practice-app .nav-admin summary small{border-color:#58716a;color:#b9cac5}
.practice-app .nav-admin>div{border-left-color:#405650}
.practice-app .nav-admin-lock{background:#20332f;border-color:#4d655f;color:#d5dfdc}
.practice-app .session{border-color:#3a504a}.practice-app .session button{background:#20332f;border-color:#4c625c;color:#e4ebe9}
.workspace{background:var(--canvas)}
.top{border-bottom:1px solid var(--line);padding-bottom:18px}.calendar-page .top{border:0;padding-bottom:0}
.page-heading h1{color:var(--ink);font-weight:800}.page-description{color:var(--muted);font-size:.84rem;max-width:72ch}
.eyebrow{color:#66827a;font-weight:750;letter-spacing:.18em}
.badge,.pill,.report-label{border:1px solid #cee0da;background:var(--primary-soft);color:#37675c;border-radius:999px;font-weight:700}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}
#content>.panel:nth-of-type(4n+1),#stats-result>.panel:nth-of-type(4n+1){border-left:4px solid #86aaa0}
#content>.panel:nth-of-type(4n+2),#stats-result>.panel:nth-of-type(4n+2){border-left:4px solid #809daf}
#content>.panel:nth-of-type(4n+3),#stats-result>.panel:nth-of-type(4n+3){border-left:4px solid #bd9c68}
#content>.panel:nth-of-type(4n),#stats-result>.panel:nth-of-type(4n){border-left:4px solid #9c91a8}
.section-heading{margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.section-heading h2,.section-heading h3{margin:0}
.summary{background:var(--surface-mint);border:1px solid #d3e4df;border-radius:var(--radius-md);padding:18px 20px}
.warning{background:var(--warning-soft);border:1px solid #ead8b9;color:#6d5225;border-radius:var(--radius-sm)}
.error{background:var(--danger-soft);border:1px solid #eccdd1;color:#8c3540;border-radius:var(--radius-sm)}
.empty,.task-empty{background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted)}
.list{gap:10px}.list-item{border-color:var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:none}.list-item:hover{border-color:#b5c5c0;background:#fbfcfc}
.tabs,.task-tabs{gap:6px;padding:4px;background:#e8eeec;border-radius:10px;width:max-content;max-width:100%}
.tabs button,.task-tabs button{border:0;background:transparent;box-shadow:none;color:var(--muted);border-radius:7px}
.tabs button.active,.task-tabs button.active{background:var(--surface);color:var(--primary-hover);box-shadow:var(--shadow-sm)}
details>summary{cursor:pointer;color:var(--ink-soft);font-weight:700;border-radius:var(--radius-sm)}
details>summary:hover{color:var(--primary-hover)}
dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 28px 90px rgba(20,39,34,.22)}
dialog::backdrop{background:rgba(20,35,31,.42);backdrop-filter:blur(4px)}
.dialog-head{background:var(--surface-soft);border-color:var(--line);padding:20px 24px}.dialog-head h2{font-size:1.35rem;font-weight:800}
.dialog-head #close-modal{width:38px;height:38px;padding:0;border-radius:50%;font-size:1.35rem;background:transparent;box-shadow:none}
.dialog-body{padding:24px}.dialog-foot{padding:15px 24px;background:var(--surface-soft);border-color:var(--line)}
.steps{background:var(--surface-soft);border-color:var(--line)}.step{color:var(--muted);font-weight:650}.step b{background:var(--surface);border-color:var(--line-strong)}.step.current{color:var(--primary-hover)}.step.current b{background:var(--primary);border-color:var(--primary);color:#fff}.step.done b{background:var(--success-soft);color:var(--success);border-color:#bdd9cf}
.config-table,.task-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.config-table th,.task-table th{padding:12px 14px;background:#edf2f0;color:#465a54;font-size:.72rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid var(--line);text-align:left}
.config-table td,.task-table td{padding:13px 14px;border-bottom:1px solid #e7ecea;color:var(--ink-soft);vertical-align:middle}
.config-table tbody tr:last-child :is(td,th),.task-table tbody tr:last-child :is(td,th){border-bottom:0}
.config-table tbody tr:hover,.task-table tbody tr:hover{background:#f4f8f6}
.task-table-wrap,.report-scroll{border-radius:10px;overflow:auto;box-shadow:var(--shadow-sm)}
.task-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}
.task-filters,.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:18px}
.task-filters .field,.report-filters .report-field{margin:0}
.task-open{padding:0;border:0;background:transparent;box-shadow:none;text-align:left;min-height:0}.task-open:hover{background:transparent;color:var(--primary-hover)}
.task-person{background:var(--info-soft);color:#3f6278;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:750}
.task-urgent{background:var(--danger-soft);color:var(--danger);border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:800;margin-right:8px}
.task-overdue{color:var(--danger);font-weight:750}
.patient-directory{border-left-color:#86aaa0!important}.patient-directory .section-heading p{margin:4px 0 0;color:var(--muted)}
.report-filter-panel{background:var(--surface);border-top:3px solid #7c9ead!important}.report-kpis{gap:12px}.report-kpis .panel{background:var(--surface);border-top:3px solid #8ea9a1;padding:20px}.report-kpis .panel:nth-child(2){border-top-color:#7998ad}.report-kpis .panel:nth-child(3){border-top-color:#bc9c68}.report-kpis .panel:nth-child(4){border-top-color:#b98389}.report-kpis strong{color:var(--ink);font-weight:800}
.report-context{background:var(--surface-mint)!important;border-color:#d3e4df!important}
.ranking-row{border-bottom:1px solid var(--line)}.ranking-row:last-child{border:0}.rank-track{background:#e5ece9}.rank-track>span{background:#71998e}.rank-count{color:var(--primary-hover)}
.heat-level-0{background:#f2f5f4;color:#8b9894}.heat-level-1{background:#e4eeeb;color:#42655b}.heat-level-2{background:#cbded8;color:#34584e}.heat-level-3{background:#93b7ad;color:#173f35}.heat-level-4{background:#4e8073;color:#fff}
.time-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.time-totals>div{padding:18px;background:var(--surface);border:1px solid var(--line);border-top:3px solid #86aaa0;border-radius:var(--radius-md)}.time-totals>div:nth-child(2){border-top-color:#bd9c68;background:var(--surface-sand)}.time-totals>div:nth-child(3){border-top-color:#809daf;background:var(--surface-blue)}.time-totals strong{display:block;margin-top:8px;font-size:1.8rem;color:var(--ink)}
.rule-note{color:var(--muted);background:rgba(243,246,245,.75);border-left:3px solid #b8c8c3;padding:10px 12px;border-radius:0 7px 7px 0}
.login{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--surface)}
.login .brand{color:var(--primary-hover)}.login .brand span{color:#7ca096}
#toast{background:#203d36;color:#fff;border:1px solid #45675f;box-shadow:var(--shadow-md)}
.booking-shell{max-width:1040px}.booking-brand{margin-bottom:34px}.booking-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:end;gap:32px}.booking-intro h1{font-weight:800;color:var(--ink)}.booking-intro p{margin:0;padding:14px 16px;background:var(--surface-mint);border-left:3px solid #82a99e;border-radius:0 10px 10px 0}
.booking-card{border-color:var(--line);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.booking-card .steps{background:#edf3f1}.booking-footer{background:var(--surface-soft);border-color:var(--line)}
.treatment,.treatment-choice{border-color:var(--line);background:var(--surface);box-shadow:none}.treatment:hover,.treatment-choice:hover{border-color:#9db4ad;background:#f7faf9}.selected{border-color:var(--primary)!important;background:var(--primary-soft)!important;box-shadow:0 0 0 1px var(--primary)!important}
.patient-modes{background:#e8eeec}.patient-modes button.active{color:var(--primary-hover);border-color:var(--line);box-shadow:var(--shadow-sm)}
.return-channel{background:var(--surface);border-color:var(--line)}.return-channel.chosen{border-color:#91b4aa;background:var(--surface-mint)}
.practice-call{background:var(--primary);border-radius:var(--radius-sm)}.practice-call:hover{background:var(--primary-hover)}
.portal-page{--ink:#17231f;--muted:#65736e;--line:#d8e1de;--green:#397568;background:var(--canvas);font-family:inherit;font-size:15px}
.portal-page .portal-mark{background:var(--nav);border-radius:10px}.portal-page .portal-avatar{background:var(--primary-soft);color:var(--primary-hover)}
.portal-page .panel,.portal-kpis>div{border-color:var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.portal-page .time-current{border-left-color:var(--primary);background:var(--surface)}.portal-status{color:var(--primary-hover)}
.portal-kpis>div:nth-child(1){border-top:3px solid #86aaa0}.portal-kpis>div:nth-child(2){border-top:3px solid #809daf;background:var(--surface-blue)}.portal-kpis>div:nth-child(3){border-top:3px solid #bd9c68;background:var(--surface-sand)}.portal-kpis>div:nth-child(4){border-top:3px solid #aa858b;background:var(--surface-rose)}
.portal-page .portal-account{background:var(--surface-soft);border-color:var(--line)}.portal-page .rule-note{background:var(--surface-soft)}
.qr-panel{background:var(--surface)!important;border-top:3px solid #7b9f95!important}.qr-code{background:var(--surface-soft);border-color:var(--line-strong)}
.practice-app{font-size:14px}.booking-shell{font-size:16px}
.advanced-filters{margin:0 0 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.advanced-filters>summary{padding:12px 15px;background:var(--surface-soft)}.advanced-filters[open]>summary{border-bottom:1px solid var(--line)}.advanced-filters .report-filters{margin:0;border:0;border-radius:0;background:var(--surface);padding:15px}
.attendance-page{display:grid;gap:16px}.attendance-page>.task-toolbar{margin:0}.attendance-page>.task-toolbar p{margin:7px 0 0;color:var(--muted)}
.attendance-launchers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.attendance-launcher{min-height:82px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;background:var(--surface);border-color:var(--line);box-shadow:none}
.attendance-launcher strong{font-size:.9rem;color:var(--ink)}.attendance-launcher span{font-size:.75rem;color:var(--muted);font-weight:500;line-height:1.35}
.attendance-launcher:nth-child(3n+1){border-top:3px solid #86aaa0}.attendance-launcher:nth-child(3n+2){border-top:3px solid #809daf}.attendance-launcher:nth-child(3n){border-top:3px solid #bd9c68}
.attendance-page>h3{margin:12px 0 0}.attendance-page>#attendance-controls,.attendance-page>#attendance-sites,.attendance-page>#attendance-targets,.attendance-page>#attendance-account,.attendance-page>#month-review{min-width:0}
.attendance-month{max-width:300px;margin:0}
/* Calendar: preserve its dense geometry while bringing the visual language in line. */
.calendar-page .day-planner{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.calendar-page .planner-date-number{color:var(--ink);font-weight:750}
.calendar-page .planner-week button{background:var(--surface-soft);border-color:var(--line);color:var(--ink-soft)}
.calendar-page .planner-week button span{color:var(--muted)}
.calendar-page .planner-week button.is-selected{background:var(--primary);border-color:var(--primary);color:#fff}
.calendar-page .planner-week button.is-selected span{color:#edf6f3}
.calendar-page .planner-week button:hover:not(.is-selected){background:var(--primary-soft);border-color:#bfd4cd}
.calendar-page .team-toggle>span{background:var(--surface);border-color:var(--line-strong);color:var(--muted)}
.calendar-page .team-toggle input:checked+span{background:var(--primary-soft);border-color:#abc8bf;color:var(--primary-hover)}
.calendar-page .cal-head,.calendar-page .cal-head .time-heading{background:#e9eeec;color:var(--ink-soft)}
.calendar-page .cal-head{border-bottom-color:#aebeb8}
.calendar-page .resource-heading{border-color:#c5d0cc}.calendar-page .resource-heading strong{color:var(--ink);font-weight:750}
.calendar-page .resource-heading small{color:var(--muted)}.calendar-page .resource-avatar{background:var(--surface);border-color:#aebeb8;color:var(--ink);border-radius:7px}
.calendar-page .resource-count{background:#dce5e2;color:var(--ink-soft)}
.calendar-page .times{background:#f0f3f2;border-right-color:#b8c5c1}.calendar-page .times span{color:#40524c;font-weight:650}.calendar-page .times .half-hour{color:#7b8985;font-weight:500}
.calendar-page .column{border-left-color:#cbd5d2;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hour-height) - 1px),#b9c6c2 calc(var(--hour-height) - 1px),#b9c6c2 var(--hour-height)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--quarter-height) - 1px),#e3e8e6 calc(var(--quarter-height) - 1px),#e3e8e6 var(--quarter-height))}
.calendar-page .shade,.calendar-page .shade-lunch{background:#dfe4e2}.calendar-page .shade>span{display:none}
.calendar-page .calendar-entry{border-color:color-mix(in srgb,var(--treatment-color),#34443f 25%);border-left-color:color-mix(in srgb,var(--treatment-color),#34443f 46%);box-shadow:0 1px 3px rgba(23,35,31,.11)}
.calendar-page .appointment,.calendar-page .appointment .entry-time,.calendar-page .entry-treatment,.calendar-page .entry-status{color:var(--ink)}
.calendar-page .is-arrived .entry-status{color:var(--primary-hover)}.calendar-page .fit-day .calendar-entry.is-arrived{border-left-color:var(--primary)}
.calendar-page .planner-footer{background:var(--surface-soft);color:var(--muted);border-color:var(--line-strong)}
.calendar-page .day-periods button{background:var(--surface);border-color:var(--line-strong);color:var(--ink-soft)}
.calendar-page .resource-chooser[open]>summary{background:var(--primary-soft)}
.calendar-page .resource-chooser .planner-team{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-md)}
.calendar-page #new{background:var(--primary);border-color:var(--primary);color:#fff}.calendar-page #new:hover{background:var(--primary-hover)}
/* Administration: one stable tab rail and calmer content below it. */
.view-settings #content>.tabs{position:sticky;top:0;z-index:8;overflow-x:auto;white-space:nowrap;margin-bottom:16px;width:100%;background:#e4ebe8;border:1px solid var(--line)}
.view-settings #settings-content>.panel,.view-settings #settings-content>.split>.panel,.view-settings #settings-content>.split>form{border-top:3px solid #839f97}
.view-settings .split{align-items:start}
@media(max-width:900px){.task-filters,.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-intro{grid-template-columns:1fr;gap:10px}.time-totals{grid-template-columns:1fr}}
@media(max-width:900px){.attendance-launchers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){:root{font-size:14px}.workspace{padding:14px}.top{padding-bottom:12px}.panel{padding:18px}.task-toolbar{padding:14px;flex-direction:column}.task-toolbar>.actions{width:100%}.task-filters,.report-filters{grid-template-columns:1fr;padding:12px}.dialog-body{padding:18px}.dialog-head,.dialog-foot{padding:14px 18px}.booking-intro h1{font-size:1.8rem}.config-table td,.task-table td{padding:11px 12px}.config-table th,.task-table th{padding:10px 12px}.attendance-launchers{grid-template-columns:1fr}.attendance-launcher{min-height:68px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Employee day state and overtime decision */
.portal-page .attendance-alert{grid-column:1;margin-top:14px;padding:12px 14px;border:1px solid #f1c6cc;border-radius:9px;background:#fff5f6;color:#881337;display:grid;gap:3px;font-size:12px}.portal-page .attendance-alert strong{font-size:13px}.portal-page .attendance-alert span{display:block}
.portal-page #overtime-form{grid-column:1 / -1}.portal-page .overtime-confirm{margin-top:20px;padding:18px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portal-page .overtime-confirm h2,.portal-page .overtime-confirm p,.portal-page .overtime-confirm .actions,.portal-page .overtime-confirm [role=alert]{grid-column:1 / -1;margin:0}.portal-page .overtime-confirm .actions{justify-content:flex-end}
@media(max-width:600px){.portal-page .attendance-alert{margin-top:14px}.portal-page .overtime-confirm{grid-template-columns:1fr}}
/* Attendance exception cockpit */
.attendance-cockpit{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);gap:18px;padding:18px 20px;background:#f4f7f6;border:1px solid var(--line);border-left:4px solid #809daf;border-radius:var(--radius-md)}.attendance-cockpit small{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.07em}.attendance-cockpit h3{margin:5px 0 0}.attendance-cockpit-list{display:grid;gap:7px}.attendance-cockpit-list p{margin:auto 0;color:var(--muted)}.attendance-cockpit-list button{display:flex;justify-content:space-between;gap:14px;min-height:42px;padding:9px 12px;background:#fff;border-color:var(--line);box-shadow:none;text-align:left}.attendance-cockpit-list button span{color:var(--muted);font-size:.78rem}
@media(max-width:700px){.attendance-cockpit{grid-template-columns:1fr}.attendance-cockpit-list button{display:grid}}
.attendance-cockpit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.attendance-cockpit-row>button:first-child{width:100%}.attendance-cockpit-row>button:last-child{color:var(--primary-hover);background:var(--primary-soft)}