.employee-main{max-width:1000px;margin:auto;padding:50px 24px;min-height:70vh}.employee-panel{background:white;border:1px solid #dbe7e0;border-radius:12px;padding:30px;margin-bottom:22px}.employee-main h1{font-size:36px;letter-spacing:-1px;margin:18px 0}.employee-main label{display:block;margin:20px 0}.employee-main label>span{display:block;margin-bottom:8px;font-size:14px}.employee-main input:not([type=checkbox]),.employee-main select{width:100%;padding:12px;border:1px solid #b9d2c7;border-radius:7px;font:inherit;background:#fff;max-width:100%}.employee-main input[type=checkbox]{width:20px;height:20px;margin-inline-end:12px;flex-shrink:0}.consent-row{display:flex;align-items:start;gap:8px}.employee-note{font-size:13px;color:#617d70}.employee-main .button{margin-inline-end:10px;margin-top:12px}.employee-status{font-weight:bold;color:#087e6d}.private-code{display:block;overflow-wrap:anywhere;font-family:monospace;font-size:15px;background:#edf5ef;padding:15px;border-radius:7px;direction:ltr;text-align:left;user-select:all}.employee-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.employee-photo{display:block;max-width:200px;max-height:250px;object-fit:contain;border:1px solid #d6e5dd;border-radius:8px;margin-top:20px}.photo-actions{display:flex;flex-wrap:wrap;gap:12px}.photo-input-label{border:1px solid #b9d2c7;padding:12px 18px;border-radius:8px;flex:1;min-width:200px}.employee-error{color:#a13e28;white-space:pre-wrap;overflow-wrap:anywhere}.employee-honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.employee-main dl{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:10px}.employee-main dd{margin:0;overflow-wrap:anywhere}.employee-main dt{color:#5a776b}.application-detail p{white-space:pre-wrap;overflow-wrap:anywhere}.application-detail input,.application-detail textarea,.application-filters select{font:inherit;padding:10px;border:1px solid #bdd1c9;border-radius:7px;max-width:100%}.application-filters{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:24px}.application-detail textarea{display:block;width:100%;min-height:80px}.application-list .panel{padding:22px;margin-bottom:16px}.application-list summary{cursor:pointer;font-size:18px;font-weight:bold}.application-list details[open] summary{margin-bottom:20px}.application-detail .button,.application-detail button{margin-inline-end:12px;margin-top:15px}.application-detail .review-reason{display:block;margin:16px 0}.employee-main button:disabled{opacity:.5;cursor:wait}@media(max-width:650px){.employee-main{padding:30px 18px}.employee-fields{grid-template-columns:1fr;gap:0}.employee-panel{padding:22px}.employee-main h1{font-size:29px}.employee-main dl{grid-template-columns:1fr}.employee-main dd{margin-bottom:12px}}

.photo-input-label{cursor:pointer;position:relative;background:#eef7f1;color:#087e6d;text-align:center}.photo-input-label input[type=file]{position:absolute;width:1px!important;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0!important}.photo-input-label:focus-within{outline:3px solid #28aa80;outline-offset:3px}
.employee-main label.consent-row{display:flex;align-items:flex-start;gap:10px}.employee-main label.consent-row>span{flex:1;line-height:1.7}.employee-main label.consent-row input{margin-top:5px}

.portrait-dialog{box-sizing:border-box;width:min(600px,calc(100% - 24px));max-height:94dvh;overflow:auto;border:1px solid #b9d2c7;border-radius:14px;padding:22px;color:#12343b;background:#fff}.portrait-dialog::backdrop{background:rgba(8,30,35,.72)}.portrait-dialog h2{margin:0 0 10px;font-size:24px}.portrait-dialog p{line-height:1.65}.portrait-stage{position:relative;aspect-ratio:3/4;max-width:330px;margin:16px auto;background:#102b31;border-radius:10px;overflow:hidden}.portrait-stage video,.portrait-stage canvas{width:100%;height:100%;object-fit:cover;display:block}.portrait-stage [hidden],.photo-preview[hidden]{display:none}.portrait-guide{position:absolute;inset:0;pointer-events:none;border:3px solid #a7e4cd;border-radius:10px}.portrait-head{position:absolute;border:2px dashed rgba(255,255,255,.9);border-radius:48%;width:45%;height:43%;top:9%;left:27.5%}.portrait-shoulders{position:absolute;border:2px dashed rgba(255,255,255,.9);border-radius:45% 45% 0 0;width:82%;height:37%;top:57%;left:9%}.portrait-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.portrait-dialog button{font:inherit;cursor:pointer;background:#087e6d;color:white;border:1px solid #087e6d;border-radius:7px;padding:11px 18px}.portrait-dialog button.secondary{background:white;color:#12343b;border-color:#b9d2c7}.portrait-dialog button:disabled{opacity:.5;cursor:wait}.portrait-adjustments{display:grid;gap:10px}.portrait-adjustments label{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;align-items:center;gap:12px}.portrait-adjustments input{width:100%;accent-color:#087e6d}.portrait-status{min-height:1.5em;color:#526e69}.photo-actions>button.photo-input-label{font:inherit;margin:20px 0}.photo-actions>label{display:flex;align-items:center;justify-content:center}.photo-actions>label>span{margin:0}.portrait-dialog :focus-visible{outline:3px solid #28aa80;outline-offset:3px}

.payroll-panel article{margin-block:18px;padding:22px}.payroll-panel p{overflow-wrap:anywhere}.payroll-panel fieldset{min-width:0;border:1px solid #dbe7e0;border-radius:8px;padding:14px}.payroll-panel input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.payroll-panel label.consent-row{display:flex;align-items:flex-start}.payroll-panel .consent-row span{flex:1}.payroll-panel details{margin-block:16px}.payroll-panel form{margin-block:20px}

.subadmin-panel{margin-block:18px}.subadmin-panel fieldset{min-width:0;border:1px solid #dbe7e0;border-radius:8px}.subadmin-panel .consent-row{display:flex;align-items:center;gap:10px;margin:10px 0}.subadmin-panel input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.subadmin-panel summary{cursor:pointer}

.country-picker{position:relative;width:100%;margin-top:8px}.country-picker .country-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;margin:0!important;padding:12px 14px;border:1px solid #b9d2c7;border-radius:8px;background:#fff;color:#12343b;font:inherit;text-align:start;cursor:pointer}.country-placeholder{color:#617d70!important}.country-trigger:focus-visible,.country-picker input:focus-visible{outline:3px solid #28aa8055;outline-offset:2px}.country-trigger[aria-invalid=true]{border-color:#b53f2c}.country-popup{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:50;padding:10px;background:white;border:1px solid #b9d2c7;border-radius:10px;box-shadow:0 10px 28px #12343b24}.country-popup[hidden]{display:none!important}.country-picker input{box-sizing:border-box;width:100%;margin:0 0 8px;padding:10px 12px!important;border:1px solid #b9d2c7;border-radius:7px;font:inherit;background:#f6faf8}.country-options{max-height:min(260px,40dvh);overflow-y:auto;overscroll-behavior:contain}.country-picker .country-option{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:42px;padding:10px 12px;margin:0!important;border:0;border-radius:6px;background:white;color:#12343b;font:inherit;text-align:start;cursor:pointer}.country-option small{direction:ltr;color:#617d70;font-size:12px}.country-picker .country-option:hover,.country-picker .country-active{background:#edf7f1}.country-picker .country-option[aria-selected=true]{color:#087e6d;font-weight:600}.country-status{margin:12px;font-size:14px;color:#617d70}

.delivery-panel fieldset{min-width:0;margin:18px 0;padding:18px;border:1px solid #dbe7e0;border-radius:10px}.delivery-panel fieldset[hidden]{display:none}.delivery-panel input,.delivery-panel select{box-sizing:border-box}.delivery-panel input[type=date]{min-height:44px}.delivery-label{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;background:#f2f7f4;padding:16px;border-radius:8px}.delivery-panel fieldset>button{margin-inline-end:10px;margin-block:8px}.delivery-panel h2{font-size:23px}

.whatsapp-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1.4fr);gap:12px;align-items:center}.whatsapp-row select,.whatsapp-row input:not([type=hidden]){width:100%;min-width:0;margin:0}.whatsapp-row input[type=hidden]{display:none!important}@media(max-width:480px){.whatsapp-row{grid-template-columns:1fr;gap:8px}}

.application-current-status{padding:16px 20px;margin:16px 0;background:#eef5f4;border-inline-start:4px solid #087e6d;border-radius:5px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.application-current-status span{font-size:13px}.application-current-status strong{font-size:18px}.application-current-status[data-status=rejected]{background:#fcf0ed;border-color:#b45940}.application-current-status[data-status=pending]{background:#fff8e8;border-color:#b68a30}.application-review-history{margin-block:22px;padding:15px 18px;border:1px solid #d8e3df;border-radius:6px}.application-review-history summary{font-weight:bold;cursor:pointer}.application-review-history article{padding-block:16px;border-bottom:1px solid #e3ebe7}.application-review-history article:last-child{border-bottom:0}.application-review-history time{display:block;font-size:12px;color:#647873;margin-bottom:6px}.application-review-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}

.panel.photo-upload-setting{display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px solid #ded4c2;border-inline-start:4px solid #b39057;background:#fffcf6;margin-bottom:24px;min-height:0}.photo-setting-icon{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;background:#eee3ce;border-radius:12px;color:#8b672f;font-size:32px}.photo-setting-copy{flex:1;min-width:0}.photo-setting-copy h3{margin:0 0 7px;font-size:18px;color:#332b20;line-height:1.4}.photo-setting-state{display:inline-block;padding:2px 10px;border-radius:20px;background:#e9e7e2;color:#6d665c;font-size:12px;font-weight:bold}.photo-upload-setting[data-enabled=true] .photo-setting-state{background:#e6f0e9;color:#2e6442}.photo-setting-copy .photo-setting-camera{margin:8px 0 0;font-size:13px;color:#7c705f}.photo-upload-setting .photo-setting-toggle{display:flex;align-items:center;gap:10px;width:auto;min-width:130px;justify-content:center;align-self:center;flex-shrink:0;border:1px solid #d5c5a8;border-radius:8px;background:white;color:#66543a;padding:12px 16px;font-size:14px;cursor:pointer}.photo-setting-track{position:relative;display:block;width:38px;height:22px;border-radius:20px;background:#aaa69e;flex-shrink:0}.photo-setting-track:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.photo-upload-setting[data-enabled=true] .photo-setting-track{background:#b39057}.photo-upload-setting[data-enabled=true] .photo-setting-track:after{left:19px}.photo-setting-toggle:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.panel.photo-upload-setting{padding:20px;gap:14px;flex-wrap:wrap}.photo-setting-copy h3{font-size:17px}.photo-upload-setting .photo-setting-toggle{margin-inline-start:66px;min-height:44px}}

.permission-picker{border:1px solid #d8e1dd;border-radius:8px;padding:14px 18px;margin-block:20px}.permission-picker>summary{font-weight:700;font-size:15px;cursor:pointer;color:#30504a;min-height:30px}.permission-group{margin-top:12px;padding:12px 14px;border:1px solid #e1e7e3;background:#f8faf8;border-radius:6px}.permission-group>summary{font-size:14px;font-weight:600;cursor:pointer}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding-top:12px}.subadmin-panel .permission-grid label{display:flex;align-items:center;gap:10px;margin:5px 0;min-height:38px;font-size:14px}.subadmin-panel .permission-grid input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0}.subadmin-panel .permission-grid label span{margin:0}.subadmin-create>summary{font-weight:700;font-size:17px;cursor:pointer}.subadmin-create>form.panel{border:0;padding:18px 0 0;margin-bottom:0;box-shadow:none}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}.permission-picker{padding:12px}.permission-group{padding:12px}}

.admin-site #content>.panel,.admin-site #content details.panel{border-radius:10px}.admin-site .application-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-block:8px;margin-bottom:16px}.admin-site .application-filters form{display:flex;gap:8px;align-items:center;flex:1 1 240px;max-width:430px;margin:0}.admin-site .application-filters form input{flex:1;min-width:100px;margin:0}.admin-site .application-filters form button{width:auto;white-space:nowrap;margin:0}.admin-site .application-filters>label{display:flex;align-items:center;gap:8px;margin:0}.admin-site .application-filters>label input[type=checkbox]{width:18px;height:18px;margin:0}.admin-site details.panel>summary{cursor:pointer;min-height:30px;line-height:1.6}.admin-site .payroll-employee-record>summary{display:list-item;font-size:15px;padding-block:4px}.admin-site .payroll-employee-record>summary span:first-child{font-weight:700;margin-inline-end:18px}.admin-site .payroll-employee-record>summary strong{white-space:nowrap;margin-inline-end:16px;color:#087e6d}.admin-site .payroll-employee-record>summary span:last-child{font-size:12px;background:#edf3f0;color:#5b736a;border-radius:20px;padding:4px 10px;display:inline-block}.admin-site .payroll-employee-record[open]>summary{border-bottom:1px solid #dce6e0;padding-bottom:16px;margin-bottom:20px}.admin-site .notice-compose>summary{font-size:17px;font-weight:700}.admin-site .translation-group{margin-bottom:10px}.admin-site .translation-group>summary{cursor:pointer;padding-block:8px}.admin-site button{min-height:42px}.admin-site input:not([type=checkbox]),.admin-site select{min-height:42px}@media(max-width:600px){.admin-site .panel{padding:20px}.admin-site .application-filters>select{flex:1 1 140px;max-width:100%}.admin-site .application-filters form{max-width:none;flex-basis:100%}.admin-site .payroll-employee-record>summary span:first-child{display:block;margin-bottom:8px;overflow-wrap:anywhere}.admin-site .payroll-employee-record>summary strong{font-size:18px}.admin-site #tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;padding-bottom:8px}.admin-site #tabs button{white-space:nowrap;flex-shrink:0}}

.admin-site .access-account{padding:22px 26px;margin-bottom:14px}.access-account>summary{font-size:15px}.access-account summary strong{margin-inline-end:20px}.access-status,.access-count{display:inline-block;font-size:12px;padding:3px 10px;margin-inline-end:10px;border-radius:16px;background:#edf4f1;color:#47695c}.access-count{background:#f3eee4;color:#80683e}.access-account[open]>summary{padding-bottom:16px;border-bottom:1px solid #e1e8e4}.access-account>p{font-size:13px;color:#6a7d75}.access-permission-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;padding-inline-start:20px;font-size:14px}.access-permission-list li{padding:6px}@media(max-width:700px){.access-permission-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.access-permission-list{grid-template-columns:1fr}.access-account summary strong{display:block;margin-bottom:8px}}

/* Read-only audit timeline and compact filters. */
.admin-site .audit-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.admin-site .audit-filters label{margin:0}
.admin-site .audit-day h3{margin-top:0;font-size:17px}
.admin-site .audit-record{border-top:1px solid #dce7e5;padding:14px 0;overflow-wrap:anywhere}
.admin-site .audit-record summary{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(100px,.5fr);gap:14px;align-items:center;cursor:pointer}
.admin-site .audit-record summary time{font-variant-numeric:tabular-nums;color:#59717a}
.admin-site .audit-record p{font-size:13px}
@media(max-width:650px){.admin-site .audit-filters{grid-template-columns:1fr 1fr}.admin-site .audit-record summary{grid-template-columns:80px 1fr}.admin-site .audit-record summary span{grid-column:2}}
@media(max-width:420px){.admin-site .audit-filters{grid-template-columns:1fr}}

.admin-site .manual-card-panel>summary{font-size:18px;font-weight:700;cursor:pointer}
.admin-site .manual-card-panel>p{line-height:1.7;max-width:76ch}
.admin-site .manual-card-panel form{max-width:720px;margin-top:20px}
.admin-site .manual-card-panel .employee-photo{display:block;margin:16px 0}
.admin-site .manual-card-panel [hidden]{display:none!important}
.admin-site .manual-card-panel>section>button,.admin-site .manual-card-panel>section>a{margin:10px 10px 10px 0}

.admin-site .duplicate-check{margin:20px 0;padding:18px;border:1px solid #d6e3df;border-radius:10px;background:#f6faf8;overflow-wrap:anywhere}
.admin-site .duplicate-check[data-flagged=true]{border-color:#c39a46;background:#fff8e8}
.admin-site .duplicate-check h3{margin-top:0;font-size:17px}
.admin-site .duplicate-check p{font-size:14px;line-height:1.6}
.admin-site .duplicate-record{margin:12px 0;padding:12px;background:white;border-radius:7px}
.admin-site .duplicate-record summary{cursor:pointer;font-weight:600}
.admin-site .duplicate-check .consent-row{display:flex;gap:10px;align-items:center;margin-top:16px}
.admin-site .duplicate-check input[type=checkbox]{width:20px;height:20px;flex-shrink:0}

.admin-site .application-groups{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.admin-site .application-groups button{margin:0;min-height:44px;padding:10px 16px}
.admin-site .application-groups button.active{background:#087e6d;color:#fff;border-color:#087e6d;font-weight:700}
@media(max-width:520px){.admin-site .application-groups{display:grid;grid-template-columns:1fr 1fr}.admin-site .application-groups button{text-align:center;width:100%}}
.admin-site .employee-cpf-field[hidden]{display:none!important}.admin-site .employee-cpf-field small{display:block;margin:7px 0;line-height:1.6}

.portrait-guide{border-color:#c99a45}.portrait-guide.is-ready{border-color:#16814a;box-shadow:inset 0 0 0 2px #16814a}.portrait-guide.is-ready .portrait-head,.portrait-guide.is-ready .portrait-shoulders{border-color:#50e18a}

.application-review-history a{color:#006b60;text-decoration:underline;text-underline-offset:2px}

.admin-site .application-country-filter{flex:0 1 235px;min-width:min(185px,100%);max-width:100%}
.admin-site .application-country-filter .country-picker{margin-top:0}
.admin-site .application-country-filter .country-trigger{min-height:42px;padding:8px 12px}

.application-guidance{padding:18px;margin-block:16px;border:2px solid #b39057;border-radius:10px;background:#fff9ed}.application-guidance strong{display:block;font-size:1.1rem}.application-guidance .button{display:inline-block;margin-top:8px}

.whatsapp-binding-command code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all;padding:12px;border:1px solid currentColor;border-radius:6px}

/* V10.2 portrait framing guidance */
.portrait-clothing-notice{margin:10px 0;padding:11px 13px;border:1px solid #e7c77b;border-radius:9px;background:#fff8e8;color:#674b12;font-weight:600;line-height:1.55}
.portrait-head,.portrait-shoulders{border-color:#fff;border-width:2px;box-shadow:0 0 0 1px rgba(0,0,0,.18);background:rgba(13,45,52,.035)}
.portrait-frame-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 8px;border-radius:20px;background:#087e6d;color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em}
.portrait-shoulders .portrait-frame-label{top:auto;bottom:-13px}
html[dir=rtl] .portrait-frame-label{left:50%;right:auto}
@media(max-width:520px){.portrait-stage{width:min(100%,330px);margin:12px auto}.portrait-clothing-notice{font-size:14px}.portrait-frame-label{font-size:10px}}

/* V10.3 employee login refinements; legacy customer access remains enabled */
.employee-login-page{width:min(100% - 28px,560px);margin:clamp(20px,5vh,56px) auto;padding-bottom:28px}
.employee-login-page>h1{font-size:clamp(25px,5vw,34px);line-height:1.2;margin:0 0 18px}
.employee-login-page .employee-panel{padding:clamp(18px,4vw,28px);border:1px solid #dce5e9;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(20,48,65,.06)}
.employee-login-page .employee-panel label{display:block;margin:0 0 16px}
.employee-login-page .employee-panel input{width:100%;min-height:52px;border:1px solid #cbd6dc;border-radius:11px;padding:12px 14px;font:inherit}
.employee-login-page .employee-panel button.button,.employee-login-page .employee-panel a.button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-weight:700}
.password-reveal{margin-top:8px;min-height:36px;border:0;background:transparent;color:#087e6d;font-weight:700;cursor:pointer}
.legacy-login-panel{margin-top:20px}
.legacy-login-panel summary{cursor:pointer;color:#087e6d;font-weight:700;padding:4px 0}
.legacy-login-help{color:#52636d;line-height:1.55;font-size:.94rem}
.employee-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#087e6d;text-decoration:none;font-weight:700}
@media(max-width:520px){.employee-login-page{width:calc(100% - 28px);margin:18px auto}.employee-login-page .employee-panel{padding:18px;border-radius:16px}.employee-login-page .employee-panel input{font-size:16px}.employee-login-page .employee-panel button.button,.employee-login-page .employee-panel a.button{min-height:54px}}
