.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.attendance-punch-card,.attendance-approval-panel,.salon-hours-panel,.attendance-shift-panel{background:#fff;border:1px solid #dfe6e1;border-radius:16px;box-shadow:0 8px 25px #26382e08}.attendance-punch-card{margin:22px 0;padding:24px 26px}.attendance-punch-head,.attendance-approval-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.attendance-punch-head h2,.attendance-approval-head h2,.salon-hours-panel h2{margin:4px 0 5px;font:26px Georgia,serif}.attendance-punch-head p,.attendance-approval-head p,.salon-hours-panel p{color:#708078;margin:0;font-size:11px;line-height:1.5}.attendance-punch-head small{color:#819087;margin-top:4px;font-size:9px;display:block}.attendance-state.away{color:#8d5a18;background:#fff0d9}.attendance-work-center{color:#79521d;background:#fff8ec;border:1px solid #ecd2a8;border-radius:9px;flex-direction:column;gap:3px;margin-top:13px;padding:11px 12px;display:flex}.attendance-work-center strong{font-size:11px}.attendance-work-center span{font-size:10px;line-height:1.45}.attendance-state{color:#2b684b;background:#e2f0e7;border-radius:20px;flex:none;padding:7px 11px;font-size:10px;font-weight:750}.attendance-times{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;margin:17px 0;display:grid}.attendance-times span{background:#f3f7f4;border-radius:9px;padding:11px}.attendance-times small,.attendance-times b{display:block}.attendance-times small{color:#74827b;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.attendance-times b{margin-top:4px;font:18px Georgia,serif}.attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.attendance-actions>button,.attendance-request-form button{color:#fff;background:#245745;border:1px solid #245745;border-radius:8px;min-height:44px;padding:10px 14px;font-weight:700}.attendance-actions>button.secondary,.attendance-request-form button.secondary{color:#245745;background:#fff;border-color:#aebfb6}.attendance-actions button:disabled,.attendance-request-form button:disabled,.attendance-decisions button:disabled,.salon-hours-list button:disabled{opacity:.55;cursor:not-allowed}.attendance-boundary-note{background:#fff6e8;border-radius:8px;grid-column:1/-1;padding:9px 11px;color:#855b22!important;margin:0!important;font-size:10px!important}.attendance-message,.attendance-warning,.attendance-loading{border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:11px}.attendance-message{color:#285b43;background:#edf5f0}.attendance-message.error,.form-message.error{color:#934b42;background:#f9e9e6}.attendance-warning{color:#865a20;background:#fff2df}.attendance-loading{color:#6f7d76;background:#f3f6f4}.attendance-nonworking{color:#285b43;background:#eaf3ed;border-radius:9px;flex-direction:column;gap:4px;margin:14px 0 0;padding:13px;font-size:11px;display:flex}.attendance-nonworking strong{font:17px Georgia,serif}.attendance-nonworking span{color:#577067}.attendance-loading button{color:#245745;background:#fff;border:1px solid #aebfb6;border-radius:6px;margin-left:8px;padding:5px 8px;font-weight:700}.attendance-pending,.attendance-decision{border-radius:8px;flex-direction:column;gap:3px;margin-top:10px;padding:10px 12px;font-size:10px;display:flex}.attendance-pending{color:#855c24;background:#fff3df}.attendance-decision.approved{color:#286044;background:#eaf4ed}.attendance-decision.rejected{color:#934b42;background:#f9e9e6}.attendance-pending span,.attendance-decision span{font-size:10px}.attendance-request-form{background:#f4f7f5;border-radius:10px;margin-top:12px;padding:13px}.attendance-request-form label{color:#52675f;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.attendance-request-form textarea{resize:vertical;min-height:70px;font:inherit;background:#fff;border:1px solid #bdccc4;border-radius:7px;padding:9px}.attendance-request-form>div{justify-content:flex-end;gap:8px;margin-top:9px;display:flex}.attendance-away-confirm{color:#6f4a18;background:#fff7e9;border:1px solid #e2bd83;border-radius:10px;margin-top:12px;padding:14px}.attendance-away-confirm>strong{font-size:13px}.attendance-away-confirm p{line-height:1.55;color:#6f4a18!important;margin:6px 0 11px!important;font-size:11px!important}.attendance-away-confirm>div{justify-content:flex-end;gap:8px;display:flex}.attendance-away-confirm button{color:#fff;background:#245745;border:1px solid #245745;border-radius:8px;min-height:44px;padding:10px 14px;font-weight:700}.attendance-away-confirm button.secondary{color:#245745;background:#fff;border-color:#aebfb6}.attendance-punch-card>footer,.salon-hours-panel>footer{color:#839087;border-top:1px solid #e6ebe8;margin-top:15px;padding-top:11px;font-size:9px}.attendance-punch-card.compact{padding:18px 20px}.attendance-punch-card.compact .attendance-punch-head h2{font-size:21px}.attendance-punch-card.compact .attendance-times{grid-template-columns:repeat(4,1fr);margin:12px 0}.attendance-punch-card.compact footer{display:none}.attendance-approval-panel{margin-bottom:22px;padding:25px}.attendance-approval-head>label{color:#65766d;flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.attendance-approval-head select{background:#fff;border:1px solid #c7d4cd;border-radius:8px;min-width:150px;padding:9px}.attendance-request-list{margin-top:16px}.attendance-request-list article{border-top:1px solid #e7ece9;grid-template-columns:minmax(190px,.9fr) minmax(270px,1.5fr) auto;align-items:center;gap:18px;padding:16px 0;display:grid}.attendance-request-person h3{margin:5px 0;font-size:14px}.attendance-request-person small,.attendance-request-time small{color:#7c8983;font-size:9px}.attendance-request-time{flex-direction:column;gap:4px;display:flex}.attendance-request-time strong{font-size:12px}.attendance-request-time span{color:#5f7167;font-size:10px}.attendance-request-time p{margin:3px 0;font-size:11px}.pill{color:#65736c;text-transform:uppercase;background:#eef1ef;border-radius:15px;width:max-content;padding:4px 7px;font-size:8px;font-weight:800;display:inline-block}.pill.pending{color:#8a5c1c;background:#fff0d7}.pill.approved,.pill.scheduled{color:#2f674a;background:#e5f2e9}.pill.rejected,.pill.cancelled{color:#924a42;background:#f6e4e1}.attendance-decisions{gap:7px;display:flex}.attendance-decisions button{background:#fff;border:1px solid #bdcbc3;border-radius:7px;min-height:40px;padding:8px 12px}.attendance-decisions .approve{color:#fff;background:#245745;border-color:#245745}.self-approval-note{color:#8a682d;background:#fff5df;border-radius:8px;max-width:150px;padding:9px 10px}.salon-hours-panel{margin-bottom:22px;padding:25px}.salon-hours-list{margin-top:16px}.salon-hours-list article{border-top:1px solid #e5ebe7;grid-template-columns:minmax(180px,1fr) 150px 150px auto;align-items:end;gap:12px;padding:13px 0;display:grid}.salon-hours-list article>div{flex-direction:column;gap:4px;display:flex}.salon-hours-list article small{color:#77857e;font-size:9px}.salon-hours-list label{color:#586b61;flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.salon-hours-list input{background:#fff;border:1px solid #c5d2cb;border-radius:7px;min-height:40px;padding:8px}.salon-hours-list button{color:#fff;background:#245745;border:0;border-radius:7px;min-height:40px;padding:8px 13px;font-weight:700}.attendance-shift-panel{margin-bottom:22px;padding:25px}.attendance-shift-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.attendance-shift-head h2{margin:5px 0;font:28px Georgia,serif}.attendance-shift-head p{color:#708078;margin:0;font-size:11px}.attendance-shift-head label,.attendance-shift-form label{color:#52675f;flex-direction:column;gap:5px;min-width:0;font-size:10px;font-weight:700;display:flex}.attendance-shift-head input,.attendance-shift-form input,.attendance-shift-form select{color:#18392f;background:#fff;border:1px solid #c5d2cb;border-radius:7px;width:100%;min-width:0;min-height:40px;padding:8px}.attendance-shift-form{background:#f4f7f5;border-radius:11px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px 14px;margin-top:18px;padding:17px;display:grid}.attendance-shift-custom{align-items:center;flex-direction:row!important;grid-column:1/-1!important}.attendance-shift-custom input{width:auto;min-height:0}.attendance-shift-times{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;min-width:0;display:grid}.attendance-salon-hours{background:#e9f1ec;border-radius:7px;align-self:end;min-height:40px;padding:11px;color:#476455!important;margin:0!important}.attendance-existing-shift{background:#fff3df;border-radius:7px;grid-column:1/-1;padding:9px 11px;color:#7f5720!important;margin:0!important}.attendance-shift-form>button{color:#fff;background:#245745;border:0;border-radius:8px;grid-column:1/-1;justify-self:end;min-height:42px;padding:10px 16px;font-weight:700}.attendance-shift-form>button:disabled{opacity:.55}.attendance-shift-form label span{color:#829087;font-weight:400}.attendance-shift-list{margin-top:17px}.attendance-shift-list article{border-top:1px solid #e6ebe8;grid-template-columns:minmax(200px,1fr) minmax(240px,1.4fr) auto;align-items:center;gap:16px;padding:15px 3px;display:grid}.attendance-shift-list article.cancelled{opacity:.62}.attendance-shift-list article.unavailable{background:#f5f6f2}.attendance-shift-list .pill.unavailable{color:#536b5f;background:#e8eee6}.attendance-shift-list h3{margin:5px 0 2px;font-size:14px}.attendance-shift-list small,.attendance-shift-list span{color:#78867f;font-size:9px}.attendance-shift-list article>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.attendance-shift-list article>div:nth-child(2) strong{font-size:12px}.attendance-shift-list p{color:#5e6e65;margin:1px 0 0;font-size:10px}.attendance-shift-list article.unavailable>div:nth-child(2)>p:first-of-type{color:#436854;font-weight:700}.attendance-shift-list button{color:#7f4b3f;background:#fff;border:1px solid #c5d2cb;border-radius:7px;min-height:40px;padding:8px 11px}.attendance-shift-panel>footer{color:#839087;border-top:1px solid #e6ebe8;margin-top:10px;padding-top:11px;font-size:9px}.attendance-punch-card button:focus-visible,.attendance-approval-panel button:focus-visible,.attendance-approval-panel select:focus-visible,.salon-hours-panel button:focus-visible,.salon-hours-panel input:focus-visible,.attendance-shift-panel button:focus-visible,.attendance-shift-panel input:focus-visible,.attendance-shift-panel select:focus-visible,.attendance-request-form textarea:focus-visible{outline-offset:2px;outline:3px solid #8cb5a0}.my-signout{color:#fff;background:0 0;border:1px solid #779486;border-radius:8px;padding:9px 12px;font-weight:700}.my-signout:focus-visible{outline-offset:2px;outline:3px solid #a8c7ba}.my-shell>.attendance-punch-card{margin:20px 0}@media (max-width:680px){.attendance-punch-card,.attendance-approval-panel,.salon-hours-panel,.attendance-shift-panel{border-radius:13px;padding:18px}.attendance-punch-head,.attendance-approval-head,.attendance-shift-head{flex-direction:column}.attendance-punch-head p{font-size:13px}.attendance-punch-head small,.attendance-work-center span{font-size:11px}.attendance-work-center strong{font-size:13px}.attendance-shift-head>label,.attendance-shift-head input{width:100%}.attendance-shift-form{grid-template-columns:1fr;padding:14px}.attendance-shift-custom,.attendance-shift-form>button{grid-column:auto}.attendance-shift-form>button{width:100%;min-height:48px}.attendance-shift-times{grid-template-columns:1fr 1fr}.attendance-shift-list article{grid-template-columns:1fr;gap:9px}.attendance-shift-list button{width:100%;min-height:48px}.attendance-times,.attendance-punch-card.compact .attendance-times{grid-template-columns:1fr 1fr}.attendance-actions{grid-template-columns:1fr}.attendance-actions>button{width:100%;min-height:48px}.attendance-away-confirm>div{grid-template-columns:1fr 1fr;display:grid}.attendance-away-confirm button{min-height:48px}.attendance-request-form>div{grid-template-columns:1fr 1fr;display:grid}.attendance-request-form button{min-height:48px}.attendance-request-list article{grid-template-columns:1fr;gap:10px;padding:17px 0}.attendance-decisions{grid-template-columns:1fr 1fr;display:grid}.attendance-decisions button{min-height:48px}.attendance-approval-head>label,.attendance-approval-head select{width:100%}.salon-hours-list article{grid-template-columns:1fr 1fr}.salon-hours-list article>div,.salon-hours-list button{grid-column:1/-1}.salon-hours-list button{width:100%;min-height:48px}.attendance-punch-card.compact{margin-top:0;padding:16px}.my-shell>.attendance-punch-card{margin:14px 0}.my-signout{margin-left:auto}}@media (max-width:420px){.attendance-shift-times,.attendance-away-confirm>div{grid-template-columns:1fr}}