.employee-management-page { width:100%; min-width:0; color:#263b43; letter-spacing:0; }
.employee-management-page table { min-width:0; }
.employee-management-page th, .employee-management-page td { white-space:normal; }
.employee-field th, .employee-field td { border:0; background:transparent; }
.employee-search { display:flex; flex-wrap:wrap; gap:12px 22px; padding:12px 0; border-bottom:1px solid #c9d5da; }
.employee-module-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:10px; }
.employee-search label { display:flex; align-items:center; gap:8px; font-size:13px; }
.employee-search input, .employee-search select { height:32px; width:170px; border:1px solid #aebfc6; background:#fff; padding:4px 8px; }
.employee-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); gap:16px; padding-top:14px; align-items:start; }
.employee-master { border:1px solid #c9d5da; min-width:0; }
.employee-master > header { display:flex; align-items:center; justify-content:space-between; min-height:40px; padding:8px 12px; background:#edf3f5; border-bottom:1px solid #c9d5da; }
.employee-master > header span { font-size:12px; color:#5a6c73; }
.employee-list-scroll { max-height:calc(100vh - 350px); min-height:240px; overflow:auto; }
.employee-master table { width:100%; table-layout:fixed; border-collapse:collapse; }
.employee-master th, .employee-master td { height:34px; border-bottom:1px solid #dde5e8; padding:5px 10px; text-align:left; font-size:13px; overflow-wrap:anywhere; }
.employee-master th { position:sticky; top:0; background:#f7f9fa; font-weight:600; }
.employee-master tr { cursor:pointer; }
.employee-master tr.selected { background:#e2f0f2; box-shadow:inset 3px 0 #138195; }
.employee-master td button { display:block; text-align:left; border:0; background:transparent; padding:0; font:inherit; color:inherit; width:100%; cursor:pointer; }
.employee-detail { min-width:0; border-left:1px solid #c9d5da; border-right:1px solid #c9d5da; }
.employee-tabs { display:flex; background:#edf3f5; border-top:3px solid #147e8e; border-bottom:0; margin-bottom:8px; }
.employee-tabs button { background:transparent; border:0; padding:12px 20px; color:#546871; cursor:pointer; font-size:14px; white-space:nowrap; }
.employee-tabs button:hover:not(:disabled) { background:#e3eaed; }
.employee-tabs button[aria-selected="true"] { background:#fff; color:#076373; font-weight:700; }
.employee-tabs button:focus-visible { outline:2px solid #147e8e; outline-offset:-3px; }
.employee-detail-content { max-height:calc(100vh - 385px); min-height:300px; overflow:auto; padding:0 10px; }
.employee-section { border-bottom:1px solid #cbd7dc; padding:12px 0 16px; }
.employee-section h3, .employee-section summary { font-size:14px; font-weight:600; margin:0 0 10px; }
.employee-section summary { cursor:pointer; }
.employee-section > header, .employee-related-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.employee-section > header h3 { margin:0; }
.employee-related-toolbar { margin-top:12px; }
.employee-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; }
.employee-field { width:100%; table-layout:fixed; border-collapse:collapse; }
.employee-field th { width:130px; text-align:left; font-size:13px; font-weight:500; padding:4px 8px 4px 0; overflow-wrap:anywhere; }
.employee-field td { padding:0; min-width:0; height:34px; }
.employee-field em { color:#ba3333; font-style:normal; margin-left:3px; }
.employee-extra-field { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:center; min-width:0; gap:0; font-size:13px; }
.employee-extra-field span { padding-right:8px; overflow-wrap:anywhere; }
.employee-field input, .employee-field select, .employee-field button, .employee-extra-field input, .employee-extra-field select { width:100%; max-width:100%; min-width:0; height:34px; border:1px solid #aebfc6; padding:5px 8px; background:#fff; color:#253b43; border-radius:2px; font-size:13px; box-sizing:border-box; }
.employee-field input:focus, .employee-field select:focus, .employee-extra-field input:focus, .employee-extra-field select:focus { outline:2px solid #4e9eab; outline-offset:-1px; }
.employee-empty { padding:28px 12px; color:#687980; font-size:13px; text-align:center; }
@media(max-width:1100px) { .employee-workspace { grid-template-columns:225px minmax(0,1fr); gap:12px; } .employee-fields { grid-template-columns:minmax(0,1fr); } }
@media(max-width:650px) { .employee-workspace { grid-template-columns:minmax(0,1fr); } .employee-list-scroll { min-height:100px; max-height:190px; } .employee-detail-content { max-height:none; } .employee-search { gap:8px; } .employee-search label { flex:1 1 100%; } .employee-search input, .employee-search select { flex:1; width:0; } .employee-field th { width:110px; } .employee-extra-field { grid-template-columns:110px minmax(0,1fr); } }