/* Skillo: touch layouts preserve the full desktop workspace. */
.mobile-drawer-close,.mobile-day-button{display:none!important}
@media(max-width:760px){
 html{scroll-padding-top:76px}body{min-width:0}button,input,select,textarea{font-size:16px}input,select,textarea{min-height:46px}textarea{line-height:1.5}input[type=checkbox],input[type=radio]{min-height:22px;min-width:22px;width:22px;height:22px;flex-shrink:0}
 .shell,.content,.employee-shell,.card,.card-body,.chat-main,.two-col>*{min-width:0;max-width:100%}.content{padding:20px 14px calc(30px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top));background:#fff}.breadcrumb{min-width:0}.breadcrumb b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions>.avatar{display:none}
 .btn,.btn.small,.icon-btn,.text-link{min-height:44px}.btn,.btn.small{font-size:13px;padding:11px 13px}.icon-btn{min-width:44px;width:44px;height:44px}.heading-actions{gap:8px;flex-wrap:wrap}.page-heading .heading-actions>.btn{flex:1 1 auto;white-space:normal;text-align:center}.page-heading p{font-size:13px}.page-heading h1{font-size:26px}.card-head{gap:12px;flex-wrap:wrap}.card-head h2{font-size:17px}.card-body{padding:0 15px 18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0}.metric-label{font-size:12px}.metric-value{font-size:26px}.metric-foot{font-size:11px;line-height:1.5}
 .sidebar{height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));width:min(310px,88vw)}.sidebar .brand{padding-right:40px;padding-bottom:20px}.sidebar .brandname{font-size:24px}.sidebar .nav-item{min-height:46px;font-size:14px}.mobile-drawer-close{display:grid!important;position:absolute;right:14px;top:calc(16px + env(safe-area-inset-top))}.sidebar .side-bottom{padding-top:16px}.sidebar .workspace-picker select{font-size:16px}
 .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.form-grid>*{min-width:0}.form-grid .full{grid-column:1}.form-grid label,label{font-size:13px}.form-hint{font-size:12px}.checklabel,.geo-attestation{font-size:13px;min-height:46px;line-height:1.5;align-items:center}
 .overlay{padding:env(safe-area-inset-top) 0 0;align-items:flex-end;backdrop-filter:none}.modal,.modal.wide{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 8px);border-radius:20px 20px 0 0;overscroll-behavior:contain}.modal-head{position:sticky;top:0;background:white;z-index:2;padding:18px 16px;align-items:flex-start}.modal-head h2{font-size:20px}.modal-head p{font-size:12px}.modal-body{padding:20px 16px}.modal-footer{position:sticky;bottom:0;background:#fff;padding:14px 16px calc(14px + env(safe-area-inset-bottom));z-index:2;box-shadow:0 -3px 12px #26372f08}.modal-footer .btn{flex:1}.signature-canvas{height:190px;touch-action:none}.signature-caption{gap:12px;flex-wrap:wrap}.signature-caption button{min-height:44px}.site-card{min-width:0;overflow-wrap:anywhere}
 .shared-scope{padding:10px 12px;gap:8px;line-height:1.5;font-size:11px}.shared-scope>span{flex:1 1 100%}.shared-scope>a,.shared-scope>button{font-size:12px;min-height:36px;display:inline-flex;align-items:center}.shared-scope>a{margin-right:auto}.shared-scope button{margin-left:0}.filters input,.filters select{font-size:16px}.filters select{flex:1 1 130px;min-width:0}.searchbox input{font-size:16px}.searchbox .icon{top:14px}
 .calendar-scroll,.table-wrap,.pl-employee-calendar{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.calendar-scroll{max-height:65dvh}.calendar{min-width:1050px}.calendar th:first-child{width:128px;min-width:128px}.calendar td.person-cell{padding:12px 8px}.person-inline{min-height:44px}.person-inline strong{font-size:12px}.person-inline small{font-size:10px}.shift{padding:10px 8px;min-height:50px}.shift b{font-size:12px}.shift small{font-size:11px}.cell-add{height:32px;opacity:1}.calendar-footer{padding:14px}.toolbar .week-control{max-width:100%}.week-control .week-label{min-width:0;font-size:12px}.sc-view-picker{display:flex;max-width:100%;width:100%}.sc-view-picker button{flex:1;padding:10px 6px;font-size:12px;min-height:44px;gap:5px}.mobile-day-button{display:flex!important}.sc-daily-grid{padding:12px;grid-template-columns:minmax(0,1fr)}.sc-day-filter{min-width:0}.sc-person{min-height:48px}.sc-person strong{font-size:13px}.sc-service-title{min-height:44px}.sc-team-cell .btn{white-space:normal}
 .employee-shell{padding:16px 14px calc(118px + env(safe-area-inset-bottom))}.employee-banner{padding-top:calc(10px + env(safe-area-inset-top));font-size:12px}.employee-header{flex-wrap:wrap;gap:12px;padding-bottom:10px;align-items:center}.employee-header .brandname{font-size:24px}.employee-header .brandmark{width:38px;height:38px}.employee-select{flex:1 1 100%;align-items:stretch;gap:6px}.employee-select select,body[data-shared-role] .employee-select select{width:100%;max-width:100%;font-size:16px}.employee-select>span{font-size:13px}.employee-tabs{position:fixed;bottom:0;left:0;right:0;z-index:45;margin:0;padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:#fff;border:0;border-top:1px solid var(--line);box-shadow:0 -4px 20px #26372f08;gap:2px;overflow-x:auto}.employee-tabs button{flex:1 0 54px;min-width:54px;max-width:110px;min-height:64px;flex-direction:column;gap:6px;justify-content:center;white-space:normal;padding:7px 4px;font-size:10px;line-height:1.3;text-align:center}.employee-tabs button .icon{width:21px;height:21px}.employee-greeting{margin:12px 0 20px}.time-hero{padding:18px;gap:16px}.time-hero h2{font-size:20px}.time-hero p{font-size:13px}.time-hero>.btn{width:100%;font-size:16px;min-height:50px}.timeline-shift{gap:12px;flex-wrap:wrap}.timeline-info{min-width:140px}.timeline-info strong{font-size:14px}.timeline-shift>.btn{margin-left:auto}.pl-employee-shifts .card-head{padding:16px}
 .chat-layout{min-height:0;max-height:none;grid-template-columns:minmax(0,1fr)}.chat-threads{max-height:120px;min-width:0}.chat-thread{min-width:155px;max-width:190px}.chat-main{height:calc(100dvh - 180px);min-height:420px;max-height:none}.chat-header{padding:14px;flex-wrap:wrap}.chat-header h3{font-size:16px}.chat-header p{font-size:12px}.chat-messages{padding:14px;gap:16px}.message{max-width:96%}.message-text{font-size:14px;line-height:1.6}.message-author,.message-time{font-size:11px}.message-compose textarea{font-size:16px;min-height:48px}.message-form{padding:12px}.message-form .form-hint{font-size:11px}.chat-participants summary{min-height:32px;display:flex;align-items:center}.chat-context{padding:10px 14px}.feature-note{font-size:12px;line-height:1.6}
 .data-table td,.data-table th{font-size:12px;padding:13px 12px}.bottom-note{font-size:10px;flex-wrap:wrap;gap:8px}.ops-toolbar,.cal-toolbar{flex-wrap:wrap;gap:12px}.ops-toolbar>*{min-width:0}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card,.phase{padding:18px}.project-grid{grid-template-columns:minmax(0,1fr)}
 #toast-root{left:14px;right:14px;bottom:calc(20px + env(safe-area-inset-bottom));max-width:none}body:has(.employee-tabs) #toast-root{bottom:calc(96px + env(safe-area-inset-bottom))}.toast{font-size:14px;line-height:1.5}
}
@media(max-width:380px){.sc-view-picker button .icon{display:none}.metric{padding:12px}.metric-value{font-size:23px}.employee-header>.skillo-install-button{font-size:11px;padding:8px}.brand .eyebrow{font-size:8px}}
@media(pointer:coarse){.cell-add{opacity:1}.checklabel{cursor:pointer}}

.skillo-language{margin:0;display:flex;align-items:center}.skillo-language select{width:auto;max-width:128px;font-size:13px;padding:9px 8px;min-height:40px;background:#fff;border:1px solid #dfe6de;border-radius:9px;color:#26372f}.skillo-status{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--muted);font-size:12px;flex-wrap:wrap}.skillo-status>span{display:flex;gap:6px;align-items:center;margin-right:auto}.skillo-status button{min-height:36px;text-decoration:underline}.employee-header{flex-wrap:wrap}.skillo-language select:focus-visible{outline:3px solid #e5a270;outline-offset:2px}@media(max-width:760px){.top-actions{gap:6px}.skillo-language select{max-width:106px;font-size:14px;min-height:44px}.employee-header>.skillo-language{margin-left:auto}.pilot-header .skillo-language{order:3}.skillo-status{gap:8px}.skillo-status span{flex-basis:auto!important}.skillo-status button{font-size:12px}.skillo-language+.skillo-install-button{margin-left:0}}

.audit-records{margin-top:22px}.audit-record{padding:18px 0;border-top:1px solid var(--line)}.audit-record p{font-size:13px;line-height:1.6;margin-top:8px;overflow-wrap:anywhere}.audit-record-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audit-record-top time{margin-left:auto;font-size:12px;color:var(--muted)}.audit-record details{margin-top:10px}.audit-record summary{cursor:pointer;font-size:12px;min-height:32px}.audit-record pre{overflow:auto;max-height:260px;background:#f5f7f4;padding:12px;font-size:11px;border-radius:8px}

/* Task-focused phone views; the desktop week remains available. */
.mobile-admin-nav,.mobile-chat-back{display:none}.personal-settings{margin-bottom:20px}.personal-settings .card-body{display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}.settings-install{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.settings-install h3{font-size:16px;margin-bottom:10px}.settings-install p{line-height:1.6;margin-bottom:12px}.settings-identity{margin-bottom:20px;font-weight:600}.discard-question{padding:16px;border:1px solid #e6b596;border-radius:12px;background:#fff4e9;margin-bottom:18px}.discard-question p{margin:8px 0 12px}.discard-question>div{display:flex;flex-wrap:wrap;gap:10px}.modal{display:flex;flex-direction:column;overflow:hidden}.modal-head,.modal-footer{flex-shrink:0}.modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain}.day-strip{display:flex;gap:6px;overflow-x:auto;padding:14px 12px;scrollbar-width:thin;overscroll-behavior-x:contain}.day-strip button{flex:1 0 40px;min-width:40px;min-height:62px;padding:9px 3px;border-radius:12px;background:#f6f7f3;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.day-strip button span{font-size:11px}.day-strip button b{font-size:18px}.day-strip button[aria-pressed=true]{background:var(--accent);color:white}.day-strip button[data-today=true]{box-shadow:inset 0 0 0 1px var(--accent)}.agenda-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 16px}.agenda-heading h2{font-size:18px}.settings-identity,.settings-install,.mobile-agenda{overflow-wrap:anywhere}
@media(max-width:760px){
 body[data-shared-role=admin] .content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.mobile-admin-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:45;background:#fff;border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #26372f08}.mobile-admin-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;flex:1;min-height:57px;font-size:10px;color:var(--muted);border-radius:10px}.mobile-admin-nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.mobile-admin-nav .icon{width:21px;height:21px}.topbar .private-badge,.topbar .top-actions>[data-action=shared-logout]{display:none}.topbar .top-actions{margin-left:auto}.topbar .skillo-install-button{font-size:11px;padding:8px;min-height:40px}.topbar .org-crumb{display:none}.topbar .breadcrumb b{font-size:16px}.employee-header{gap:8px}.employee-header .skillo-install-button{margin-left:auto;order:2;font-size:11px;padding:8px}.employee-header .brand{order:1}.employee-header .employee-select{order:3}.employee-tabs button{flex:1 1 20%;min-width:0;max-width:none;font-size:10px;min-height:56px}.employee-shell{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.employee-banner{font-size:11px}.employee-shell>.page-heading{margin-bottom:16px}.employee-shell .time-hero{margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr);padding:16px}.employee-shell .time-hero h2{font-size:18px}.employee-shell .time-hero p{font-size:12px;line-height:1.5}.pl-employee-calendar{overflow:visible}.pl-calendar-grid{display:block;min-width:0!important;padding:10px}.pl-calendar-day{min-width:0;margin:0}.pl-calendar-day[hidden]{display:none!important}.pl-calendar-day>header{display:flex;justify-content:space-between;align-items:center}.pl-calendar-event{padding:16px;margin-top:10px}.pl-calendar-event .text-link{display:inline-flex;align-items:center;margin:6px 12px 0 0!important;font-size:13px!important}.timeline-shift{display:grid;grid-template-columns:44px minmax(0,1fr);padding:16px 0}.timeline-shift>.timeline-time{grid-column:2;font-size:18px}.timeline-shift>.btn{grid-column:2;justify-self:start;margin:0}.timeline-info{min-width:0}.timeline-info p{line-height:1.5}.timeline-shift .text-link{white-space:normal;min-height:40px}.sc-mode-bar{display:block}.sc-mode-bar .filters{margin-top:12px}.sc-mode-bar .sc-view-picker{margin-bottom:8px}.mobile-agenda .sc-daily-service{border-radius:14px}.mobile-agenda .sc-daily-grid{gap:14px}.mobile-agenda .sc-team-cell{padding:14px}.mobile-agenda .sc-person{min-height:56px}.sc-coverage{flex-wrap:wrap}
 .table-wrap:has([data-mobile-cards]){overflow:visible}.data-table[data-mobile-cards]{min-width:0!important;display:block;width:100%}.data-table[data-mobile-cards] thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.data-table[data-mobile-cards] tbody{display:grid;gap:12px;padding:12px}.data-table[data-mobile-cards] tbody tr{display:block;min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.data-table[data-mobile-cards] td{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #f0f1ed;white-space:normal;overflow-wrap:anywhere}.data-table[data-mobile-cards] td:last-child{border-bottom:0}.data-table[data-mobile-cards] td::before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--muted)}.data-table[data-mobile-cards] td .heading-actions{width:100%}.data-table[data-mobile-cards] td .heading-actions>.btn{flex:1}.data-table[data-mobile-cards] td[colspan]::before{content:none}.shared-access{max-width:100%;overflow:auto}.shared-access td{min-width:65px}.shared-access input[type=checkbox]{width:22px;height:22px}
 .chat-layout[data-mobile-chat=list]{display:block}.chat-layout[data-mobile-chat=list] .chat-main{display:none}.chat-layout[data-mobile-chat=list] .chat-threads{display:block;max-height:none;border:0;padding:0}.chat-layout[data-mobile-chat=list] .chat-thread{display:flex;width:100%;max-width:none;min-width:0;min-height:78px;padding:16px;border-bottom:1px solid var(--line)}.chat-layout[data-mobile-chat=thread] .chat-threads{display:none}.chat-layout[data-mobile-chat=thread] .chat-main{height:calc(var(--app-height,100dvh) - 205px - env(safe-area-inset-bottom));min-height:250px;max-height:none}.mobile-chat-back{display:inline-flex;flex-basis:100%;width:auto;justify-content:flex-start}.chat-header{gap:6px;flex-wrap:wrap;flex-shrink:0}.chat-header h3{font-size:17px}.chat-context{max-height:125px;overflow:auto;flex-shrink:0}.chat-participants:not([open]){padding-bottom:0}.chat-messages{min-height:0;flex:1;overflow:auto}.chat-thread .thread-text{min-width:0;overflow:hidden}.thread-text strong,.thread-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.message-form{flex-shrink:0;padding:10px;background:white}.message-form textarea{max-height:100px}.message-form .form-hint{display:none}.chat-main:has(textarea:focus) .chat-context{max-height:60px}.overlay{height:var(--app-height,100dvh);bottom:auto;box-sizing:border-box}.modal,.modal.wide{max-height:calc(var(--app-height,100dvh) - env(safe-area-inset-top) - 6px)}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1 130px}.modal-body{padding-bottom:20px}.personal-settings .btn{width:100%}.settings-install .btn{width:100%}.discard-question .btn{width:100%}.ops-metrics,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-toolbar{margin-bottom:14px}.cal-toolbar .btn{font-size:12px}.sc-daily-grid .sc-person .avatar{flex-shrink:0}
}
@media(max-width:760px){.employee-banner{display:none}.employee-select:not(:has(select)){display:none}.employee-header{margin-bottom:8px;padding-bottom:4px}.employee-shell>.skillo-status{margin-bottom:14px;padding:0;justify-content:flex-end;gap:16px}.employee-shell>.skillo-status>span{display:none}.employee-shell>.page-heading h1{font-size:24px}.employee-shell .time-hero{padding:14px;margin-bottom:16px}.employee-shell .time-hero .btn{min-height:48px}.employee-shell .pl-employee-shifts .card-head{padding:14px}.employee-shell .pl-employee-controls{padding:10px 14px}.employee-shell .page-heading p{font-size:12px}}
@media(max-width:760px){
 body[data-chat-open=true] .employee-shell{padding:0 0 calc(80px + env(safe-area-inset-bottom))}body[data-chat-open=true] .employee-header,body[data-chat-open=true] .employee-banner,body[data-chat-open=true] .employee-shell>.skillo-status,body[data-chat-open=true] .employee-shell>.page-heading,body[data-chat-open=true] .employee-shell>.filters,body[data-chat-open=true] .employee-shell>.feature-note,body[data-chat-open=true] .employee-shell>.bottom-note{display:none}body[data-chat-open=true] .employee-shell .chat-layout{margin:0;border:0;border-radius:0}body[data-chat-open=true] .employee-shell .chat-main{height:calc(var(--app-height,100dvh) - 80px - env(safe-area-inset-bottom))}body[data-chat-open=true] #main>.page-heading,body[data-chat-open=true] #main>.filters,body[data-chat-open=true] #main>.skillo-status,body[data-chat-open=true] #main>.feature-note,body[data-chat-open=true] #main>.bottom-note{display:none}body[data-chat-open=true] #main{padding:0 0 calc(80px + env(safe-area-inset-bottom))}body[data-chat-open=true] #main .chat-main{height:calc(var(--app-height,100dvh) - 140px - env(safe-area-inset-bottom))}.mobile-chat-back{min-height:38px!important;font-size:12px!important;padding:7px 10px!important}.chat-main .chat-messages{scroll-padding-bottom:10px}
}
.shared-permissions>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.shared-permissions[open]>summary{margin-bottom:12px}
@media(max-width:760px){.timeline-shift{grid-template-areas:"date hours" "date info";column-gap:12px;row-gap:6px}.timeline-date{grid-area:date;align-self:start;padding-top:2px}.timeline-info{grid-area:info}.timeline-hours{grid-area:hours;text-align:left!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.timeline-hours strong{font-size:18px}.timeline-hours p{margin:0!important;font-size:12px}.timeline-info .text-link{font-size:12px!important;display:inline-flex;align-items:center;gap:5px;margin:4px 8px 0 0!important}}

.security-qr{max-width:280px;margin:12px auto;background:#fff}.security-qr svg{display:block;width:100%;height:auto}.security-qr+ p{overflow-wrap:anywhere}.doc-preview{overflow-wrap:anywhere;white-space:pre-wrap}
