.sjm-session-notice{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:10000;width:min(620px,calc(100% - 24px));padding:14px 18px;background:#fff4d5;color:#302606;border:1px solid #bf8b10;border-radius:12px;font:600 14px/1.5 "Trebuchet MS",sans-serif;box-shadow:0 6px 24px #0005}
.sjm-session-notice a{display:inline-block;margin-left:12px;color:#302606;font-weight:800;text-decoration:underline}
.sjm-action-status{position:fixed;right:16px;bottom:20px;z-index:10000;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid var(--line,#30342f);border-radius:12px;background:var(--panel,#181b19);color:var(--paper,#fff);font-size:14px}
.app-main,.app-content,.panel,.panel-body,.sjm-employee-page .grid>*,.sjm-employee-page .hero>*{min-width:0}
.ops-toolbar>*{max-width:100%;min-width:0}
.sjm-employee-menu-card{position:relative;overflow:visible!important}
.sjm-employee-menu-card h3{padding-right:44px}
.sjm-employee-menu-card:has(.sjm-employee-menu[open]){z-index:20}
.sjm-employee-actions{display:block!important;margin:0!important;padding:0!important}
.sjm-employee-menu{position:absolute;top:14px;right:14px}
.sjm-employee-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:40px;height:40px;border:1px solid var(--line,#30342f);border-radius:12px;background:var(--panel,#181b19);color:var(--paper,#f5f1e8);font:700 26px/1 sans-serif;cursor:pointer}
.sjm-employee-menu>summary::-webkit-details-marker{display:none}
.sjm-employee-menu>summary:focus-visible{outline:2px solid var(--gold,#ffc126);outline-offset:3px}
.sjm-employee-menu[open]>summary{border-color:var(--gold,#ffc126)}
.sjm-employee-menu-list{position:absolute;top:46px;right:0;z-index:25;display:grid;gap:6px;width:224px;max-width:calc(100vw - 48px);padding:8px;border:1px solid var(--line,#30342f);border-radius:14px;background:var(--panel,#181b19);box-shadow:0 12px 28px #0004}
.sjm-employee-menu-list>button{display:block!important;width:100%;margin:0!important;min-height:42px;text-align:left;white-space:normal}
@media(max-width:560px){
 .app-top,.panel-head{gap:12px;flex-wrap:wrap}
 .app-top>*,.panel-head>*{min-width:0;max-width:100%}
 .ops-list-row>strong{min-width:0;flex-basis:calc(100% - 40px);overflow-wrap:anywhere}
 .ops-toolbar input,.ops-toolbar select{width:100%}
 .sjm-employee-page .topbar{gap:12px;flex-wrap:wrap;padding:14px 16px}
 .sjm-employee-page .brand{min-width:0;gap:10px}
 .sjm-employee-page .brand img{width:58px}
 .sjm-employee-page .brand strong{font-size:.95rem}
 .sjm-employee-page .shell{width:calc(100% - 24px);margin-top:20px}
 .sjm-employee-page .card,.sjm-employee-page .welcome,.sjm-employee-page .score{padding:18px;min-width:0}
 .sjm-employee-page .calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
 .sjm-employee-page .day{min-width:0;font-size:.7rem}
 .sjm-employee-page .day small{font-size:.5rem;overflow-wrap:anywhere}
 .sjm-employee-page .pay-row,.sjm-employee-page .pay-total{flex-wrap:wrap;gap:8px}
 .sjm-employee-page .pay-row strong,.sjm-employee-page .pay-total strong{margin-left:auto;overflow-wrap:anywhere}
 .sjm-employee-page .selfie-actions button{min-width:0;flex-basis:100%}
 .sjm-employee-page .selfie-captures{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sjm-employee-page .score strong{font-size:2.8rem}
}
@media print{.sjm-session-notice,.sjm-action-status{display:none!important}}