/* EarthRoster V1411 — targeted changes on top of the approved V1410 interface.
   Only desktop Add Shift, admin Clock spacing, missed-clock warning, employee dashboard.
   No changes to message/notification backends or persisted data. */
@media (min-width:1024px){
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift:not(.er1372-minimized){
   width:min(93vw,482px)!important;max-width:482px!important;
   max-height:min(92dvh,850px)!important;border-radius:18px!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .modal-head{
   padding:13px 18px 10px!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .modal-body{
   padding:5px 17px 12px!important;overflow-y:auto!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-form-grid{
   grid-template-columns:minmax(0,1fr)!important;gap:0!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-form-column{
   display:contents!important;
 }
 /* Allow the sections to sit naturally in one narrow, taller column. */
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-client{order:1!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-staff{order:2!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-schedule{order:3!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-instructions{order:4!important}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift :is(.er1367-client,.er1367-staff,.er1367-schedule,.er1367-instructions){padding:10px 0!important;border-bottom:1px solid rgba(42,80,57,.11)!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1395-client-heading{margin-bottom:5px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-label{margin-bottom:6px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-team-row.er962-client-trigger{
   min-height:54px!important;height:auto!important;padding:5px 10px!important;gap:10px!important;align-items:center!important;border-radius:11px!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-copy{
   flex:1!important;display:grid!important;gap:1px!important;min-width:0!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-copy b{font-size:13px!important;line-height:1.15!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-copy small{
   display:block!important;font-size:10.5px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-avatar,
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-search-av{width:28px!important;height:28px!important;min-width:28px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-staff .er932-team-row{
   min-height:44px!important;height:auto!important;padding:7px 10px!important;border-radius:11px!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-staff .er932-team-row .av{
   width:24px!important;height:24px!important;font-size:12px!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-staff .er1023-roster-guard{margin-top:5px!important;padding:4px 7px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-staff .er1023-roster-guard .copy small{display:none!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-grid3{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:7px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-grid3 .er932-field{grid-column:auto!important;min-width:0!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift :is(.er1028-date-button,.er1322-time-wrap,.er1322-time-face){height:38px!important;min-height:38px!important;font-size:12px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1337-total-time{margin-top:7px!important;padding:5px 9px!important;min-height:27px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift #m_notes{height:75px!important;min-height:75px!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings{
   margin-top:8px!important;padding:9px!important;gap:4px!important;border-radius:12px!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings>section{
   grid-template-columns:82px minmax(0,1fr)!important;gap:9px!important;min-height:33px!important;
 }
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings :is(.er1372-repeat-trigger,#m_status,.er932-colour-row){
   height:34px!important;min-height:34px!important;
 }
}
/* Tighten only the admin Clock's excess spacing, keeping its existing visual identity. */
@media(min-width:720px){
 html.er1395-refined body #app .er1394-clock .er1365-clock{gap:8px!important;}
 html.er1395-refined body #app .er1394-clock .er1365-comparison{margin:5px 0!important;}
 html.er1395-refined body #app .er1394-clock .er1365-review-heading{margin:0!important;min-height:0!important;}
 html.er1395-refined body #app .er1394-clock .er1365-days{gap:6px!important;}
 html.er1395-refined body #app .er1394-clock .er1365-day-list{gap:7px!important;}
 html.er1395-refined body #app .er1394-clock .er1365-entry{padding:9px!important;}
 html.er1395-refined body #app .er1394-clock .er1365-entry-grid{gap:8px!important;}
}
@media(max-width:719px){
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-clock .er1365-clock{gap:7px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-clock .er1365-comparison{margin:6px 0 6px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-review-heading{margin:0 0 5px!important;min-height:0!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-days{gap:5px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-day-list{gap:7px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-entry{padding:8px 10px!important;}
 html.er1395-refined body #app#app#app#app#app#app#app .er1394-clock .er1365-day-section>header{margin:3px 0 6px!important;}
}
/* Missed-clock banner: compact, readable, based on the established alert. */
html body #app .er1411-attendance-banner{margin:7px 8px 10px!important;padding:10px 12px!important;border:1px solid #e8c9c4!important;border-radius:14px!important;background:#fff5f2!important;display:flex!important;align-items:center!important;gap:10px!important;color:#783e35!important;min-height:0!important;}
html body #app .er1411-attendance-banner .ic{flex:0 0 32px!important;width:32px!important;height:32px!important;background:#f5e1dc!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:17px!important;font-weight:850!important;}
html body #app .er1411-attendance-banner span:not(.ic){flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
html body #app .er1411-attendance-banner strong{font-size:13px!important;line-height:1.18!important;font-weight:800!important;}
html body #app .er1411-attendance-banner small{font-size:11px!important;line-height:1.32!important;}
html body #app .er1411-attendance-banner button{flex:0 0 auto!important;min-height:38px!important;height:38px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:#864b43!important;color:white!important;font-size:11.5px!important;font-weight:800!important;}
@media(max-width:380px){html body #app .er1411-attendance-banner button{padding:0 8px!important;font-size:10px!important;}}
/* Employee home — prominent, concise next shift and an accessible 6-shift list. */
html body #app .er1411-next-card{margin:11px 0 15px;background:#fffefa;border:1px solid #d7e4d6;border-top:4px solid #508566;border-radius:18px;box-shadow:0 6px 18px rgba(29,56,39,.065);padding:15px;}
html body #app .er1411-next-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;}
html body #app .er1411-next-title{font-size:14px;font-weight:850;color:#244733;display:flex;align-items:center;gap:7px;}
html body #app .er1411-next-status{font-size:10px;font-weight:800;background:#eaf2e7;color:#366846;border-radius:999px;padding:6px 10px;white-space:nowrap;}
html body #app .er1411-next-name{font-size:19px;line-height:1.2;font-weight:900;color:#1f382a;margin:0 0 5px;overflow-wrap:anywhere;}
html body #app .er1411-next-address{font-size:11.5px;color:#6b7a6e;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere;}
html body #app .er1411-next-details{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-top:1px solid #e1e8dc;border-bottom:1px solid #e1e8dc;align-items:center;}
html body #app .er1411-next-time{font-size:13px;color:#214831;font-weight:800;}
html body #app .er1411-next-duration{font-size:10.5px;color:#718174;margin-top:3px;}
html body #app .er1411-next-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;margin-top:12px;}
html body #app .er1411-next-actions button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:7px;min-height:43px;padding:8px 10px;border-radius:11px;border:1px solid #d4e1d3;background:#edf3e9;color:#29583b;font-size:11.7px;font-weight:850;line-height:1.15;cursor:pointer;}
html body #app .er1411-next-actions button.primary{background:#245b40;color:#fff;border-color:#245b40;}
html body #app .er1411-upcoming-list{display:grid;gap:8px;margin:8px 0 13px;}
html body #app .er1411-upcoming{background:#fff;border:1px solid #dfe7dc;border-radius:13px;padding:10px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;color:#243c2e;cursor:pointer;box-shadow:0 2px 8px rgba(22,47,32,.035);}
html body #app .er1411-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e1e8dc;padding-right:9px;min-height:41px;}
html body #app .er1411-date small{font-size:9px;color:#788678;font-weight:800;text-transform:uppercase;}
html body #app .er1411-date b{font-size:20px;line-height:1.15;}
html body #app .er1411-upcopy{min-width:0;display:grid;gap:2px;}
html body #app .er1411-upcopy strong{font-size:12.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body #app .er1411-upcopy span{font-size:10.7px;color:#6e7d70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body #app .er1411-upside{display:grid;justify-items:end;gap:6px;}
html body #app .er1411-upside small{font-size:10px;font-weight:750;white-space:nowrap;}
html body #app .er1411-upside em{font-style:normal;font-size:9px;font-weight:800;background:#eaf2e7;color:#2f7044;border-radius:999px;padding:4px 8px;white-space:nowrap;}
html body #app .er1411-upside em.pending{color:#925f24;background:#fff2df;}
@media(min-width:960px){html body #app .er1411-next-card{max-width:760px;}html body #app .er1411-upcoming-list{max-width:760px;}}
@media(max-width:375px){html body #app .er1411-upside small{font-size:9px;}html body #app .er1411-upcoming{grid-template-columns:34px minmax(0,1fr) auto;gap:6px;padding:8px;}html body #app .er1411-next-actions button{font-size:10.4px;}}
/* final V1411 column layout override: match the legacy 8-ID selector stack */
@media(min-width:1024px){
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-form-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-form-column{display:contents!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-client{order:1!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-staff{order:2!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-schedule{order:3!important;}
 html.er1395-refined body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-instructions{order:4!important;}
}
/* Desktop Clock: avoid forcing a mostly-empty payroll table to fill the viewport.
   Rows stay in place, and long entry lists scroll inside the normal workspace. */
@media(min-width:1024px){
 html.er1389-refined body #app#app#app#app#app#app#app .er1389-payroll{height:auto!important;min-height:0!important;grid-template-rows:auto auto!important;align-content:start!important;}
 html.er1389-refined body #app#app#app#app#app#app#app .er1389-payroll .er1387-entry-workspace{height:auto!important;min-height:0!important;flex:0 0 auto!important;align-self:start!important;}
 html.er1389-refined body #app#app#app#app#app#app#app .er1389-payroll .er1366-table-scroll{height:auto!important;min-height:0!important;flex:0 0 auto!important;max-height:min(53dvh,560px)!important;overflow-y:auto!important;}
}