*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;color:#293345;background:#f6f8fb;font-size:14px;line-height:1.65;--blue:#2864c5;--border:#e0e5ed;--muted:#778192}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #94bafa;outline-offset:3px}button{border:1px solid var(--border);background:white;color:#354154;border-radius:6px;padding:8px 15px;line-height:1.5}button:hover:not(:disabled){background:#f2f6fc}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.primary:hover:not(:disabled){background:#1d54ac}button.danger{color:#ae3c3c;border-color:#e8bcbc}button.small{padding:5px 11px;font-size:12px}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:.02em;font-weight:650}h2{font-size:20px}h3{font-size:15px;font-weight:650}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:27px 17px;z-index:3}.brand{display:flex;gap:11px;align-items:center;color:#273750;font-size:23px;font-weight:650;padding:0 9px 37px}.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:500}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:#8591a3;margin-top:-4px}.nav-label{font-size:11px;color:#99a2af;letter-spacing:.08em;padding:0 13px 11px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;width:100%;text-align:left;padding:11px 14px;margin-bottom:5px;font-size:13px;color:#677387}.nav-item.selected{background:#eaf1fc;color:var(--blue);font-weight:650}.nav-icon{font-size:21px;line-height:1}.sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:15px 12px 0;font-size:12px}.sidebar-bottom a{display:flex;justify-content:space-between;color:#66748b}.future-link{display:flex;justify-content:space-between;color:#8a95a7}.future-link small{background:#f1f4f8;padding:0 5px;border-radius:3px;font-size:10px}.sidebar-note{font-size:10px;color:#a1a9b5;line-height:1.9;border-top:1px solid #edf0f4;padding-top:19px;margin-top:10px}.workspace{margin-left:218px;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:64px;padding:0 38px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#5d6a7d}.environment{margin-left:12px;padding:3px 8px;border:1px solid #e3e8ef;border-radius:4px;font-size:10px;color:#718097}.account{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-banner{background:#edf3fd;border-bottom:1px solid #dce7f7;color:#4d668f;font-size:11px;padding:8px 38px}main{padding:32px 38px 45px;max-width:1530px;width:100%;margin:0 auto;outline:none;flex:1}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.breadcrumb{font-size:10px;color:#909baa;margin-bottom:9px}.subtitle{color:var(--muted);font-size:12px;margin-top:6px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid var(--border);border-radius:8px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:12px;color:#758093}.stat-value{font-size:26px;line-height:1.3;font-variant-numeric:tabular-nums;font-weight:600;color:#374b68}.stat-value small{font-size:11px;font-weight:400;margin-left:7px;color:#8a94a3}.panel{background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-heading{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5}.panel-heading p{font-size:11px;color:#929ba8;margin-top:3px}.toolbar{display:flex;gap:12px;align-items:center;padding:18px 23px}.search{position:relative;flex:1;max-width:440px}.search input{padding-left:34px;width:100%}.search span{position:absolute;left:12px;top:6px;color:#9aa7ba;font-size:18px}input,select,textarea{border:1px solid #dce2ea;border-radius:5px;background:white;color:#364054;padding:8px 11px;max-width:100%;font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a0a9b6}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.segmented{display:flex;background:#f3f5f8;padding:3px;border-radius:6px}.segmented button{background:transparent;border:0;font-size:12px;padding:5px 14px;color:#7b8799}.segmented button.active{background:white;color:var(--blue);box-shadow:0 1px 4px #263d5d12}.result-count{font-size:11px;color:#929eae;padding:0 24px 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;table-layout:auto}th{font-size:10px;font-weight:500;color:#8190a4;background:#f9fafc;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:11px 18px;white-space:nowrap}td{font-size:12px;border-bottom:1px solid #edf0f5;padding:16px 18px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td strong{font-weight:600;color:#324259}td small{display:block;color:#8f9bae;font-size:10px;margin-top:3px}.name-cell{display:flex;align-items:center;gap:11px}.avatar{background:#edf2fa;color:#7890b1;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.badge{display:inline-block;padding:2px 8px;background:#edf5f1;color:#548570;border-radius:4px;font-size:10px;white-space:nowrap}.badge.ended,.badge.RETIRED{background:#f0f2f5;color:#8a94a4}.badge.review{background:#fbf4e7;color:#9b783d}.badge.error{background:#faeded;color:#b45050}.code{font-variant-numeric:tabular-nums;color:#8592a6;white-space:nowrap}.footnote{font-size:11px;color:#8c98a9;padding:14px 4px}.notice{border-radius:6px;border:1px solid #d2e5d9;background:#f1f8f4;color:#427058;padding:12px 16px;margin-bottom:18px;font-size:12px}.notice.error,#dialog-message.error{background:#fcf0f0;border-color:#eccccc;color:#a43d3d}.notice.info{background:#eff4fc;border-color:#d9e4f6;color:#506c93}.empty,.loading{text-align:center;padding:60px 20px;color:#8b98aa}.empty strong{display:block;color:#5a6b82;font-size:15px;margin-bottom:8px}.empty p{font-size:12px}.loading{background:white;border:1px solid var(--border);border-radius:8px}.import-intro{padding:22px 25px;border-bottom:1px solid #eef1f5}.steps{display:flex;gap:12px;align-items:center;font-size:12px;color:#9aa5b4;margin-top:17px}.steps span.current{color:var(--blue)}.steps b{font-size:10px;border:1px solid currentColor;border-radius:50%;width:19px;height:19px;display:inline-grid;place-items:center;margin-right:5px;font-weight:500}.import-body{padding:25px;max-width:930px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid label,.form-field{display:grid;gap:6px;font-size:12px;color:#64738a}.form-grid input,.form-grid select,.form-grid textarea,.form-field select{width:100%}.full{grid-column:1/-1}.required{color:#a85c52;font-size:10px;margin-left:4px}.helper{font-size:11px;color:#96a0ae;line-height:1.7}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#5b6b80;margin:14px 0}.check input{margin:5px 0 0;flex-shrink:0;accent-color:var(--blue)}.check small{display:block;font-size:11px;color:#929eae;margin-top:3px}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafcff;border:1px dashed #bfcee4;border-radius:6px;padding:24px;text-align:center;margin:16px 0}.drop-zone input{font-size:12px;border:0;max-width:100%}.drop-zone strong{font-size:13px;font-weight:500;color:#667b99;margin-bottom:9px}.paste-toggle{font-size:11px;padding:0;border:0;color:#6f86a5;background:transparent}.import-actions{padding:20px 25px;background:#fafbfd;border-top:1px solid #e7ecf2;display:flex;justify-content:space-between;gap:15px;align-items:center}.import-actions p{font-size:11px;color:#8b98aa}.preview{margin-top:24px}.preview-summary{display:flex;flex-wrap:wrap;gap:20px;padding:17px 24px;border-bottom:1px solid #eaf0f5;color:#7c899b;font-size:11px}.preview-summary strong{font-size:20px;font-weight:600;color:#455d7f;margin:0 4px}.change{font-size:11px;line-height:1.8;margin-bottom:5px}.change b{font-weight:500;color:#6b7f9b;display:block}.change s{color:#9aa5b4}.change em{font-style:normal;color:#3b6cab}.candidate{margin:18px 0;padding:15px 18px;background:#fcfaf5;border:1px solid #eee4cf;border-radius:6px;font-size:12px;color:#8a7349}.candidate p{font-size:11px;margin-top:6px}.candidate .check{color:#8a7349}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:6px}.detail-grid>div{padding:14px 0;border-bottom:1px solid #edf0f5;min-width:0}.detail-grid dt{font-size:11px;color:#99a3b2;margin-bottom:5px}.detail-grid dd{font-size:13px;margin:0;color:#3c4b61;overflow-wrap:anywhere;white-space:pre-line}.detail-actions{margin-top:25px;display:flex;gap:9px;flex-wrap:wrap}.section-label{font-size:12px;color:#7c8aa0;margin:24px 0 12px}.history{padding-left:18px;color:#8d98a8;font-size:11px}.history li{padding:7px 0}.history p{color:#61738d}dialog{border:1px solid #dce3ed;border-radius:12px;width:min(680px,calc(100vw - 32px));max-height:90dvh;padding:27px 30px;color:#2f3d52;box-shadow:0 20px 90px #172c4b25}dialog::backdrop{background:#1c2d4345}.dialog-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:23px}.eyebrow{font-size:10px;color:#8a9ab1;margin-bottom:5px}.icon-button{border:0;background:#f3f5f8;font-size:20px;line-height:1;padding:7px 9px;border-radius:50%;color:#7b8ba1}#dialog-message{padding:11px 14px;border:1px solid #d9e4f4;border-radius:5px;background:#f3f7fc;color:#5e7598;font-size:12px;margin-bottom:15px}.detail-note{padding:13px 16px;background:#f5f7fb;font-size:11px;color:#7c8da5;border-radius:5px;margin-bottom:18px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;border-top:1px solid #e8edf4;padding-top:20px}.password-help{font-size:11px;color:#8b98ac;margin-top:14px}.danger-note{padding:14px;background:#fcf5f3;border:1px solid #edddd6;font-size:12px;color:#916d61;border-radius:5px;margin-bottom:19px}footer{padding:18px 38px;border-top:1px solid #e6ebf2;color:#9ba5b3;font-size:10px;display:flex;justify-content:space-between;gap:15px}.skip{position:fixed;top:-100px;left:240px;background:white;padding:8px;z-index:99}.skip:focus{top:10px}[hidden]{display:none!important} .error-block{padding:30px;background:white;border:1px solid #e4d7d7;border-radius:8px}.error-block h2{font-size:17px;margin-bottom:9px}.error-block p{font-size:12px;color:#8f7b7b;margin-bottom:17px}
@media(min-width:1500px){main{padding-top:40px}.stats{gap:22px}.stat{padding:20px 27px}td{padding-top:19px;padding-bottom:19px}}
@media(max-width:1100px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.workspace{margin-left:185px}main{padding:25px}.topbar,.demo-banner{padding-left:25px;padding-right:25px}.page-title{align-items:flex-start}.page-title .actions{max-width:200px;justify-content:flex-end}td,th{padding-left:12px;padding-right:12px}.contact-column{display:none}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;padding:13px 18px 0;border-right:0;border-bottom:1px solid var(--border)}.brand{padding:0 0 14px;font-size:20px}.brand-mark{width:31px;height:31px;font-size:20px}.brand small{display:none}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:12px}.nav-item{width:auto;flex:1;justify-content:center;padding:10px 7px;margin:0;border-radius:6px 6px 0 0}.nav-icon{display:none}.workspace{margin-left:0}.topbar{height:45px;padding:0 20px;font-size:11px}.demo-banner{font-size:10px;padding:7px 20px}main{padding:23px 18px 28px}.page-title{flex-direction:column;gap:16px;margin-bottom:21px}.page-title .actions{max-width:none;width:100%;justify-content:flex-start}.breadcrumb{margin-bottom:5px}h1{font-size:23px}.subtitle{font-size:11px}.stats{gap:8px;margin-bottom:18px}.stat{padding:13px 11px;display:block}.stat-label{font-size:10px}.stat-value{font-size:23px;margin-top:5px}.stat-value small{font-size:9px;margin-left:3px}.panel-heading{padding:16px}.toolbar{padding:15px;flex-direction:column;align-items:stretch;gap:11px}.search{max-width:none}.filters{justify-content:space-between}.segmented{width:100%}.segmented button{flex:1;padding-left:8px;padding-right:8px}.result-count{padding-left:16px}.table-wrap{overflow:visible}.master-table thead{display:none}.master-table tbody{display:block;padding:0 15px}.master-table tr{display:grid;grid-template-columns:1fr auto;gap:3px 10px;position:relative;padding:16px 0;border-bottom:1px solid #e9edf3}.master-table tr:last-child{border-bottom:0}.master-table td{border:0;padding:0;min-width:0}.master-table td.code{grid-column:1;grid-row:2;padding-left:45px;font-size:10px}.master-table td.name{grid-column:1;grid-row:1}.master-table td.manager{grid-column:1;grid-row:3;padding-left:45px;font-size:11px;color:#8a99ad}.master-table td.manager::before{content:'担当 ';font-size:10px}.master-table td.status{grid-column:2;grid-row:1;text-align:right}.master-table td.open{grid-column:2;grid-row:2 / span 2;align-self:end;text-align:right}.master-table .period-column,.master-table .contact-column{display:none}.staff-table td.manager::before{content:''}.staff-table .avatar{width:34px;height:34px}.panel-heading p{font-size:10px}.import-body,.import-intro{padding:20px 16px}.form-grid{grid-template-columns:1fr;gap:16px}.full{grid-column:auto}.import-actions{padding:17px 16px;flex-direction:column;align-items:stretch}.import-actions button{width:100%}.steps{font-size:10px;gap:7px}.steps b{width:16px;height:16px;font-size:9px;margin-right:3px}.preview-summary{padding:13px 15px;gap:13px}.preview-summary strong{font-size:18px}.preview .table-wrap{overflow:auto}.preview table{min-width:500px}.detail-grid{grid-template-columns:1fr}.detail-grid .full{grid-column:auto}dialog{padding:22px 20px;width:calc(100vw - 24px);max-height:94dvh}.dialog-top{margin-bottom:20px}dialog h2{font-size:19px}.form-actions{flex-wrap:wrap}.detail-actions button{flex:1;white-space:nowrap}footer{padding:15px 20px;flex-direction:column;gap:4px}.skip{left:15px}}

.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}.nav-icon svg{display:block;width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none}td{font-size:13px}th{font-size:11px}.mobile-links{display:none}@media(max-width:760px){.mobile-links{display:flex;gap:18px;font-size:11px;margin-bottom:7px}td{font-size:12px}}

