/* Employee-only layout: keep the administrator workspace unchanged. */
.employee-mode .mobile-only,.employee-mode .identity{display:none}
.employee-mode .topbar-brand{margin-left:0}
.employee-workspace{max-width:1060px;padding:26px 24px 40px;min-width:0}
.employee-profile{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.employee-profile>div{min-width:0}.employee-profile button{flex-shrink:0}
.employee-company{font-size:12px;color:var(--muted);margin:0 0 4px;overflow-wrap:anywhere}
.employee-profile h1{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:25px;margin:0;overflow-wrap:anywhere}
#employee-account-id{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0}
.employee-overview{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow)}
.employee-batch-row{display:flex;align-items:end;gap:12px;justify-content:space-between}
.employee-batch-row label{max-width:460px;flex:1;min-width:0;font-size:12px;color:var(--muted)}
.employee-batch-row select{font-size:14px;color:var(--ink);font-weight:700}
.employee-batch-row .status-pill{margin-bottom:10px;flex-shrink:0;max-width:45%;white-space:normal}
.employee-total-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:20px 0 14px}
.employee-total-row>div>span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.employee-total-row strong{font-size:30px;font-weight:800;color:var(--accent-deep);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#employee-count{font-size:12px;color:var(--muted);padding-bottom:6px;white-space:nowrap}
.employee-deadline{font-size:13px;line-height:1.7;margin:0;padding:11px 12px;background:#fff7e7;border-radius:9px;color:#79521a;overflow-wrap:anywhere}
.employee-section-heading,.employee-category-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.employee-section-heading h2{font-size:18px;margin:0}.employee-section-heading>span{font-size:12px;color:var(--muted)}
.employee-fee-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:20px}
.fee-tab{display:grid;gap:3px;min-width:0;padding:12px 8px;background:#fff;border:1px solid var(--line);color:#566b60;box-shadow:none}
.fee-tab>span{font-size:13px}.fee-tab small{font-size:11px;font-weight:500;color:var(--muted)}
.fee-tab.active{background:#e6f5ed;border-color:#31835f;box-shadow:inset 0 -2px 0 #31835f;color:#07583d}
.fee-tab.active small{color:#1a6b4c}
.employee-category-heading h3{font-size:16px}.employee-category-heading>span{font-size:13px;font-weight:700;color:var(--accent-deep);font-variant-numeric:tabular-nums}
.employee-mobile-records{display:none}
.employee-confirm-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:22px;position:sticky;bottom:12px;z-index:15;box-shadow:0 -3px 24px #17292309}
.employee-confirm-bar p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}
.employee-confirm-bar button{flex-shrink:0;min-height:44px}
.mobile-fee-card{border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:10px;overflow:hidden}
.mobile-fee-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.8fr);gap:12px;padding:14px}
.mobile-fee-top>div{min-width:0}.mobile-fee-top span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.mobile-fee-contract strong{display:block;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.mobile-fee-top small{display:block;font-size:11px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.mobile-fee-amount{text-align:right}.mobile-fee-amount strong{font-size:19px;color:var(--accent-deep);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mobile-fee-note{font-size:11px;margin:0 14px 10px;color:var(--muted)}
.mobile-fee-expand>summary{cursor:pointer;list-style:none;padding:11px 14px;border-top:1px solid var(--line-soft);font-size:12px;color:#20634e;background:#fafdfb;display:flex;justify-content:space-between}
.mobile-fee-expand>summary::-webkit-details-marker{display:none}.mobile-fee-expand>summary::after{content:"＋";font-weight:700}.mobile-fee-expand[open]>summary::after{content:"－"}
.mobile-fee-detail{padding:12px 14px;border-top:1px solid var(--line-soft)}
.mobile-fee-detail dl{margin:0}.mobile-fee-detail dl>div{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr);gap:10px;padding:5px 0;line-height:1.6;font-size:12px}
.mobile-fee-detail dt{color:var(--muted);overflow-wrap:anywhere}.mobile-fee-detail dd{margin:0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:720px){
  .employee-mode .topbar{height:56px;padding:0 14px;gap:8px}
  .employee-mode .topbar-brand{gap:7px;margin-right:0;min-width:0}
  .employee-mode .topbar-brand .eyebrow{display:none}.employee-mode .topbar-brand strong{font-size:13px}
  .employee-mode .top-actions{gap:2px;flex-shrink:0}.employee-mode .top-actions button{font-size:12px;padding:10px 7px;min-height:40px}
  .employee-workspace{padding:18px 14px calc(150px + env(safe-area-inset-bottom))}
  .employee-profile{margin-bottom:14px}.employee-profile h1{font-size:22px}.employee-profile button{font-size:12px;padding:10px 13px;min-height:40px}
  .employee-overview{padding:15px;border-radius:13px;margin-bottom:22px}
  .employee-batch-row{gap:8px}.employee-batch-row select{font-size:16px;padding:9px 7px}
  .employee-total-row{margin-top:16px;align-items:start;flex-direction:column;gap:3px}.employee-total-row strong{font-size:29px}
  #employee-count{padding:0}.employee-deadline{font-size:12px;padding:10px}
  .employee-section-heading{align-items:start;flex-direction:column;gap:3px}.employee-section-heading h2{font-size:17px}
  .employee-fee-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px}.fee-tab{padding:10px 5px}
  .employee-desktop-records{display:none}.employee-mobile-records{display:block}
  .employee-category-heading{gap:6px}.employee-category-heading h3{font-size:15px}.employee-category-heading>span{font-size:12px}
  .employee-confirm-bar{position:fixed;bottom:0;left:0;right:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));margin:0;display:grid;gap:7px;z-index:35}
  .employee-confirm-bar p{font-size:11px}.employee-confirm-bar button{width:100%;min-height:44px;font-size:14px}
  .employee-mode .toast{bottom:calc(136px + env(safe-area-inset-bottom));left:14px;right:14px;font-size:13px}
  #password-dialog input{font-size:16px}
}
@media(max-width:380px){.employee-mode .brand-mark.small{display:none}.employee-mode .topbar{padding:0 10px}.employee-workspace{padding-left:10px;padding-right:10px}.mobile-fee-top{gap:8px;padding:12px}.mobile-fee-amount strong{font-size:17px}}
@media(max-width:560px){.auth-shell{padding:18px}.auth-card{width:100%;padding:28px 23px}.auth-card h1{font-size:25px}.auth-card input{font-size:16px}}