/* Account surfaces extend the existing pine-green WMS workspace. */
::selection{background:#c5e2d2;color:#143e32}
input,textarea{caret-color:#176b50}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.auth-layout{padding:0;max-width:none;min-height:100svh;display:grid;grid-template-columns:minmax(360px,44%) minmax(420px,1fr);background:#fff}
.auth-identity{background:#143e32;color:#f3f8f4;display:flex;flex-direction:column;padding:42px 48px;min-height:680px}
.auth-identity .brand-logo{width:240px}.auth-identity .brand{padding:0;justify-content:flex-start;width:fit-content;gap:13px}
.auth-intro{margin:auto 0;max-width:480px;padding:90px 0}
.auth-intro h1{font-size:clamp(34px,3.4vw,54px);line-height:1.45;letter-spacing:-.02em;font-weight:600;color:#f4f8f4;margin:0 0 25px}
.auth-intro p{font-size:16px;line-height:1.9;color:#c1d6c9;max-width:34ch;margin:0}
.auth-operation{display:flex;align-items:center;gap:18px;margin-top:55px;color:#d4e7da;font-size:12px}
.auth-operation span{display:flex;align-items:center;gap:8px}
.auth-operation>svg{width:15px;color:#92b8a2}
.auth-operation span .icon{width:20px;height:20px}
.auth-identity-note{font-size:12px;color:#b5d0c0;line-height:1.8;margin:0}
.auth-form-region{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 40px 28px;min-width:0}
.auth-form-wrap{width:100%;max-width:390px;margin:auto 0}
.auth-form-wrap h2{font-size:27px;line-height:1.4;letter-spacing:-.015em;color:#24352e;font-weight:600;margin:0 0 12px}
.auth-description{font-size:14px;line-height:1.8;color:#65736d;margin:0 0 34px}
.auth-form .field{margin-bottom:22px;font-size:13px;line-height:1.5}
.auth-form .field input{height:48px;font-size:14px;margin-top:9px;padding:12px 13px;width:100%;border:1px solid #d5ded7;border-radius:7px;background:#fff}
.password-field{position:relative;display:block}
.password-field input{padding-right:48px!important}
.password-field>button{position:absolute;right:2px;top:11px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#65736d;border-radius:5px}
.password-field>button:hover{color:#176b50;background:#eff5ef}
.password-field .icon{width:18px;height:18px}
.auth-submit{width:100%;min-height:48px;font-size:14px;margin-top:4px;justify-content:space-between;padding:12px 17px}
.auth-form .auth-submit:disabled{opacity:.65;cursor:wait}
.auth-session-note{font-size:11px;color:#65736d;display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;line-height:1.8;flex-wrap:wrap}
.auth-session-note .icon{width:14px;height:14px}
.auth-support{font-size:12px;line-height:1.9;color:#65736d;margin:32px 0 0;padding-top:24px;border-top:1px solid #e4e9e3;max-width:54ch}
.auth-error,#user-form>.form-error,#password-form>.form-error,#reset-account-form>.form-error{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;color:#963c32;background:#fbf4f2;padding:11px 13px;border:1px solid #ead6d0;border-radius:7px;margin:0 0 20px}
.auth-error>.icon,.form-error>.icon{width:16px;height:16px;margin-top:3px}
.field-hint{display:block;margin-top:7px;font-size:12px;line-height:1.7;font-weight:400;color:#65736d}
.field-feedback{display:flex;align-items:flex-start;gap:6px;margin-top:7px;font-size:12px;line-height:1.7;font-weight:400;color:#963c32}
#user-form .field-hint,#user-form .field-feedback{margin-top:0}
.field.has-error .field-hint{display:none}
.field-feedback>.icon{width:15px;height:15px;margin-top:2px}
.field-feedback[hidden],#user-form>.form-error[hidden],#password-form>.form-error[hidden],#reset-account-form>.form-error[hidden]{display:none}
.field.has-error input,.field.has-error select{border-color:#bb685c;background:#fffaf8}
.field.has-error input:focus-visible,.field.has-error select:focus-visible{outline:2px solid #bb685c;outline-offset:2px}
.warehouse-grants.has-error legend{color:#963c32}
.auth-error[hidden]{display:none}
.auth-footer{width:100%;max-width:390px;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#65736d;margin-top:65px;line-height:1.8}
.activation-account{display:flex;align-items:center;gap:12px;padding-bottom:26px}
.activation-account .avatar{background:#e6f1e9;color:#176b50;width:44px;height:44px;font-size:18px}
.activation-account strong,.activation-account span:not(.avatar){display:block}
.activation-account strong{font-size:15px;margin-bottom:5px}
.activation-account div span{font-size:12px;color:#65736d}
.startup-error{max-width:600px;padding:80px 24px}
.startup-error h1{font-size:26px}.startup-error p{line-height:1.9;margin:20px 0}.startup-error .btn{margin-right:10px}
.account-filters{padding-top:20px}.account-filters>.btn{margin-left:auto}
.account-table{min-width:1050px}.account-table th:first-child,.account-table td:first-child{padding-left:22px}
.account-person{display:flex;align-items:center;gap:12px;min-width:180px}
.account-avatar{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#35674d;background:#edf3ec;font-size:14px;flex-shrink:0}
.account-person strong{font-weight:550;font-size:13px;display:block;margin-bottom:5px}
.account-person .subtext{display:block;margin:0;font-size:11px}
.self-tag{display:inline-block;font-weight:400;margin-left:8px;font-size:10px;color:#176b50;background:#edf4ec;padding:1px 5px;border-radius:3px}
.account-warehouses{display:block;max-width:230px;white-space:normal;font-size:12px;line-height:1.8}
.account-row-actions{display:flex;align-items:center;gap:7px}.account-row-actions .btn:disabled{opacity:.5;cursor:not-allowed}
.account-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;color:#65736d;margin:19px 0}.account-note .icon{width:15px;height:15px;flex-shrink:0;margin-top:3px}
.roles-intro{padding:22px 24px}.roles-intro p{font-size:13px;line-height:1.9;color:#65736d;margin:0 0 4px}
.role-matrix{min-width:680px}.role-matrix td,.role-matrix th{text-align:center;height:48px;padding:12px 18px}.role-matrix th:first-child{text-align:left;padding-left:24px}.role-matrix tbody th{background:#fff;border-top:0;font-size:12px;color:#354238}.permission-yes{display:inline-flex;color:#176b50;justify-content:center}.permission-yes .icon{width:17px;height:17px}
.role-explanations{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.role-explanations p{font-size:12px;line-height:1.8;color:#65736d;margin:0}.role-explanations strong{font-size:12px;display:block;color:#354238;margin-bottom:3px;font-weight:550}
.warehouse-grants{padding:0;border:0;margin:25px 0}.warehouse-grants legend{font-size:12px;font-weight:500;margin-bottom:13px}.warehouse-grants .checkbox-label{margin-bottom:11px}.warehouse-grants .field-help{margin-top:13px}
.security-loading{padding:65px 25px;font-size:13px;color:#65736d;text-align:center}
.security-personal{display:grid;grid-template-columns:minmax(300px,460px) minmax(340px,1fr);gap:24px;align-items:start}.personal-content{padding:0 24px 26px}.personal-content>.field-help{margin:16px 0 27px}.personal-content .profile-detail{margin-top:0}.personal-content .profile-detail h3{font-size:17px}.personal-content .avatar{background:#e7f1e8;color:#176b50}.personal-content .field input{min-height:43px}.personal-content .field-help{line-height:1.9}.personal-content #password-form>.btn{min-height:41px;margin-top:6px}
.sessions-help{padding:0 24px;font-size:12px;color:#65736d;line-height:1.8;margin:0 0 8px;max-width:70ch}
.session-list{padding:0 24px 12px}.session-row{display:flex;align-items:flex-start;gap:12px;padding:22px 0;border-bottom:1px solid #e5eae3}.session-row:last-child{border:0}.session-device{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f0f4ef;border-radius:6px;color:#54705e;flex-shrink:0}.session-device .icon{width:18px;height:18px}.session-row>div{flex:1;min-width:0}.session-row strong{font-size:13px;line-height:1.8;font-weight:550;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.session-row p{font-size:12px;color:#65736d;line-height:1.8;margin:6px 0 3px;overflow-wrap:anywhere}.session-row small{font-size:11px;color:#65736d;line-height:1.8}.session-row>.btn{margin-top:2px}
.audit-table{min-width:850px}.audit-table th:first-child,.audit-table td:first-child{padding-left:24px}.audit-detail{max-width:460px;white-space:normal;overflow-wrap:anywhere;line-height:1.8}.audit-detail>.code{font-size:11px}.audit-detail small{display:block;font-size:11px;color:#65736d;white-space:normal;max-width:65ch;margin-top:4px}.audit-pagination{display:flex;justify-content:center;padding:18px}
.invitation-summary{display:flex;gap:13px;align-items:flex-start;margin-bottom:28px}.invitation-summary>.icon{color:#176b50;width:26px;height:26px;flex-shrink:0}.invitation-summary h3{margin:0 0 8px}.invitation-summary p{font-size:13px;color:#65736d}.invitation-summary+label textarea{font-size:12px;overflow-wrap:anywhere;line-height:1.8;resize:none}.security-admin-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin:25px 0}.btn:disabled{cursor:not-allowed;opacity:.55}.field input[readonly]{background:#f5f7f3;color:#65736d}
@media(min-width:1440px){.auth-identity{padding:48px 70px}.auth-form-wrap{max-width:410px}.auth-footer{max-width:410px}}
@media(max-width:1050px){.security-personal{grid-template-columns:1fr}.personal-password{max-width:none}.personal-content form{max-width:500px}.auth-layout{grid-template-columns:minmax(300px,40%) minmax(380px,1fr)}.auth-identity{padding:32px}.auth-intro h1{font-size:35px}.auth-operation{gap:10px}.auth-operation span{gap:5px}}
@media(max-width:760px){.auth-layout{display:block;min-height:100svh}.auth-identity{min-height:0;padding:24px}.auth-identity .brand{font-size:22px}.auth-intro{padding:34px 0 24px}.auth-intro h1{font-size:29px;margin:0}.auth-intro h1 br{display:none}.auth-intro p,.auth-operation,.auth-identity-note{display:none}.auth-form-region{padding:35px 24px 22px;align-items:stretch}.auth-form-wrap{max-width:480px;margin:0 auto}.auth-form-wrap h2{font-size:24px}.auth-description{font-size:13px;margin-bottom:26px}.auth-form .field input{font-size:16px;min-height:48px}.auth-support{margin-top:28px}.auth-footer{max-width:480px;margin:40px auto 0;font-size:11px}.account-panel>.tabbar{gap:23px}.account-panel>.tabbar .tab-aside{font-size:10px}.account-filters{flex-wrap:wrap}.account-filters .search-input{min-width:calc(100% - 2px);max-width:none}.account-filters>.btn{min-height:38px}.account-table{min-width:960px}.account-note{font-size:11px}.account-row-actions .btn{min-height:36px}.roles-intro{padding:18px 16px}.roles-intro p{font-size:12px}.role-explanations{grid-template-columns:1fr;padding:20px 16px}.security-personal{gap:20px}.personal-content{padding:0 17px 22px}.personal-content .field input{font-size:16px;min-height:46px}.personal-content #password-form>.btn{min-height:44px}.sessions-help{padding:0 17px}.session-list{padding:0 17px 8px}.session-row{gap:9px}.session-row .badge{font-size:9px}.session-row strong{font-size:12px}.session-row p{font-size:11px}.session-row>.btn{min-height:38px}.security-admin-actions .btn{min-height:44px}.warehouse-grants .checkbox-label{font-size:13px;align-items:center}.warehouse-grants input{min-width:20px}.auth-session-note{font-size:10px}.startup-error{padding:50px 24px}}

/* Warehouse and location maintenance uses the existing workspace and drawer forms. */
.catalog-intro{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 18px}
.catalog-code{font-size:12px;color:var(--muted);padding:0 22px 16px;line-height:1.8}
.catalog-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.catalog-card-actions .btn{min-height:36px}.catalog-card-actions .btn:last-child{margin-left:auto}
.catalog-list-description{font-size:13px;color:var(--muted);margin:0 0 20px}.catalog-location-table{max-height:520px}.catalog-location-table table{min-width:690px}.catalog-row-actions{display:flex;gap:7px;white-space:nowrap}.catalog-location-table .subtext{max-width:220px;overflow-wrap:anywhere}
.catalog-form .field>label{font-size:13px}.catalog-form .field input[readonly]{background:#f4f6f4;color:#65736d}.catalog-form .field-hint,.catalog-form .field-feedback{margin-top:0}.catalog-form>.field-help{margin:10px 0 20px;line-height:1.9}
.catalog-form>.form-error{display:flex;align-items:flex-start;gap:8px;background:#fbf4f2;color:#963c32;border:1px solid #ead6d0;border-radius:7px;padding:11px 13px;font-size:13px;line-height:1.7}.catalog-form>.form-error[hidden]{display:none}
@media(max-width:760px){.catalog-card-actions .btn{min-height:42px}.catalog-form input,.catalog-form select,.catalog-form textarea{font-size:16px;min-height:44px}.catalog-code{padding-left:16px;padding-right:16px}.catalog-row-actions .btn{min-height:40px}.catalog-form .field-row{grid-template-columns:1fr}.catalog-location-table{max-height:none}}

.drawer.catalog-drawer{width:min(880px,100vw)}.warehouse-card .warehouse-title{min-width:0}.warehouse-card .warehouse-title h2{overflow-wrap:anywhere}.warehouse-card .section-heading>.badge{flex-shrink:0}.warehouse-address span{min-width:0;overflow-wrap:anywhere}.catalog-code{overflow-wrap:anywhere}.catalog-location-table td:nth-child(2){max-width:230px;overflow-wrap:anywhere}