/* Shared sidebar appearance from the existing accident application. */
.sidebar{width:224px;padding:16px 14px 12px;background:#e9eef3;border-right-color:#d5dde6;overflow:auto;scrollbar-width:thin;scrollbar-color:#bec6d2 transparent;font-family:'Noto Sans JP','Yu Gothic UI',Meiryo,sans-serif}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#bec6d2;border-radius:8px}
.workspace{margin-left:224px}.brand{gap:8px;padding:0 0 17px;font-size:14px;font-weight:700;line-height:1.5;color:#253044}.master-brand-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.sidebar>nav{display:grid;gap:3px}.sidebar>.nav-label{margin-top:14px}.nav-label{padding:0 12px 6px;color:#7a8699;font-size:11px;font-weight:400;letter-spacing:0}
.nav-item,.sidebar-links>a,.sidebar-links>.future-link{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;margin:0;padding:11px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#262c38;font-size:14px;font-weight:400;line-height:1.5;text-align:left}
.nav-item:hover:not(:disabled),.sidebar-links>a:hover{background:#dce5ee}.nav-item.selected,.nav-item.selected:hover{background:#10bf63;border-color:#10bf63;color:#fff;font-weight:600}.nav-icon{display:inline-flex;flex-shrink:0}.sidebar-links{margin-top:18px;padding-top:12px;border-top:1px solid #d9e3f3}.sidebar-links>a{gap:10px;font-size:13px}.external-arrow{margin-left:auto;color:inherit}.sidebar-links>.future-link{color:#7a8699;font-size:13px;gap:10px}.future-link small{margin-left:auto;background:#e0e6ed;font-size:10px;white-space:nowrap}
.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #dae5ec;font-size:12px;line-height:1.6;display:block}.sidebar-user{color:#66748a;overflow-wrap:anywhere}.sidebar-user strong{font-weight:400}.sidebar-user span::before{content:'｜'}.account{display:none}

/* Compact, readable staff details. */
:root{--muted:#687589}.breadcrumb,.result-count,.helper,.footnote,.panel-heading p,.password-help{color:#718095}.panel-heading{padding:17px 22px}.toolbar{padding-top:15px;padding-bottom:15px}td small{color:#718095}.code{color:#687c97}.stat-label{color:#687589}.detail-grid dt{color:#718095}
.staff-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;background:#fff;border-radius:50%;overflow:hidden}.staff-avatar img{width:100%;height:100%;object-fit:contain}.staff-avatar.large{flex-basis:60px;width:60px;height:60px}.staff-avatar.placeholder{background:#edf2f7;color:#71839b}.staff-avatar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.staff-avatar.large svg{width:32px;height:32px}.staff-identity{display:flex;align-items:center;gap:15px;padding:2px 0 19px;border-bottom:1px solid #e5eaf0;margin-bottom:19px}.staff-identity strong{font-size:18px;font-weight:650}.staff-identity p{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px;font-size:12px;color:#718095}
.staff-section-title{font-size:13px;font-weight:650;color:#3c5069;margin:21px 0 10px}.staff-section-title:first-child{margin-top:0}.staff-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0}.staff-info-grid>div{min-width:0}.staff-info-grid dt{font-size:11px;color:#718095;margin-bottom:3px}.staff-info-grid dd{margin:0;font-size:13px;color:#2f3d52;overflow-wrap:anywhere;white-space:pre-line}.staff-access,.staff-operations{border-top:1px solid #e5eaf0;padding-top:13px;margin-top:22px}.staff-access summary,.staff-operations summary{cursor:pointer;color:#65758c;font-size:12px}.staff-access[open] summary,.staff-operations[open] summary{margin-bottom:14px}.staff-access .helper{margin-top:12px}.staff-operations .detail-actions{margin-top:12px}.staff-operations .section-label{margin-top:19px}.detail-actions{margin-top:22px}.staff-profile-fields{border:0;border-top:1px solid #e5eaf0;padding:18px 0 0;margin:23px 0 0;min-width:0}.staff-profile-fields legend{font-size:13px;color:#3c5069;font-weight:650;padding:0 10px 0 0}.staff-profile-fields .form-grid{gap:14px 18px}.form-grid{gap:14px 18px}.form-grid label{color:#53657e}.avatar-field-label{font-size:12px;color:#53657e;margin:18px 0 8px}.avatar-picker{display:flex;flex-wrap:wrap;gap:7px}.avatar-choice{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:7px 9px;border:1px solid #dce2ea;border-radius:6px;cursor:pointer;font-size:10px;color:#65758c;min-width:65px}.avatar-choice input{position:absolute;opacity:0;width:1px;height:1px;padding:0;pointer-events:none}.avatar-choice:has(input:checked){border-color:#2864c5;background:#edf3fc;box-shadow:0 0 0 1px #2864c5}.avatar-choice:has(input:focus-visible){outline:3px solid #94bafa;outline-offset:2px}.avatar-choice img{width:38px;height:38px;object-fit:contain}.no-avatar{height:38px;display:grid;place-items:center;font-size:18px;color:#8190a4}.staff-access .helper,.staff-operations .helper{color:#718095}
@media(min-width:1500px){main{padding-top:32px}.stat{padding:17px 22px}td{padding-top:15px;padding-bottom:15px}}
@media(min-width:761px) and (max-width:1279px){.sidebar{width:205px;padding-left:11px;padding-right:11px}.workspace{margin-left:205px}}
@media(max-width:760px){.sidebar{width:100%;padding:13px 18px 0;overflow:visible;border-right:0}.workspace{margin-left:0}.sidebar>.nav-label,.sidebar-links,.sidebar-bottom{display:none!important}.sidebar>nav[aria-label="管理メニュー"]{display:flex;gap:12px}.brand{font-size:15px;padding-bottom:13px}.master-brand-icon{width:31px;height:31px}.nav-item{min-height:42px;font-size:13px;border-radius:6px 6px 0 0;justify-content:center;padding:10px 7px;flex:1;width:auto}.nav-icon{display:none}.account{display:block}.staff-info-grid{gap:13px 18px}.staff-identity{gap:11px}.staff-identity strong{font-size:16px}.staff-avatar.large{flex-basis:52px;width:52px;height:52px}.staff-identity p{gap:7px}.avatar-picker{gap:7px}.avatar-choice{min-width:60px;padding:7px}.form-grid{gap:14px}.panel-heading{padding:16px}.toolbar{padding:15px}.sidebar-user span::before{content:'｜'}}
@media(max-width:380px){.staff-info-grid{grid-template-columns:1fr}.staff-info-grid .full{grid-column:auto}.staff-identity p{font-size:11px}.avatar-choice{min-width:58px}}
.staff-identity>div{flex:1;min-width:0}.staff-identity>button{flex-shrink:0;padding:6px 12px}
@media(min-width:761px) and (max-width:1279px){.sidebar-links>a{font-size:12px}}

/* Match the reference's readable 950px content area, retaining the left alignment. */
@media(min-width:761px){main{max-width:1018px;margin:0 auto 0 0;padding:30px 34px 45px}.master-table .name{min-width:150px}.master-table .period-column{white-space:nowrap}}
.login-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0 15px}.login-button{display:inline-block;border:1px solid var(--blue);border-radius:6px;padding:8px 15px;background:var(--blue);color:white;font-size:13px}.login-button:hover{background:#1d54ac}.login-help{font-size:12px;color:#687589;line-height:1.8}
@media(max-width:760px){.clients-table td.code,.clients-table td.manager{padding-left:0}.clients-table tr{gap:3px 10px}.clients-table .name-cell{gap:0}.clients-table td.name strong{overflow-wrap:anywhere}.account{max-width:57%}}

/* The header occupies its own row; only the body scrolls beneath it. */
#detail-dialog{padding:0;overflow:hidden;max-height:90dvh}
#detail-dialog[open]{display:flex;flex-direction:column}
.dialog-top{position:relative;flex:0 0 auto;z-index:1;align-items:flex-start;gap:18px;margin:0;padding:24px 30px 19px;background:#fff;border-bottom:1px solid #edf0f5}
.dialog-top>div{min-width:0;padding-top:1px;overflow-wrap:anywhere}
.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 30px 27px;background:#fff;scrollbar-gutter:stable}
.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;line-height:0;border-radius:50%}
.icon-button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media(max-width:760px){#detail-dialog{max-height:94dvh}.dialog-top{padding:19px 20px 16px}.dialog-body{padding:17px 20px 22px}.icon-button{flex-basis:40px;width:40px;height:40px}}
.honorific{display:inline;font-size:.76em;font-weight:400;color:#66748a;margin-left:.35em;white-space:nowrap}.name-cell strong{white-space:normal}.staff-image-row{display:flex;align-items:center;gap:18px;margin:9px 0}.staff-image-row #avatar-preview{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:76px;height:76px;background:#f7f9fc;border:1px solid #e3e8ef;border-radius:8px}.staff-image-buttons{display:flex;flex-wrap:wrap;gap:8px}.staff-image-editor .helper{margin-top:9px}.field-error{color:#a43d3d!important}.staff-image-editor .avatar-field-label{margin-top:20px}
@media(max-width:380px){.staff-image-row{gap:12px}.staff-image-buttons{flex-direction:column;align-items:stretch}}

/* Keep account context in the sidebar without a separate page header. */
.sidebar-session{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:#66748a}
.sidebar-session .environment{margin-left:0}

/* Client search stays compact, with a wrapping kana row below the text search. */
.clients-panel .panel-heading{padding:14px 22px}
.clients-panel .toolbar{padding-bottom:10px}
.kana-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 22px 14px;min-width:0}
.kana-filters button{flex:0 0 auto;min-width:40px;min-height:40px;padding:7px 11px;border-radius:20px;font-size:12px;white-space:nowrap;color:#53657b;background:#fff;border-color:#dce3eb}
.kana-filters button:hover:not(:disabled){background:#f1f7f3;border-color:#bbd7c5}
.kana-filters button.active,.kana-filters button.active:hover:not(:disabled){background:#e8f6ed;border-color:#9bd4af;color:#227647;font-weight:600}
@media(max-width:760px){
  .sidebar-session{position:absolute;top:19px;right:18px;max-width:calc(100% - 145px);justify-content:flex-end}
  .sidebar-session .account{display:block;max-width:100%;min-width:0}
  .sidebar-session .environment{flex-shrink:0;font-size:9px;padding:2px 5px}
  .clients-panel .panel-heading{padding:13px 15px}
  .clients-panel .toolbar{padding-bottom:10px}
  .kana-filters{gap:7px;padding:0 15px 14px}
  .kana-filters button{min-width:44px;min-height:44px;padding:8px 11px;border-radius:22px}
}

/* Compact visual controls, with a larger touch target on phones. */
.stat-value{color:#0c64e0}.stat-value small{color:#8a94a3}
.kana-filters{gap:6px;padding-bottom:10px}
.kana-filters button{min-width:32px;min-height:28px;padding:3px 10px;border-radius:16px;font-size:12px;line-height:20px}
.manager .honorific{font-size:.76em;color:#718095}
#client-conditions{padding:0 22px 9px}
.client-conditions{font-size:12px;color:#53657e}
.client-conditions{padding:6px 0 10px}
.client-condition-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;padding:0 0 12px}
.client-condition-fields label{display:grid;gap:5px;min-width:0;font-size:11px;color:#687589}
.client-condition-fields select{min-width:0;width:100%;font-size:12px}
.client-condition-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.client-condition-chips:empty{display:none}
.client-condition-chips button{display:flex;align-items:center;gap:9px;max-width:100%;padding:4px 9px;margin-top:6px;background:#f1f5fa;border-color:#e0e7f0;color:#53657e;font-size:11px;overflow-wrap:anywhere;text-align:left}
.client-condition-chips button span{font-size:15px;line-height:1;color:#7d8c9f;flex-shrink:0}
.condition-note{margin-top:8px}
.client-detail-section{margin-bottom:20px}
.client-detail-section:last-child{margin-bottom:0}
.client-detail-section>h3{font-size:13px;color:#3c5069;border-bottom:1px solid #e3e9f0;padding-bottom:7px}
.client-detail-section .detail-grid{margin:0}
.client-detail-section .detail-grid>div{padding:10px 0}
.client-detail-section .detail-grid>div:nth-child(odd){padding-right:15px}
.client-insurance{border-top:1px solid #e3e9f0;padding-top:14px;margin-top:8px;font-size:12px;color:#53657e}
.client-insurance summary{cursor:pointer;padding:3px 0}
/* Shared action colour and a clearer hierarchy for everyday business information. */
:root{color:#263445;--blue:#0c64e0;--muted:#475467;--text-secondary:#475467;--text-supplemental:#667085}
button.primary,.login-button{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:none}
button.primary:hover:not(:disabled),.login-button:hover{border-color:#0957c8;background:#0957c8}
#page-actions button{font-weight:600}
.stat-label,th,.code,.segmented button,.form-grid label,.form-field,.detail-grid dt,.staff-info-grid dt,.staff-access summary,.staff-operations summary,.client-condition-fields label,.client-conditions>summary,.section-label,.avatar-field-label{color:var(--text-secondary)}
td small,.helper,.footnote,.panel-heading p,.password-help,.result-count,.sidebar-user,.nav-label,.staff-identity p,.detail-note,.eyebrow,.honorific,.manager .honorific,.stat-value small,.history,.history p,.check small,.import-actions p,.empty,.loading,.login-help{color:var(--text-supplemental)}
input::placeholder,textarea::placeholder{color:var(--text-supplemental)}
.badge{color:#31664f}.badge.ended,.badge.RETIRED{color:#596579}
.sidebar-links,.sidebar-bottom{border-top-width:1px;border-top-color:#d5dde6}
.account-actions{display:grid;gap:8px;margin-top:12px}
.account-actions a,.account-actions button{display:block;width:fit-content;padding:0;border:0;border-radius:0;background:transparent;color:var(--blue);font-size:12px;text-align:left;line-height:1.8}
.account-actions a:hover{text-decoration:underline}
.account-actions button:disabled{opacity:1;color:#667085;cursor:not-allowed}
.mobile-account-actions{display:none}

/* Keep the title and page actions visible; the summary and list scroll beneath. */
.page-title{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:16px 0 0;margin-bottom:10px;background:#f6f8fb}
.page-title h1{line-height:1.45}
.page-title .actions{max-width:100%;flex:0 1 auto;justify-content:flex-end;gap:12px}
main{padding-top:0}
#preview,#end-date-results{scroll-margin-top:120px}
.stats{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0;min-width:0;width:fit-content;max-width:100%;margin:0 0 16px;padding-left:8px}
.stat{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:0 16px;border:0;border-radius:0;background:transparent;white-space:nowrap}
.stat:first-child{padding-left:0}.stat:last-child{padding-right:0}
.stat+.stat{border-left:1px solid var(--border)}
.stat-label,.stat-value,.stat-unit{display:inline-flex;align-items:center;line-height:1}
.stat-label{min-width:0;font-size:12px}
/* Optical alignment of the larger digits with Japanese labels. */
.stat-value{flex-shrink:0;font-size:20px;transform:translateY(-1px)}
.stat-unit{margin-left:-4px;font-size:11px;font-weight:400;color:var(--text-supplemental)}
.last-import{max-width:100%;margin:0;font-size:12px;line-height:1;color:var(--text-secondary)}
.last-import time{font-variant-numeric:tabular-nums}
.toolbar{flex-wrap:wrap}
.toolbar .search{flex:1 1 280px;min-width:0}
.toolbar .filters{flex:0 1 auto;gap:8px;min-width:0;padding:0;border-radius:0;background:transparent}
.toolbar .segmented,.conditions-control{display:flex;padding:3px;border-radius:6px;background:#f3f5f8}
.toolbar .segmented button,.conditions-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:5px 14px;border:0;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:12px;line-height:1.5;white-space:nowrap;box-shadow:none}
.toolbar .segmented button.active,.toolbar .conditions-toggle[aria-expanded="true"],.toolbar .conditions-toggle.has-conditions{background:#fff;color:var(--blue);box-shadow:0 1px 4px #263d5d12}
.conditions-arrow{font-size:11px}
.detail-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.detail-arrow{display:block;flex-shrink:0;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.staff-panel .toolbar{padding:15px 22px}
@media(max-width:760px){
  main{padding-top:0}
  .page-title{gap:9px;padding:12px 0 0;margin-bottom:10px;align-items:stretch}
  .page-title .actions{width:100%;justify-content:flex-start;gap:8px}
  #page-actions button{font-size:12px;padding:7px 11px}
  .stats{width:fit-content;max-width:100%;gap:0;margin-bottom:16px}
  .stat{flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px}
  .stat.last-import{width:100%;justify-content:flex-start;border-left:0;padding:4px 0 0;gap:8px}
  .stat-value{margin-top:0}
  .toolbar .search{flex-basis:auto;max-width:none}
  .toolbar .filters{justify-content:flex-start}
  .toolbar .segmented{width:auto;flex:0 1 auto}
  .toolbar .filters button{min-height:40px;padding:7px 8px}
  .conditions-toggle{flex:0 0 auto}
  .staff-panel .toolbar{padding:15px}
  .master-table td.manager{color:var(--text-secondary)}
  .mobile-links{align-items:center;flex-wrap:wrap}
  .mobile-hub{color:#667085}.mobile-hub small{margin-left:4px;font-size:10px}
  .mobile-account-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 10px}
  .mobile-account-actions a,.mobile-account-actions button{font-size:12px;min-height:40px;padding:8px 0}
}
@media(max-width:760px){
  #client-conditions{padding:0 15px 10px}
  .client-condition-fields{grid-template-columns:1fr;gap:11px}
  .client-condition-fields select{min-height:42px}
  .client-condition-chips button{min-height:36px}
  .kana-filters{gap:0 6px;padding-bottom:3px}
  .kana-filters button,.kana-filters button:hover:not(:disabled),.kana-filters button.active,.kana-filters button.active:hover:not(:disabled){position:relative;isolation:isolate;min-height:44px;min-width:40px;padding:10px 11px;border:0;background:transparent}
  .kana-filters button::before{content:'';position:absolute;inset:8px 0;border:1px solid #dce3eb;background:#fff;border-radius:16px;z-index:-1}
  .kana-filters button.active::before{background:#e8f6ed;border-color:#9bd4af}
  .kana-filters button:hover:not(:disabled)::before{background:#f1f7f3;border-color:#bbd7c5}
  .kana-filters button.active:hover:not(:disabled)::before{background:#e8f6ed;border-color:#9bd4af}
  .client-detail-section .detail-grid>div:nth-child(odd){padding-right:0}
}

/* Read-only historical end-date review. */
.end-date-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;margin-bottom:16px}
.end-date-entry button{flex:0 0 auto;font-weight:600;color:var(--blue)}
.end-date-drop{display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer}
.end-date-file-status{margin-top:14px}.end-date-file-list{padding:0;list-style:none;margin:10px 0 18px;max-height:210px;overflow:auto}
.end-date-file-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.end-date-file-list small{flex:0 0 auto;color:var(--text-secondary)}
.end-date-note{padding:12px 14px;border-radius:6px;background:#eff5ff;color:#344f72}
.end-date-preview{margin-top:20px}.end-date-preview td{vertical-align:top;overflow-wrap:anywhere}.end-date-preview td:nth-child(2){min-width:150px}.end-date-existing{min-width:100px}
.end-date-preview td small{display:block;color:var(--text-secondary)}.end-date-proposed{color:#0c64e0;white-space:nowrap}.end-date-evidence{margin-top:8px;color:var(--text-secondary);font-size:12px}.end-date-evidence summary{cursor:pointer}.end-date-evidence ul{padding-left:18px}.end-date-evidence li{overflow-wrap:anywhere}
.end-date-preview .preview-summary{flex-wrap:wrap}.end-date-preview .preview-summary span{white-space:nowrap}
@media(max-width:760px){.end-date-entry{align-items:flex-start;flex-direction:column;padding:15px}.end-date-entry button{width:100%}.end-date-panel .import-actions{align-items:stretch;flex-direction:column;gap:10px}.end-date-drop input{max-width:100%}.end-date-file-list li{flex-direction:column;gap:2px}}

/* Keep list column labels under the fixed page title as the controls scroll away. */
@media(min-width:761px){
  .clients-panel,.staff-panel{overflow:visible}
  .clients-panel #list-results>.table-wrap,.staff-panel #list-results>.table-wrap{overflow:visible}
  .master-table{border-collapse:separate;border-spacing:0}
  .master-table th{position:sticky;top:var(--master-heading-height,64px);z-index:1;background:#f9fafc;box-shadow:0 1px 0 #edf0f5}
}
.clients-table td.manager{white-space:nowrap}
.master-table td.open{width:1%;white-space:nowrap}
.detail-button{flex-wrap:nowrap;min-width:66px;white-space:nowrap}
/* These controls only change list presentation, using the shared responsible-staff condition. */
.saseki-control{display:flex;padding:3px;border-radius:6px;background:#f3f5f8}
.toolbar .saseki-toggle.has-conditions{background:#fff;color:var(--blue);box-shadow:0 1px 4px #263d5d12}
.client-sort{display:inline-flex;align-items:center;justify-content:flex-start;margin:-5px -7px;padding:5px 7px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;white-space:nowrap;line-height:1.5;text-decoration:none}
.client-sort:hover:not(:disabled){background:transparent}
th[aria-sort="ascending"] .client-sort,th[aria-sort="descending"] .client-sort{color:var(--blue)}
.mobile-client-sort{display:none}
.list-back-to-top{position:fixed;left:var(--list-back-top-left,auto);right:auto;bottom:28px;z-index:4;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #d6dfe9;border-radius:50%;background:#fff;color:#475467;box-shadow:0 3px 12px #243b5326;font-size:16px;line-height:1}
.list-back-to-top:hover:not(:disabled){background:#eef4fc;color:var(--blue)}
@media(max-width:760px){
  .mobile-client-sort{display:flex;align-items:center;gap:10px;padding:0 15px 8px;font-size:12px;color:var(--text-secondary)}
  .mobile-client-sort>span{flex:0 0 auto}
  .mobile-client-sort select{flex:0 1 auto;width:auto;max-width:calc(100% - 48px);min-height:44px;font-size:12px}
  .list-back-to-top{left:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}
}
.saseki-filter-help{margin-bottom:16px;font-size:12px;color:var(--text-secondary)}
.saseki-filter-options{display:grid;gap:8px}
.saseki-filter-options button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;text-align:left}
.saseki-filter-options button[aria-pressed="true"]{background:#eef4ff;border-color:#9dbef1;color:#0957c8}
.saseki-filter-options small{display:block;font-size:11px;color:var(--text-secondary)}
.saseki-filter-check{flex:0 0 20px;text-align:center}
/* Preview filters change the visible rows, while the import remains the complete plan. */
.preview-summary:has(.preview-summary-filter){gap:8px;padding:13px 24px}
.preview-summary-filter{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border:1px solid transparent;border-radius:6px;background:#f3f5f8;color:var(--text-secondary);font-size:11px;line-height:1.5;white-space:nowrap}
.preview-summary-filter strong{margin:0 2px;line-height:1;font-size:20px;color:var(--blue)}
.preview-summary-filter:hover:not(:disabled){background:#eaf1fc;border-color:#d7e3f5}
.preview-summary-filter[aria-pressed="true"]{background:#eaf1fc;border-color:#9dbef1;color:#0957c8}
.preview-filter-note{padding:10px 24px 0;font-size:11px;color:var(--text-secondary)}
.preview-filter-count{padding:5px 24px 12px;font-size:11px;color:var(--text-supplemental)}
.preview-decisions{padding:0 24px}
.pending-code-review h4{margin:0 0 8px;font-size:15px}
.pending-code-row{min-width:0;margin:18px 0;padding:14px;border:1px solid #dde4ef;border-radius:8px;background:#fff}
.pending-code-row legend{max-width:100%;padding:0 7px;font-weight:600;overflow-wrap:anywhere;color:var(--text)}
.pending-code-row legend span{margin-left:8px;font-weight:400;font-size:12px;color:var(--text-secondary)}
.pending-source,.pending-person{margin:4px 0 12px;color:var(--text-secondary);font-size:12px}
.pending-code-row dl{display:grid;grid-template-columns:5em minmax(0,1fr);gap:4px 12px;margin:8px 0}
.pending-code-row dt,.pending-code-row dd{margin:0;overflow-wrap:anywhere}
.pending-person{padding:12px;border-radius:6px;background:#f1f6fd}
.pending-person strong{color:var(--text)}
.pending-person p{margin:8px 0 0}
.pending-setup-note{padding:10px 12px;border-radius:6px;background:#fff3d9;color:#77551c}
@media(min-width:761px) and (max-width:1000px){
  .master-table .name{min-width:0}
  .master-table td,.master-table th{padding-left:8px;padding-right:8px}
}
@media(max-width:760px){
  .preview-decisions{padding:0 15px}
  .pending-code-row{padding:10px}
  .pending-code-row legend span{display:block;margin-left:0}
  .preview-summary:has(.preview-summary-filter){padding:13px 15px;gap:7px}
  .preview-summary-filter{min-height:40px;padding:7px 9px}
  .preview-summary-filter strong{font-size:18px}
  .preview-filter-note{padding:10px 15px 0}
  .preview-filter-count{padding:5px 15px 12px}
}

/* 2026-10-21: shared appearance from the connected accident application's
   approved sample-ui / works-theme. Keep this app's list and dialog layout. */
:root{
  font-family:'Noto Sans JP','Yu Gothic UI','Meiryo',sans-serif;
  font-size:15px;font-weight:400;line-height:1.65;
  color:#253044;background:#f6f7f9;
  --blue:#0c64e0;--border:#dce3ed;--muted:#66748a;
  --text-secondary:#475467;--text-supplemental:#66748a;
  --surface:#fff;--page-background:#f6f7f9;
}
body{color:#253044;background:var(--page-background);font-weight:400}
button,input,select,textarea{font-family:inherit}
button{border-color:#cad5e4;border-radius:7px;color:#253044;font-size:14px;font-weight:400}
button:hover:not(:disabled){background:#f6f8fb}
button.primary,.login-button{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:none;font-weight:600}
button.primary:hover:not(:disabled),.login-button:hover{border-color:#0957c8;background:#0957c8}
#page-actions button{min-height:44px;padding:9px 14px;border-radius:7px;font-size:14px;font-weight:600}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#8aabff}
h1{color:#253044;font-size:24px;font-weight:700;line-height:1.4;letter-spacing:0}
h2{color:#253044;font-weight:600}
h3{color:#253044;font-weight:700}
.page-title{background:var(--page-background)}
.page-title h1{line-height:1.4}
.panel{border-color:var(--border);border-radius:9px}
.sidebar{font-family:inherit;background:#e9eef3;border-right-color:#d5dde6}
.brand{font-weight:700}
.nav-item,.sidebar-links>a,.sidebar-links>.future-link{font-family:inherit;font-size:14px}
.nav-item.selected{font-weight:600}
.sidebar-user,.sidebar-user strong{font-size:13px;font-weight:400}
.sidebar-links,.sidebar-bottom{border-top-color:#d5dde6}
.sidebar-bottom .account-actions a,.sidebar-bottom .account-actions button{font-size:13px}
.stat-label,.last-import{color:var(--text-supplemental);font-size:12px}
.stat-value{font-weight:700}
.toolbar{gap:12px}
.search input{min-height:38px;padding-left:36px;border-color:#cdd7e5;border-radius:6px;color:#253044;font-size:13px;line-height:1.65}
.search .search-icon{position:absolute;display:block;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:currentColor;color:#95a1b5;pointer-events:none}
input,select,textarea{border-color:#cdd7e5;border-radius:6px;color:#253044;font-size:13px;line-height:1.65}
input::placeholder,textarea::placeholder{color:var(--text-supplemental);opacity:1}
.toolbar .segmented,.conditions-control,.saseki-control{background:#f2f4f7;border-radius:7px}
.toolbar .segmented button,.conditions-toggle{font-size:13px;font-weight:400}
.kana-filters button{font-size:12px}
.result-count,.footnote,.helper,.panel-heading p,.password-help,.preview-filter-note,.preview-filter-count{font-size:12px;color:var(--text-supplemental)}
.master-table th{font-size:12px;font-weight:400;color:var(--text-supplemental);background:#f8f9fb;border-color:#e8ebf1}
.master-table td{font-size:14px;font-weight:400;line-height:1.65;color:#46494d;border-color:#e8ebf1}
.master-table td strong{color:#46494d;font-size:16px;font-weight:700;line-height:1.4}
.master-table td small{font-size:12px;font-weight:400;color:var(--text-supplemental)}
.master-table td .honorific{font-size:.76em;font-weight:400;color:var(--text-supplemental)}
.master-table td.code{color:#46494d}
.master-table .badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 8px;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:500;line-height:1.8;vertical-align:middle}
.master-table .badge:not(.ended):not(.RETIRED):not(.review):not(.error){background:#e8f4ed;color:#287253}
.master-table .badge.ended,.master-table .badge.RETIRED{background:#eef1f6;color:#606977}
.detail-button{min-height:34px;padding:6px 11px;border-color:#cad5e4;border-radius:7px;color:#253044;font-size:12px;font-weight:600;line-height:1.65}
.detail-arrow{width:14px;height:14px}
dialog{border-color:var(--border);border-radius:10px;background:#fff;color:#253044;font-family:inherit;box-shadow:0 20px 80px #16334d26}
dialog::backdrop{background:#243b5055}
.dialog-top{align-items:center;gap:12px;padding:16px 20px;border-bottom-color:var(--border)}
.dialog-top h2{font-size:17px;font-weight:500;line-height:1.5}
.dialog-top .eyebrow{font-size:12px;color:var(--text-supplemental)}
.dialog-top .icon-button{flex-basis:34px;width:34px;height:34px;border:1px solid #cbdbe6;border-radius:4px;background:#fff;color:#456276}
.dialog-body{padding:18px 20px;font-size:15px;line-height:1.9}
.client-detail-section{margin-bottom:20px}
.client-detail-section>h3,.staff-section-title{padding-bottom:9px;border-bottom:1px solid var(--border);color:#253044;font-size:17px;font-weight:700;line-height:1.5}
.client-detail-section .detail-grid>div{padding:12px 0;border-bottom-color:#e8ebf1}
.detail-grid dt,.staff-info-grid dt{font-size:12px;font-weight:400;color:var(--text-supplemental)}
.detail-grid dd,.staff-info-grid dd{font-size:15px;font-weight:400;line-height:1.9;color:#46494d}
.client-insurance{color:var(--text-secondary);font-size:13px;border-top-color:var(--border)}
.form-grid label,.form-field,.client-condition-fields label{font-size:13px;font-weight:400}
.staff-identity strong{font-weight:700}
.staff-identity p{font-size:13px}
.saseki-filter-help,.saseki-filter-options small{font-size:12px}
.saseki-filter-options button{font-size:14px}
@media(min-width:761px){
  .clients-table th.code,.clients-table td.code{width:1%;padding-left:12px;padding-right:12px;text-align:center}
  .clients-table th.code .client-sort{justify-content:center}
  .clients-table th.name,.clients-table td.name{padding-left:12px;padding-right:12px;min-width:150px}
  .clients-table .contact-column{width:100%;min-width:180px}
  .master-table th.status,.master-table td.status{width:1%;text-align:center;white-space:nowrap}
  .clients-table th.manager,.clients-table td.manager{white-space:nowrap}
}
@media(min-width:761px) and (max-width:1000px){
  .clients-table th.code,.clients-table td.code,.clients-table th.name,.clients-table td.name{padding-left:8px;padding-right:8px}
  .clients-table th.name,.clients-table td.name{min-width:125px}
}
@media(max-width:760px){
  .nav-item{font-size:14px}
  .page-title h1{font-size:23px}
  #page-actions button{min-height:44px;padding:9px 12px;font-size:14px}
  .search input{min-height:44px;font-size:16px}
  .toolbar .filters button{min-height:44px;font-size:13px}
  .master-table td{font-size:14px}
  .master-table td.code{font-size:12px;text-align:left}
  .master-table td.manager{font-size:13px;color:#46494d}
  .master-table td.status{text-align:center;justify-self:center}
  .master-table td small{font-size:12px}
  .master-table td.open{min-width:66px}
  .master-table .detail-button{min-height:44px}
  .mobile-client-sort{font-size:13px}
  .mobile-client-sort select{font-size:13px}
  .dialog-top{padding:8px 10px 8px 16px;min-height:60px}
  .dialog-top h2{font-size:18px;font-weight:600}
  .dialog-top .icon-button{flex-basis:44px;width:44px;height:44px}
  .dialog-body{padding:16px;line-height:1.9}
  .client-detail-section .detail-grid>div:nth-child(odd){padding-right:0}
  .client-condition-fields select{min-height:44px;font-size:16px}
}