:root{--navy:#122b45;--teal:#168f9c;--mid:#71d5db;--bg:#f6f8fa;--ink:#17324b;--muted:#647587}html:not(.shiftly-ready) body{visibility:hidden}body{padding-bottom:90px;background:var(--bg);font-size:14px}header{padding:18px max(22px,calc((100vw - 1100px)/2));background:white;color:var(--navy);border-bottom:1px solid #e1e8ed;gap:14px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.brand img{width:38px;height:45px}.brand strong{font-size:25px;letter-spacing:-.8px}.brand small{color:#637c8b;font-size:11px}button,.file-label{background:var(--teal);font-size:13px}button.primary{background:var(--navy);color:white}.quiet{background:transparent;color:var(--ink);padding:8px 10px;font-size:20px}.text-button{background:transparent;color:var(--teal);padding:5px}.wrap{max-width:1120px;margin:16px auto;padding:0 20px}.panel{border:1px solid #e3e9ee;box-shadow:none;padding:24px;border-radius:16px}h1{font-size:25px;letter-spacing:-.7px;color:var(--navy);margin:0 0 22px}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:15px}p{line-height:1.6}.muted{color:var(--muted);font-size:12px}.status{font-size:13px;background:#edf7f7;color:#21616a}.status.error{background:#fff0ed;color:#9a382d}#identityBar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:24px;gap:10px}#homeScreen{max-width:510px;margin:0 auto}.welcome p{margin:0 0 9px;font-size:13px;text-transform:capitalize}.welcome h1{font-size:30px;margin-bottom:23px}.person-choice{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.person-choice select{flex:1;min-width:0;padding:10px;font-size:14px}.today-card{background:white;border:1px solid #e1e8ed;border-radius:16px;padding:22px;margin:17px 0 22px;min-height:130px}.today-card>p{font-size:12px;margin:0 0 14px}.today-card>strong{display:block;line-height:1.6;font-size:16px}.today-service{display:flex;flex-direction:column;gap:8px;border-left:4px solid;padding-left:14px;margin-top:15px}.today-service strong{font-size:29px;letter-spacing:-.8px}.today-service span{font-size:13px}.today-service small{color:var(--muted)}.home-links{display:grid;gap:9px}.home-links button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:5px;padding:18px;background:white;border:1px solid #e1e8ed;color:var(--navy);border-radius:12px}.home-links button span{font-size:15px}.home-links button small{grid-row:2;color:var(--muted);font-weight:400;font-size:12px}.home-links button b{grid-column:2;grid-row:1/3;align-self:center;font-size:20px;color:var(--teal)}.new-button{display:block;width:100%;margin:23px 0;padding:14px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff;border-top:1px solid #dfe6eb;padding:9px 10px max(10px,env(safe-area-inset-bottom));gap:10px}.bottom-nav button{width:120px;background:transparent;color:#84919e;display:flex;flex-direction:column;gap:4px;align-items:center;padding:5px;font-size:20px;line-height:1}.bottom-nav button span{font-size:10px;line-height:1.5}.bottom-nav button.selected{color:var(--navy)}.bottom-nav button.selected span{font-weight:800}.sheet{border:1px solid #dbe4eb;border-radius:20px;width:calc(100% - 28px);max-width:490px;padding:24px;color:var(--ink);max-height:88dvh;overflow-y:auto}.sheet::backdrop,.mobile-dialog::backdrop{background:#112b4566}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-head h1,.section-head h2{margin:0}.section-head input{min-width:0;font-size:13px}.choice-button{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f5f8fa;color:var(--ink);width:100%;padding:14px;text-align:left;margin:8px 0;border-radius:10px;cursor:pointer;font-size:13px;border:1px solid #e5ebf0}.danger{color:#a13d39}.sheet details{margin:18px 0 0;font-size:12px}.sheet label{display:block;margin:12px 0;font-size:12px;color:var(--muted)}.sheet label input{display:block;width:100%;margin-top:7px}dialog input,dialog select{font-size:16px}#readOptions input{width:100%}#readOptions p{font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0 24px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.form-grid input,.form-grid select{width:100%;min-width:0}.form-grid input[type=checkbox]{width:20px;height:20px}.form-grid button{align-self:end}.personal-day,.hours-day{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #e1e8ed;padding:15px 0}.personal-day>strong,.hours-day>b{font-size:13px;text-transform:capitalize}.personal-shift{padding:12px 15px;border-radius:8px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:#122b45}.personal-shift span{font-size:11px}.hours-day span{font-size:13px}.hours-day small{font-size:12px;color:var(--muted)}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.totals>div{background:#f1f5f8;padding:16px;border-radius:10px}.totals small{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.totals strong{font-size:22px}.tabs{position:static}.tabs button{background:#eaf0f4;color:var(--ink)}.tabs button.active{background:var(--navy)!important}#result .toolbar input{font-size:13px;min-width:140px}#result .toolbar button{font-size:12px;padding:9px 12px}#resultTitle{font-size:23px}.legend{font-size:11px}.manager-badge{display:block;color:var(--teal);font-size:10px;margin-top:4px}.my-row>th{box-shadow:inset 3px 0 0 var(--teal)}#weekly{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}#result .week-table{table-layout:auto;min-width:1080px}#result .week-table th:first-child{position:sticky;left:0;z-index:2;background:white;min-width:150px!important;width:150px;max-width:150px;font-size:12px;overflow-wrap:anywhere}#result .week-table td{min-width:125px;padding:8px 5px}#result .week-table td .shift-cell{min-height:46px}#result .week-table td .shift-cell b{font-size:12px}.week-large .clock-part{display:inline!important;font-size:inherit!important}#daytitle{font-size:17px;text-transform:capitalize}#result .calendar-tools strong{font-size:13px}#capture,#review,#access{display:none!important}.read-only .shift-cell,.read-only .bar,.read-only .team-line,.read-only .absence-card{cursor:default}.read-only .week-table td button:not(.shift-cell):not(.absence-card){visibility:hidden}.read-only .week-table td button.shift-cell{visibility:visible}#personalScreen,#hoursScreen,#settingsScreen{max-width:760px;margin:0 auto 20px}#sharedSettings{margin-top:30px;padding-top:20px;border-top:1px solid #dfe7ed}#sharedSettings label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin:12px 0}#sharedSettings input{max-width:100%}#shiftDetails{margin:18px 0;color:var(--muted);font-size:12px}#printSheet .bottom-nav{display:none!important}
@media(max-width:650px){header{padding:15px 20px}.wrap{padding:0 16px;margin-top:10px}.brand strong{font-size:25px}.brand small{font-size:10px}#identityBar{margin-bottom:23px}.welcome h1{font-size:27px;max-width:290px;line-height:1.2}.today-card{padding:20px}.panel{padding:18px}.tabs button{font-size:11px;padding:10px 5px}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head h1{font-size:22px}h1{font-size:24px}.form-grid{gap:10px}.form-grid input{font-size:16px}.totals{gap:6px}.totals>div{padding:12px 8px}.totals strong{font-size:20px}.totals small{font-size:10px;min-height:27px}#result .week-table th:first-child{min-width:110px!important;max-width:110px;font-size:11px}#result .week-table{min-width:1000px}.week-large .week-table th button{font-size:11px}.bottom-nav{gap:3px}.bottom-nav button{max-width:90px}.sheet{padding:20px}.person-choice select{font-size:16px}#people{max-width:300px}#result .toolbar{gap:7px}.gantt-inner{min-width:790px}#sharedPlanPicker{max-width:100%}}
@media print{.bottom-nav,#identityBar,#shiftlyMessage{display:none!important}body{padding:0}#printSheet .week-table th:first-child{position:static}#printSheet .my-row>th{box-shadow:none}}
.employee-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e1e8ed;font-size:13px}.employee-row button{padding:7px 10px;font-size:11px}
/* The main import action and PDF controls each have one visible location. */
#openNewSecondary,#openPDF{display:none!important}
.publication-note{font-size:11px;background:#f1f7f8;border-radius:9px;padding:10px 12px;margin:12px 0}.publication-note p{margin:3px 0}.publication-note summary{cursor:pointer;color:var(--teal)}@media print{#publishedInfo{display:none!important}}
.planning-actions{margin:10px 0 15px;font-size:12px;color:var(--muted)}.planning-actions summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid #dbe5eb;border-radius:8px;display:inline-block;background:white;color:var(--ink)}.planning-actions summary::after{content:' ⌄'}.planning-actions .actions{margin-top:10px}.planning-actions[open] summary{background:#eff5f7}
