/* Browser adapter. Original materials, icons and geometry remain in native/*.css. */
:root{--rpx:clamp(.4267px,.133333vw,.64px);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#e7edf5}button,input,select{font:inherit}button{cursor:pointer;border:0;line-height:1.4}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #126dde;outline-offset:3px}img{object-fit:contain;max-width:100%}h1,h2,p{margin:0}button::after{pointer-events:none}[hidden]{display:none!important}.web-shell{max-width:480px;min-height:100vh;margin:auto;background:#f4f7fb;box-shadow:0 0 35px #183f7017}.brand-header{min-height:106px;padding-top:26px}.brand-copy{padding-right:12px}.web-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#e5f0ff}.web-test-tag{color:#155cb7;font-size:12px;font-weight:700}.web-tools select{width:120px}.web-banner{padding:8px 16px;font-size:11px;line-height:1.5;color:#775420;background:#fff6df}#message{white-space:pre-line;font-size:13px;line-height:1.5;color:#a53025;padding:0 16px}#message:not(:empty){padding:12px 16px;border-bottom:1px solid #f0c7c3;background:#fff4f1}.web-auth{padding:24px;margin:24px 18px}.web-auth h1{font-size:24px}.web-muted{font-size:13px;color:#697789;line-height:1.7;margin:12px 0 20px}.web-auth form{display:grid;gap:17px}.web-auth label{display:grid;gap:7px;font-size:14px}input,select{color:#17243a;background:#fff;border:1px solid #bed0e6;border-radius:8px;padding:10px;min-height:42px;max-width:100%}.web-primary,.web-secondary{padding:10px 13px;border-radius:9px;font-weight:700;font-size:13px;min-height:42px}.web-primary{color:#fff;background:#1677ef}.web-secondary{color:#175faf;background:#e8f2ff;border:1px solid #cbdef5}.web-primary:disabled,.web-secondary:disabled{opacity:.5}.web-nav{display:flex;gap:5px;flex-wrap:wrap;padding:12px 14px 4px}.web-nav button{flex:1;padding:8px 5px;font-size:11px}.web-nav button[aria-current="page"]{background:#1677ef;color:#fff}.web-globe{position:relative;flex:none;width:calc(112 * var(--rpx));height:calc(112 * var(--rpx));display:block}.web-globe img{width:100%;height:100%}.web-globe select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.web-globe:focus-within{outline:3px solid #126dde;border-radius:50%}.profile-status-card{height:auto;min-height:calc(164 * var(--rpx))}.profile-avatar-placeholder{font-size:23px}.web-pending{font-size:11px;color:#8a692b;margin-top:5px}.web-note{font-size:12px;line-height:1.6;color:#6e7f94;margin:10px 3px}.attendance-scan-card{margin-bottom:0}.attendance-scan-button:disabled{filter:saturate(.35);opacity:.65}.home-overview .home-metric{background:transparent;border:0;padding:0;display:flex;flex-direction:column;font-family:inherit;cursor:pointer;min-width:0}.home-overview .home-metric:disabled{opacity:.5}.home-overview .metric-label{white-space:normal;line-height:1.25}.home-overview .metric-link{white-space:normal}.home-overview{height:auto;min-height:calc(190 * var(--rpx));padding-block:14px;gap:3px}.home-overview .metric-value{font-size:clamp(12px,3.25vw,15px)}.task-grid{grid-auto-rows:auto!important}.web-task-cell{position:relative;min-width:0;background:#fff}.web-task-cell>.task-button{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:inherit;cursor:pointer}.web-task-cell>.task-button:disabled{cursor:not-allowed}.task-button .task-label{white-space:normal;overflow-wrap:anywhere}.task-button .task-running-label{max-width:95%;white-space:normal;line-height:1.1;font-size:10px}.picking-variant-overlay{z-index:12}.picking-variant-choice{width:94%;line-height:1.3;min-height:40px;cursor:pointer}.web-sort-actions{display:flex;align-items:center;justify-content:center;gap:3px;padding:4px}.web-sort-actions button{min-width:32px;min-height:32px;padding:4px;background:#e8f2ff;color:#165faf;border-radius:7px}.web-sort-actions button:disabled{opacity:.3}.sort-toggle,.reset-sort-button{background:transparent;padding:8px 4px;min-height:36px}.web-running{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #dce7f3;padding-top:13px;font-size:13px;color:#087651}.web-running strong{margin-left:auto}.web-running button{font-size:11px}.hidden-task-chip{border:0;background:#edf4ff;min-height:36px}.utility-actions .utility-button:disabled{filter:saturate(.55);opacity:.75;cursor:not-allowed}.utility-actions .utility-title{white-space:normal!important;line-height:1.2!important}.utility-actions .utility-subtitle{display:block!important;font-size:10px!important}.hours-page,.notice-page,.duty-page{min-height:0}.hours-card-header{gap:10px;flex-wrap:wrap}.hours-card-title{font-size:18px}.hours-picker{font-size:13px;min-height:40px;max-width:100%}.hours-total{gap:10px}.hours-meta{margin-top:8px}.hours-task-row{gap:12px;padding:10px 0;font-size:13px}.hours-task-time{flex:none}.web-attendance-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e6edf5;font-size:12px;line-height:1.6;white-space:pre-line}.notice-content{overflow-wrap:anywhere}.duty-duration{font-size:12px}.duty-task{overflow-wrap:anywhere;white-space:normal}.duty-role{white-space:normal}footer{text-align:center;padding:24px 18px;font-size:11px;color:#8190a2;line-height:1.6}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:350px){.home-overview .metric-value{font-size:11px}.profile-warehouse-row{white-space:normal}.hours-total-value{font-size:22px}}

#requests { scroll-margin-top:16px; }
.application-review { padding:18px 0; border-bottom:1px solid #dce7f3; }
.application-review > p { white-space:pre-wrap; overflow-wrap:anywhere; color:#52677f; }
dialog { box-sizing:border-box; width:min(90vw,420px); max-height:85vh; overflow:auto; border:1px solid #dce7f3; border-radius:16px; padding:20px; color:#17243a; background:#fff; }
dialog::backdrop { background:#14243b66; }
dialog p { white-space:pre-wrap; line-height:1.7; }
dialog button { margin:8px 0; }
#register-link { display:block; margin-top:20px; color:#126de1; font-weight:600; }