/* H05 人事評価 達成状況ビュー(NAK-229)。承認済みHTMLデモ(H05_個人評価ランク推移可視化/design/html-demo/styles.css)を
   HR BASE の本文(#view)に閉じ込めたもの。殻(サイドバー・ページ見出し)は HR BASE のものを使う。
   手で直さない。生成元 = Desktop/01_管理本部SD/02_改善施策/大塚さん/H05_個人評価ランク推移可視化/tools/eval-css/css_port.py(調整は末尾の EXTRA) */
.ev th,.ev td{position:static;top:auto;z-index:auto;background:transparent;padding:0;border-bottom:0;font-size:inherit;font-weight:inherit;color:inherit;white-space:normal;line-height:inherit;text-align:inherit;vertical-align:inherit}
.ev .period-control .combo{width:auto;min-width:186px}.ev .period-control .combo input[type="text"]{border:0;background:transparent;font-size:17px;font-weight:650;padding:9px 24px 9px 3px}.ev .period-control .combo-list{font-size:15px;font-weight:500}
.ev{--ink:#121310;--paper:#fff;--blue:#46617e;--yellow:#f4df36;--line:#d9dde1;--muted:#64686d;--track:#e2e5e8;--soft:#f6f8fa;--rail:230px}
.ev *{box-sizing:border-box}
.ev{margin:0;color:var(--ink);font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
.ev button,.ev input,.ev select{font:inherit;color:inherit}
.ev button,.ev select{cursor:pointer}
.ev button{border:0;border-radius:0;background:transparent;padding:0}
.ev button:disabled{cursor:default;opacity:.3}
.ev a{color:var(--blue)}
.ev button:focus-visible,.ev select:focus-visible,.ev input:focus-visible,.ev a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.ev button:hover:not(:disabled){color:var(--blue)}
.ev .icon{width:22px;height:22px;display:block;flex:none}
.ev .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ev .num{font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-variant-numeric:tabular-nums}
.ev .muted{color:var(--muted)}
.ev .period-control{display:flex;align-items:center;gap:11px;white-space:nowrap}
.ev .period-control select{font-size:17px;font-weight:650;appearance:none;background:url('/eval-icons/chevron-down.svg') right center/19px no-repeat;border:0;padding:9px 27px 9px 3px;max-width:100%;border-radius:0}
.ev .icon-button{width:30px;height:36px;display:grid;place-items:center;color:var(--blue)}
.ev .icon-button .icon{width:24px;height:24px}
.ev .period-control .icon-button:not(:disabled){filter:invert(33%) sepia(16%) saturate(1093%) hue-rotate(172deg) brightness(93%) contrast(89%)}
.ev .tabs{display:flex;gap:15px}
.ev .tab{padding:10px 15px 11px;font-size:18px;font-weight:600;min-width:112px;border-bottom:3px solid var(--line);color:var(--muted)}
.ev .tab[aria-selected=true]{color:var(--blue);border-color:var(--blue)}
.ev .tab:hover{background:var(--soft)}
.ev .personal-toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:9px}
.ev .person-navigation{display:flex;gap:22px;align-items:center;padding-bottom:11px}
.ev .text-button{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:550;font-size:14px}
.ev .text-button .icon{width:18px;height:18px}
.ev .summary{border-top:2px solid var(--ink)}
.ev .summary-head,.ev .metric-row{display:grid;grid-template-columns:minmax(145px,1.12fr) minmax(110px,.8fr) 102px minmax(250px,2.6fr) 82px 18px;column-gap:16px;align-items:center}
.ev .summary-head{height:43px;border-bottom:1px solid var(--line);font-size:14px}
.ev .summary-head>:nth-child(4){text-align:center}
.ev .metric-group{font-size:20px;font-weight:750;margin:0;border-bottom:1px solid var(--line);padding:10px 4px 8px}
.ev .metric-row{width:100%;text-align:left;min-height:61px;border-bottom:1px solid var(--line);position:relative;transition:background 120ms}
.ev .metric-row:hover,.ev .metric-row:focus-visible{background:var(--soft);color:var(--ink)!important}
.ev .metric-row:hover:before,.ev .metric-row:focus-visible:before{content:'';position:absolute;left:-9px;top:5px;bottom:5px;width:4px;background:var(--blue)}
.ev .metric-name{font-size:18px;font-weight:700;padding-left:4px;line-height:1.4}
.ev .metric-value{font-size:21px;font-weight:700;white-space:nowrap}
.ev .metric-value small{font-size:15px}
.ev .metric-lv{font-size:17px;white-space:nowrap}
.ev .metric-date{font-size:14px;white-space:nowrap}
.ev .metric-arrow{width:19px;height:19px}
.ev .progress-cell{display:grid;grid-template-columns:minmax(120px,1fr) minmax(115px,.5fr);gap:22px;align-items:center;padding:6px 0 7px}
.ev .bar-wrap{min-width:0;padding-top:18px;position:relative}
.ev .bar{height:13px;background:var(--track);position:relative}
.ev .bar-fill{background:var(--blue);height:100%;width:var(--progress)}
.ev .remaining{position:absolute;right:0;top:0;min-width:calc(100% - var(--progress));font-size:12px;text-align:center;line-height:1.2;white-space:nowrap}
.ev .remaining:after{content:'';display:block;height:5px;border:1px solid #737b83;border-bottom:0;margin-top:2px}
.ev .target{font-size:15px;line-height:1.45;white-space:nowrap}
.ev .target small{display:block;color:#5b6066;font-size:11px;white-space:normal}
.ev .forecast{padding-top:0}
.ev .forecast-label{font-size:12px;font-weight:650;text-align:center;margin-bottom:5px;white-space:nowrap}
.ev .forecast-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ev .forecast-blocks span{height:14px;border:1px solid #727b84;background:var(--soft)}
.ev .empty-progress{color:#777;text-align:center}
.ev .ism-row{border-top:2px solid var(--ink);margin-top:8px;display:flex;align-items:center;gap:25px;padding:15px 4px;border-bottom:1px solid var(--line);min-height:54px}
.ev .ism-row strong{font-size:18px;min-width:calc(21.5% - 7px)}
.ev .ism-row span{font-size:18px;font-weight:600}
.ev .ism-row button{margin-left:auto}
.ev .page-footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-top:14px}
.ev .history-heading{display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--ink);padding:13px 4px}
.ev .history-heading p{margin:0;font-size:14px}
.ev .history-heading span{color:var(--muted);font-size:13px}
.ev .history-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.ev .history-table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:700px}
.ev .history-table th,.ev .history-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:0;text-align:center;vertical-align:middle}
.ev .history-table th:first-child{width:19%;text-align:left}
.ev .history-table th:last-child,.ev .history-table td:last-child{border-right:0}
.ev .history-table thead th{height:58px;font-size:16px;font-weight:700}
.ev .history-table thead th:first-child{padding:0 4px}
.ev .history-table thead th.current{border-top:3px solid var(--blue)}
.ev .history-table .period-status{font-size:11px;color:var(--blue);display:block;margin-top:2px}
.ev .history-table tbody th button{text-align:left;width:100%;padding:10px 4px;font-weight:700;font-size:17px;min-height:56px}
.ev .history-table td button{width:100%;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;font-size:18px;font-weight:700}
.ev .history-table td button:hover,.ev .history-table th button:hover{background:var(--soft);color:var(--ink)}
.ev .history-table td small{font-size:13px;font-weight:400;color:#50565c}
.ev .history-table .group th{height:40px;text-align:left;padding:7px 4px;font-size:20px;border-right:0}
.ev .history-table .ism-history th,.ev .history-table .ism-history td{border-top:2px solid var(--ink)}
.ev .history-table .ism-history td button{min-height:48px;font-size:17px}
.ev .history-table td.selected-period{background:#fafbfd}
.ev .overview{padding:30px 40px 22px}
.ev .heading-context{font-size:18px;font-weight:500;white-space:nowrap}
.ev .heading-context:before{content:'';display:inline-block;width:15px;height:15px;background:var(--yellow);margin-right:10px}
.ev .member-count{font-size:24px;color:#727679;font-weight:650}
.ev .overview-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px;min-height:57px}
.ev .overview .tabs .tab[aria-selected=true]{color:var(--ink);border-color:var(--ink)}
.ev .overview .tabs .tab{font-size:17px;padding-left:3px;padding-right:3px;min-width:138px}
.ev .search-tools{display:flex;gap:26px;align-items:end}
.ev .search-field{display:block;font-size:12px}
.ev .search-input-wrap{position:relative;margin-top:4px}
.ev .search-field input{height:40px;width:285px;border:1px solid var(--line);padding:8px 45px 8px 12px;border-radius:0;background:#fff;font-size:14px}
.ev .search-input-wrap .icon{position:absolute;right:12px;top:10px;width:20px;height:20px}
.ev .sort-select{appearance:none;border:0;padding:10px 27px 10px 3px;background:url('/eval-icons/chevron-down.svg') right center/17px no-repeat;font-size:14px}
.ev .directory{border-top:2px solid var(--ink)}
.ev .directory-head,.ev .directory-row{display:grid;grid-template-columns:1.5fr 1fr 185px;align-items:center;gap:20px}
.ev .directory-head{height:53px;font-size:15px;border-bottom:1px solid var(--line);padding:0 18px 0 70px}
.ev .directory-row{min-height:86px;border-bottom:1px solid var(--line);width:100%;text-align:left;padding:13px 18px}
.ev .directory-row:hover{background:var(--soft);color:var(--ink)!important}
.ev .directory-name{display:flex;align-items:center;gap:24px;min-width:0}
.ev .row-index{font-family:'Josefin Sans',sans-serif;font-size:21px;color:#787c7e;min-width:31px;text-align:center;font-weight:600}
.ev .directory-name strong{font-size:23px;font-weight:700}
.ev .directory-number{font-size:22px}
.ev .row-cta{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:14px;font-weight:550;color:var(--blue)}
.ev .row-cta .icon{width:21px;height:21px}
.ev .member-directory .directory-head,.ev .member-directory .directory-row{grid-template-columns:1.55fr .75fr .85fr 145px}
.ev .member-directory .directory-head{padding-left:74px}
.ev .manager-badge{font-size:16px;font-weight:550;background:var(--ink);color:#fff;padding:3px 7px;margin-right:-10px}
.ev .member-directory .directory-name{gap:20px}
.ev .member-directory .directory-name strong{font-size:22px}
.ev .member-directory .evaluation-type{font-size:19px}
.ev .member-directory .member-status{font-size:18px}
.ev .member-status small{display:block;font-size:12px;color:var(--muted);padding-top:4px}
.ev .new-status:before{content:'';width:13px;height:13px;background:#ad8c7b;display:inline-block;margin-right:10px}
.ev .empty-state{padding:80px 20px;text-align:center;border-bottom:1px solid var(--line)}
.ev .empty-state strong{font-size:20px}
.ev .empty-state p{color:var(--muted);font-size:14px;margin:12px 0 20px}
.ev .empty-state button{border-bottom:1px solid var(--blue);padding:4px;color:var(--blue)}
.ev dialog{border:0;border-radius:0;padding:0;color:var(--ink);background:#fff;width:min(1040px,calc(100vw - 70px));max-width:none;max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 70px #0002;margin:auto}
.ev dialog::backdrop{background:rgba(20,23,24,.48)}
.ev .dialog-body{padding:30px 36px 22px}
.ev .dialog-close{position:absolute;right:18px;top:15px;z-index:1;width:36px;height:36px;display:grid;place-items:center}
.ev .dialog-close .icon{width:30px;height:30px}
.ev .detail-header{display:flex;justify-content:space-between;gap:25px;margin-bottom:26px;padding-right:38px}
.ev .detail-person{font-size:15px;margin:0 0 9px}
.ev .detail-header h2{font-size:34px;margin:0;line-height:1.4;font-weight:750}
.ev .detail-period{padding-top:25px;text-align:right}
.ev .detail-period .period-control{justify-content:flex-end}
.ev .detail-period p{font-size:14px;margin:8px 6px 0;color:#474e55}
.ev .detail-stats{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 17px}
.ev .detail-value{font-size:59px;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#172336}
.ev .detail-value small{font-size:31px;letter-spacing:0}
.ev .detail-level{font-size:22px;margin-left:21px;letter-spacing:0;font-weight:500;white-space:nowrap;color:#172336}
.ev .detail-target{font-size:18px;text-align:right}
.ev .detail-target strong{font-size:23px}
.ev .detail-progress{padding:18px 0 30px;position:relative;margin-bottom:14px}
.ev .detail-progress .bar{height:26px}
.ev .detail-progress .remaining{font-size:16px;top:-10px;font-weight:650}
.ev .detail-progress .remaining:after{height:8px;margin-top:4px}
.ev .bar-axis{position:relative;margin-top:8px;height:20px;font-size:15px}
.ev .axis-zero{position:absolute;left:0}
.ev .axis-current{position:absolute;left:var(--progress);transform:translateX(-50%)}
.ev .axis-max{position:absolute;right:0}
.ev .detail-chart-section{border-top:1px solid var(--ink);padding-top:8px}
.ev .detail-chart-section .tabs{margin-bottom:12px}
.ev .detail-chart-section .tab{font-size:17px;min-width:135px;padding:9px 12px}
.ev .chart{width:100%;display:block;height:auto;overflow:visible}
.ev .chart text{font-family:'Noto Sans JP',sans-serif;fill:#333d46;font-size:13px}
.ev .chart .value-label{fill:#365672;font-weight:650}
.ev .chart .chart-grid{stroke:#e0e4e8;stroke-width:1}
.ev .chart .chart-axis{stroke:#78818a;stroke-width:1}
.ev .chart .chart-series{fill:none;stroke:var(--blue);stroke-width:2.5}
.ev .chart .chart-point{fill:var(--blue)}
.ev .chart .chart-target{stroke:#7d858d;stroke-dasharray:5 4;stroke-width:1.3}
.ev .detail-previous{border-top:2px solid var(--ink);padding-top:16px;margin-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:17px}
.ev .detail-previous strong{font-weight:650}
.ev .detail-previous span{font-weight:650}
.ev .detail-note{font-size:12px;color:var(--muted);margin:8px 0 18px}
.ev .detail-forecast{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 12px}
.ev .detail-forecast div{border:1px solid #84909b;background:#fafbfd;padding:12px;text-align:center}
.ev .detail-forecast span{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}
.ev .detail-forecast strong{font-size:24px}
.ev .detail-forecast small{font-size:13px}
.ev .detail-callout{font-size:15px;line-height:1.8;margin:15px 0 23px}
.ev .history-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:end;padding:22px 6px 8px;min-height:235px}
.ev .history-bar-column{text-align:center;height:210px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}
.ev .history-bar-column .history-bar{width:58%;height:var(--height);background:var(--blue);min-height:2px}
.ev .history-bar-column strong{font-size:20px}
.ev .history-bar-column small{color:var(--muted);font-size:12px}
.ev .history-bar-column span{font-size:12px;white-space:nowrap}
.ev .detail-empty{border-top:1px solid var(--line);padding:45px 10px;text-align:center}
.ev .detail-empty strong{font-size:22px}
.ev .detail-empty p{font-size:14px;color:var(--muted);line-height:1.8}
.ev .ism-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}
.ev .ism-cell{padding:22px 10px;text-align:center;border-right:1px solid var(--line)}
.ev .ism-cell:last-child{border-right:0}
.ev .ism-cell span{display:block;font-size:12px;color:var(--muted);margin-bottom:15px}
.ev .ism-cell strong{font-size:26px}
.ev .ism-cell.pending strong{font-size:16px}
.ev .detail-period-state{display:inline-block;font-size:14px;color:var(--muted);padding:6px 0}
@media(min-width:1600px){.ev .ev-main:not(.overview){padding-left:28px;padding-right:28px}.ev .metric-row{min-height:57px}.ev .metric-group{padding-top:8px;padding-bottom:6px}.ev .summary-head,.ev .metric-row{grid-template-columns:minmax(170px,1.12fr) minmax(130px,.8fr) 120px minmax(350px,2.6fr) 95px 20px;gap:20px}.ev .metric-name{font-size:21px}.ev .metric-value{font-size:23px}.ev .metric-lv{font-size:18px}.ev .target{font-size:17px}.ev .metric-date{font-size:16px}.ev .bar{height:15px}.ev .tab{font-size:20px}.ev .progress-cell{grid-template-columns:minmax(150px,1fr) 180px;gap:24px}.ev .remaining{font-size:13px}.ev .target small{font-size:12px}.ev .history-table td button{min-height:57px}.ev .overview .directory-row{min-height:92px}.ev .overview .directory-name strong{font-size:26px}}
@media(max-width:1250px){.ev{--rail:200px}.ev .period-control{gap:3px}.ev .period-control select{font-size:15px}.ev .summary-head,.ev .metric-row{grid-template-columns:minmax(135px,1fr) 102px 70px minmax(225px,2fr) 51px 16px;gap:10px}.ev .metric-name{font-size:16px}.ev .metric-value{font-size:18px}.ev .metric-lv{font-size:14px}.ev .metric-date{font-size:12px}.ev .progress-cell{grid-template-columns:minmax(120px,1fr) 88px;gap:12px}.ev .target{font-size:12px}.ev .target small{font-size:10px}.ev .remaining,.ev .forecast-label{font-size:10px}.ev .person-navigation{gap:13px}.ev .overview{padding:28px}.ev .search-field input{width:230px}.ev .directory-head,.ev .directory-row{grid-template-columns:1.5fr .6fr 160px}.ev .directory-name strong{font-size:21px}.ev .directory-name{gap:12px}.ev .member-directory .directory-head,.ev .member-directory .directory-row{grid-template-columns:1.35fr .7fr .8fr 125px;gap:12px}.ev .member-directory .directory-name{gap:12px}.ev .member-directory .directory-name strong{font-size:18px}.ev .manager-badge{font-size:12px;padding:2px 4px}.ev .member-directory .evaluation-type{font-size:15px}.ev .member-directory .member-status{font-size:15px}.ev .row-cta{font-size:12px}.ev .search-tools{gap:16px}.ev .overview-toolbar{gap:16px}.ev .overview .tabs{gap:10px}.ev .overview .tabs .tab{min-width:125px;font-size:15px}}
@media(max-width:1000px){.ev{--rail:166px}.ev .summary-head,.ev .metric-row{grid-template-columns:126px 94px 59px minmax(180px,1fr) 16px;gap:9px}.ev .summary-head>:nth-child(5),.ev .metric-date{display:none}.ev .progress-cell{grid-template-columns:1fr 76px;gap:10px}.ev .metric-name{font-size:15px}.ev .metric-value{font-size:17px}.ev .metric-row{min-height:65px}.ev .remaining,.ev .forecast-label{font-size:9px}.ev .target{font-size:11px}.ev .target small{font-size:9px}.ev .person-navigation .text-button{font-size:12px}.ev .person-navigation{gap:10px}.ev .overview-toolbar{flex-wrap:wrap}.ev .search-field input{width:260px}.ev .directory-name strong{font-size:19px}.ev .directory-row{padding:12px 6px;gap:10px}.ev .directory-head{padding-left:49px}.ev .directory-head,.ev .directory-row{grid-template-columns:1.5fr .6fr 135px}.ev .member-directory .directory-head{padding-left:45px}.ev .member-directory .directory-head,.ev .member-directory .directory-row{grid-template-columns:1.4fr .65fr .7fr 115px;gap:8px}.ev .member-directory .directory-name{gap:8px}.ev .member-directory .directory-name strong{font-size:16px}.ev .member-directory .row-index{font-size:17px;min-width:20px}.ev .row-cta .icon{width:17px;height:17px}.ev .detail-header h2{font-size:30px}}
@media(max-width:760px){.ev{--rail:0px}.ev .ev-main,.ev .overview{margin-left:0;padding:20px 16px 16px;min-height:calc(100dvh - 61px)}.ev .period-control{gap:0}.ev .period-control select{font-size:12px;max-width:157px;padding-right:20px;background-size:15px}.ev .icon-button{width:22px}.ev .icon-button .icon{width:19px;height:19px}.ev .personal-toolbar{align-items:center;margin-bottom:9px}.ev .tabs{gap:10px}.ev .tab{font-size:15px;min-width:86px;padding:9px 8px}.ev .person-navigation{padding:0;gap:7px}.ev .person-navigation .text-button{font-size:11px}.ev .person-navigation .text-button .icon{width:14px;height:14px}.ev .summary-head{display:none}.ev .metric-group{font-size:18px;padding:12px 2px 9px}.ev .metric-row{grid-template-columns:minmax(112px,1fr) auto 65px 14px;gap:8px;min-height:95px;padding:12px 0 10px}.ev .metric-name{font-size:15px;padding-left:2px;align-self:start;line-height:24px}.ev .metric-value{font-size:20px;align-self:start;line-height:24px}.ev .metric-value small{font-size:12px}.ev .metric-lv{font-size:13px;align-self:start;line-height:24px;text-align:center}.ev .metric-arrow{width:15px;height:15px;align-self:start;margin-top:5px}.ev .progress-cell{grid-column:1/5;grid-row:2;grid-template-columns:minmax(140px,1fr) 126px;gap:15px;padding:0}.ev .target{font-size:12px}.ev .target small{font-size:10px}.ev .bar-wrap{padding-top:16px}.ev .bar{height:10px}.ev .remaining,.ev .forecast-label{font-size:11px}.ev .forecast{padding-top:0}.ev .forecast-blocks span{height:12px}.ev .metric-row.missing{min-height:66px}.ev .missing .progress-cell{display:none}.ev .ism-row{padding:14px 2px;gap:12px;flex-wrap:wrap}.ev .ism-row strong{font-size:15px;min-width:100px}.ev .ism-row span{font-size:14px}.ev .ism-row .text-button{font-size:12px;gap:4px}.ev .ism-row .text-button .icon{width:15px;height:15px}.ev .page-footer{font-size:10px;gap:8px;margin-top:12px;flex-wrap:wrap}.ev .history-heading{padding:12px 2px}.ev .history-heading p,.ev .history-heading span{font-size:12px}.ev .history-table{min-width:700px}.ev .history-table th:first-child{width:165px;position:sticky;left:0;background:#fff;z-index:1}.ev .history-table thead th{font-size:14px}.ev .history-table tbody th button{font-size:15px}.ev .history-table td button{font-size:17px}.ev .history-table .group th{font-size:18px}.ev .history-table .group th{position:static}.ev .history-scroll{border-right:1px solid var(--line)}.ev .heading-context{font-size:13px}.ev .heading-context:before{width:10px;height:10px;margin-right:6px}.ev .member-count{font-size:18px}.ev .overview-toolbar{gap:18px;margin-bottom:20px}.ev .overview .tabs .tab{font-size:14px;min-width:125px}.ev .search-tools{width:100%;justify-content:space-between;gap:14px}.ev .search-field{flex:1;font-size:11px}.ev .search-field input{width:100%;font-size:13px;height:39px}.ev .search-input-wrap .icon{width:18px;height:18px}.ev .sort-select{font-size:12px}.ev .directory-head{height:43px;font-size:12px;padding:0 5px 0 37px}.ev .directory-head,.ev .directory-row{grid-template-columns:minmax(160px,1fr) 62px 25px;gap:8px}.ev .directory-row{min-height:76px;padding:12px 4px}.ev .directory-name{gap:12px}.ev .directory-name strong{font-size:17px}.ev .row-index{font-size:16px;min-width:21px}.ev .directory-number{font-size:18px}.ev .row-cta{font-size:0;gap:0}.ev .row-cta .icon{width:19px;height:19px}.ev .member-directory .directory-head{display:none}.ev .member-directory .directory-row{grid-template-columns:minmax(145px,1fr) 90px 25px;row-gap:8px;min-height:83px}.ev .member-directory .directory-name{grid-column:1;grid-row:1;gap:10px}.ev .member-directory .evaluation-type{grid-column:1;grid-row:2;padding-left:31px;font-size:12px;color:var(--muted)}.ev .member-directory .member-status{grid-column:2;grid-row:1/3;font-size:13px}.ev .member-directory .row-cta{grid-column:3;grid-row:1/3}.ev .member-status small{font-size:10px}.ev .manager-badge{font-size:11px;margin:0 -4px 0 0}.ev .new-status:before{width:9px;height:9px;margin-right:6px}.ev .empty-state{padding:55px 15px}.ev .empty-state strong{font-size:17px}.ev dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.ev .dialog-body{padding:25px 18px 20px}.ev .dialog-close{right:6px;top:7px;width:32px;height:32px}.ev .dialog-close .icon{width:26px;height:26px}.ev .detail-header{padding-right:0;display:block;margin-bottom:24px}.ev .detail-person{font-size:12px;margin-bottom:7px}.ev .detail-header h2{font-size:26px;padding-right:20px}.ev .detail-period{display:flex;justify-content:space-between;align-items:center;padding-top:14px;text-align:left}.ev .detail-period .period-control{justify-content:start}.ev .detail-period .period-control select{font-size:13px;max-width:180px}.ev .detail-period p{font-size:11px;margin:0}.ev .detail-value{font-size:42px}.ev .detail-value small{font-size:22px}.ev .detail-level{font-size:16px;margin-left:12px}.ev .detail-target{font-size:11px}.ev .detail-target strong{font-size:15px}.ev .detail-stats{gap:10px;flex-wrap:wrap;margin-bottom:17px}.ev .detail-progress{padding-top:16px;padding-bottom:26px;margin-bottom:8px}.ev .detail-progress .bar{height:20px}.ev .detail-progress .remaining{font-size:12px;top:-6px}.ev .bar-axis{font-size:12px;margin-top:6px}.ev .detail-chart-section .tab{font-size:14px;min-width:115px;padding:8px 5px}.ev .detail-chart-section .tabs{gap:13px;margin-bottom:13px}.ev .chart{min-height:190px}.ev .chart text{font-size:16px}.ev .detail-previous{font-size:12px;gap:10px;line-height:1.7;margin-top:12px;padding-top:13px}.ev .detail-note{font-size:11px;line-height:1.6}.ev .detail-forecast{gap:6px}.ev .detail-forecast div{padding:10px 4px}.ev .detail-forecast strong{font-size:21px}.ev .detail-forecast span{font-size:11px}.ev .detail-callout{font-size:13px}.ev .history-bars{gap:12px;padding-left:0;padding-right:0}.ev .history-bar-column strong{font-size:16px}.ev .history-bar-column span{font-size:9px}.ev .history-bar-column small{font-size:11px}.ev .history-bar-column .history-bar{width:70%}.ev .ism-cells{grid-template-columns:repeat(2,1fr)}.ev .ism-cell:nth-child(2){border-right:0}.ev .ism-cell:nth-child(-n+2){border-bottom:1px solid var(--line)}.ev .ism-cell{padding:17px 7px}.ev .ism-cell span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ev *{scroll-behavior:auto!important;transition:none!important}}
.ev .store-overview .overview-toolbar{margin-bottom:27px}
.ev .store-overview .page-footer{margin-top:19px}
@media(min-width:1001px) and (max-width:1399px){.ev .store-overview{padding-left:24px;padding-right:24px}}
@media(max-width:760px){.ev .store-overview .overview-toolbar{margin-bottom:20px}}
.ev .level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 6px;font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:13px;font-weight:650;line-height:1.1;letter-spacing:0;white-space:nowrap;border:0;vertical-align:middle}
.ev .lv-0{background:#edf0f3;color:#485561}
.ev .lv-1{background:#dbe4ec;color:#374d62}
.ev .lv-2{background:#bcccdc;color:#203c55}
.ev .lv-3{background:#95afc5;color:#182f43}
.ev .lv-4{background:#57718b;color:#fff}
.ev .lv-5{background:#36536f;color:#fff}
.ev .lv-6{background:#19374f;color:#fff}
.ev .level-total{font-size:12px;font-weight:400;color:#6f767d;margin-left:5px;vertical-align:middle}
.ev .metric-lv .level-badge{font-size:14px;padding:5px 6px}
.ev .target .level-badge{font-size:11px;padding:3px 4px;min-width:27px}
.ev .history-table td small .level-badge{font-size:12px;padding:3px 6px}
.ev .detail-level .level-badge{font-size:19px;padding:7px 9px}
.ev .detail-value .detail-level .level-total{font-size:14px}
.ev .detail-target .level-badge{font-size:14px;padding:4px 6px;margin:0 4px}
.ev .detail-previous .level-badge{font-size:13px;padding:4px 6px}
.ev .history-bar-column .level-badge{font-size:12px;padding:3px 6px}
.ev .member-filter-wrap{position:relative;flex:none}
.ev .member-filter-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:185px;height:40px;border:1px solid #9ba4ad;padding:8px 11px;font-size:13px;background:#fff}
.ev .member-filter-button strong{font-size:14px;font-weight:600}
.ev .member-filter-button .icon{width:17px;height:17px}
.ev .member-filter-button[aria-expanded=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.ev .member-filter-panel{position:absolute;right:0;top:calc(100% + 8px);width:282px;background:#fff;border:1px solid #929ca6;box-shadow:0 8px 25px #172a3b1f;z-index:30;padding:15px 16px 12px}
.ev .member-filter-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.ev .member-filter-heading .icon-button{width:24px;height:24px}
.ev .member-filter-heading .icon{width:20px;height:20px}
.ev .member-filter-bulk{display:flex;gap:19px;padding:13px 0 12px;border-bottom:1px solid var(--line)}
.ev .member-filter-bulk button{font-size:12px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.ev .member-filter-options{max-height:310px;overflow-y:auto;padding:6px 0}
.ev .member-filter-option{display:flex;align-items:center;gap:11px;min-height:40px;font-size:14px;cursor:pointer}
.ev .member-filter-option:hover{background:var(--soft)}
.ev .member-filter-option input{accent-color:var(--blue);width:17px;height:17px;margin:0 0 0 2px;cursor:pointer}
.ev .member-filter-option .manager-badge{font-size:10px;padding:1px 4px;margin-left:auto;margin-right:0}
.ev .member-filter-footer{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.ev .member-selection-empty{min-height:360px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.ev .member-selection-empty strong{font-size:20px;font-weight:650}
.ev .member-tables{display:grid;grid-template-columns:repeat(var(--member-columns),minmax(0,1fr));align-items:start;gap:14px;width:100%}
.ev .member-tables.columns-1{max-width:340px}
.ev .member-tables.columns-2{max-width:680px}
.ev .member-tables.columns-3{max-width:1020px}
.ev .member-table-card{min-width:0;background:#fff;border:1px solid var(--line);border-top:2px solid var(--ink);padding:0 10px 0}
.ev .member-table-heading{border-bottom:1px solid var(--line);margin:0 -10px;padding:0 11px}
.ev .member-table-heading button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:55px;gap:8px;text-align:left;font-size:17px;font-weight:700}
.ev .member-table-heading button>span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ev .member-table-heading .manager-badge{margin:0;font-size:12px;padding:2px 4px}
.ev .member-table-heading .icon{width:18px;height:18px}
.ev .person-value-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}
.ev .person-value-table .person-item-col{width:44%}
.ev .person-value-table .person-value-col{width:35%}
.ev .person-value-table .person-level-col{width:21%}
.ev .person-value-table th,.ev .person-value-table td{border-bottom:1px solid var(--line);text-align:left;padding:9px 2px;vertical-align:middle;line-height:1.45}
.ev .person-value-table thead th{font-size:11px;font-weight:500;color:#616a72;padding-top:9px;padding-bottom:9px}
.ev .person-value-table thead th:last-child,.ev .person-value-table td:last-child{text-align:right}
.ev .person-value-table tbody th{font-weight:500;overflow-wrap:anywhere}
.ev .person-value-table tbody tr:not(.person-table-group){height:48px}
.ev .person-value-table td strong{font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:17px;font-weight:650;white-space:nowrap;letter-spacing:-.025em}
.ev .person-table-unit{font-size:11px;font-weight:500;letter-spacing:0;margin-left:1px}
.ev .person-value-table .person-table-group th{font-size:12px;font-weight:650;background:#f6f7f8;padding:6px 3px;line-height:1.35;height:29px}
.ev .person-value-table .level-badge{min-width:32px;font-size:12px;padding:4px 5px}
.ev .person-value-missing{font-size:10px;color:#727a80;white-space:nowrap}
.ev .person-value-table .person-table-ism{border-top:1px solid var(--ink)}
.ev .person-value-table .person-table-ism th,.ev .person-value-table .person-table-ism td{border-bottom:0}
.ev .person-value-table .person-table-ism td{font-size:17px;font-weight:600}
.ev .person-ism-pending{font-size:11px;font-weight:400;white-space:nowrap;color:#606970}
.ev .store-overview .search-tools{gap:16px}
.ev .store-overview .search-field{min-width:0}
.ev .store-overview .overview-toolbar{margin-bottom:24px}
@media(min-width:1600px){.ev .member-tables{gap:18px}.ev .member-table-card{padding-left:12px;padding-right:12px}.ev .member-table-heading{margin-left:-12px;margin-right:-12px;padding-left:13px;padding-right:13px}.ev .member-table-heading button{font-size:20px;min-height:61px}.ev .person-value-table{font-size:14px}.ev .person-value-table tbody tr:not(.person-table-group){height:49px}.ev .person-value-table td strong{font-size:19px}.ev .person-value-table .person-table-group th{height:31px;font-size:13px}.ev .person-value-table .level-badge{font-size:13px;padding:4px 6px;min-width:35px}.ev .person-value-table thead th{font-size:12px}.ev .person-ism-pending{font-size:12px}}
@media(min-width:1001px) and (max-width:1399px){.ev .member-tables{gap:10px}.ev .member-table-card{padding:0 7px}.ev .member-table-heading{margin:0 -7px;padding:0 8px}.ev .member-table-heading button{font-size:15px;min-height:51px}.ev .member-table-heading .manager-badge{font-size:10px;padding:2px 3px}.ev .member-table-heading .icon{width:15px;height:15px}.ev .person-value-table{font-size:12px}.ev .person-value-table tbody tr:not(.person-table-group){height:47px}.ev .person-value-table th,.ev .person-value-table td{padding:8px 1px}.ev .person-value-table td strong{font-size:15px}.ev .person-table-unit{font-size:10px}.ev .person-value-table .level-badge{min-width:29px;font-size:11px;padding:4px}.ev .member-tables.columns-5 .member-table-heading button{font-size:13px}.ev .member-tables.columns-5 .member-table-heading button>span{gap:5px}.ev .member-tables.columns-5 .person-value-table{font-size:11px}.ev .member-tables.columns-5 .person-value-table td strong{font-size:14px}.ev .member-tables.columns-5 .person-table-unit{font-size:9px}.ev .member-tables.columns-5 .person-value-table .level-badge{min-width:26px;font-size:10px;padding:4px 3px}.ev .member-tables.columns-5 .person-value-table .person-item-col{width:43%}.ev .member-tables.columns-5 .person-value-table .person-value-col{width:37%}.ev .member-tables.columns-5 .person-value-table .person-level-col{width:20%}.ev .member-tables.columns-5 .person-value-missing{font-size:9px}.ev .member-tables.columns-5 .person-ism-pending{font-size:10px}}
@media(min-width:761px) and (max-width:1000px){.ev .member-tables{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.ev .store-overview .search-tools{flex-wrap:wrap;justify-content:flex-end;gap:12px}.ev .store-overview .search-field input{width:210px}}
@media(max-width:760px){.ev .member-tables{grid-template-columns:minmax(0,1fr);max-width:none;gap:22px}.ev .member-table-card{padding:0 13px}.ev .member-table-heading{margin:0 -13px;padding:0 14px}.ev .member-table-heading button{font-size:18px;min-height:58px}.ev .person-value-table{font-size:14px}.ev .person-value-table th,.ev .person-value-table td{padding:10px 3px}.ev .person-value-table tbody tr:not(.person-table-group){height:47px}.ev .person-value-table td strong{font-size:20px}.ev .person-table-unit{font-size:12px}.ev .person-value-table .level-badge{min-width:40px;font-size:14px;padding:5px 7px}.ev .person-value-table .person-table-group th{font-size:13px;height:30px}.ev .person-value-table thead th{font-size:12px}.ev .person-ism-pending{font-size:12px}.ev .store-overview .search-tools{flex-wrap:wrap;gap:14px}.ev .store-overview .search-field{flex:1 0 100%}.ev .member-filter-wrap{width:100%}.ev .member-filter-button{width:100%;height:43px}.ev .member-filter-panel{width:min(100%,320px)}.ev .store-overview .overview-toolbar{gap:20px;margin-bottom:24px}.ev .metric-lv .level-badge{font-size:11px;min-width:28px;padding:4px}.ev .metric-lv .level-total{font-size:10px;margin-left:3px}.ev .detail-level .level-badge{font-size:15px;padding:6px 7px}.ev .detail-value .detail-level .level-total{font-size:11px}.ev .detail-target .level-badge{font-size:11px;padding:3px 4px;margin:0 2px}.ev .detail-previous .level-badge{font-size:11px;padding:3px 5px}.ev .target .level-badge{font-size:10px;padding:3px;min-width:24px}.ev .member-selection-empty{min-height:280px}.ev .member-selection-empty strong{font-size:17px}}
.ev .metric-word{display:inline-block;white-space:nowrap}
.ev .search-result-count{font-size:12px;color:var(--muted);white-space:nowrap;align-self:center;margin-top:18px}
.ev .member-filter-button{min-width:185px}
@media(min-width:1001px) and (max-width:1399px){.ev .member-tables.columns-5 .person-value-table{font-size:12px}.ev .member-tables.columns-5 .person-value-table .level-badge{font-size:11px;min-width:29px}.ev .store-overview .search-tools{gap:12px}}
@media(min-width:1001px) and (max-height:820px){.ev .store-overview{padding-top:12px;padding-bottom:12px}.ev .store-overview .overview-toolbar{min-height:0;margin-bottom:12px}.ev .store-overview .search-field input{height:34px}.ev .store-overview .search-input-wrap .icon{top:8px;width:18px;height:18px}.ev .store-overview .member-filter-button{height:34px}.ev .store-overview .member-table-heading button{min-height:42px}.ev .store-overview .person-value-table thead th{padding-top:5px;padding-bottom:5px}.ev .store-overview .person-value-table tbody tr:not(.person-table-group){height:40px}.ev .store-overview .person-value-table th,.ev .store-overview .person-value-table td{padding-top:4px;padding-bottom:4px;line-height:1.25}.ev .store-overview .person-value-table .person-table-group th{height:24px;padding-top:4px;padding-bottom:4px}.ev .store-overview .page-footer{margin-top:10px}}
@media(max-width:760px){.ev .search-result-count{margin-top:0;align-self:auto}}
.ev{--control-border:#89939d}
.ev .search-field input,.ev .member-filter-button{border-color:var(--control-border)}
.ev .unlimited-label{display:inline-block;flex:none;font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:11px;font-weight:500;line-height:1.3;letter-spacing:0;color:#59646f;white-space:nowrap}
.ev .detail-person .unlimited-label{margin-left:8px}
.ev .directory-name .unlimited-label{margin-left:-12px}
.ev .member-table-heading button>span:has(.unlimited-label){gap:6px}
.ev .member-filter-option .unlimited-label{margin-left:auto}
@media(min-width:1001px) and (max-width:1399px){.ev .member-tables.columns-5 .member-table-heading .unlimited-label{font-size:10px}.ev .member-tables.columns-5 .member-table-heading button>span:has(.unlimited-label){gap:4px}}
@media(max-width:760px){.ev .member-directory .directory-name:has(.unlimited-label){flex-wrap:wrap;gap:6px}.ev .directory-name .unlimited-label{margin-left:0}.ev .member-table-heading .unlimited-label{font-size:12px}}

/* ---- HR BASE に合わせる調整(デモにない部分) ---- */
/* 余白は HR BASE の本文(#view)が持つ。デモの一覧画面の外側の余白は使わない */
.ev .overview{padding:0}
@media(max-width:760px){.ev .overview{padding:0;min-height:0}}
/* 高さ820px以下の画面では上部ヘッダーを詰め、店舗の表(4〜5名×9項目+ism体現)を1280×720・1366×768の1画面に収める。
   それより高い画面は HR BASE の他の画面と同じ高さのまま */
@media(max-height:820px){.main:has(#view[data-view="eval"]) .top{min-height:0;padding:14px 0 12px;margin-bottom:14px}}
/* HR BASE の brand.css にも .summary-head(上下左右の余白)があり、表頭が値の列からずれる。画面内では打ち消す */
.ev .summary-head{padding:0}
/* 半期の履歴: 表の最小幅は期数から(項目列165px+1期100px)。値は折り返さない。期の見出しは「年」の後でだけ折り返す */
.ev .history-table{min-width:calc(165px + var(--periods,4) * 100px)}
.ev .history-table td button>span{white-space:nowrap}
.ev .history-table .half-y,.ev .history-table .half-m{display:inline-block;white-space:nowrap}
/* グラフの値の数字に白いふちを付け、線・目盛りと重なっても読めるようにする */
.ev .chart .value-label{paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
/* タブ: 選択中は下線の有無で示す(色の差だけにしない)。選択中の文字と下線は墨色で、管理・個人・詳細で同じ */
.ev .tab{border-bottom:2px solid transparent}
.ev .tab[aria-selected=true],.ev .overview .tabs .tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
/* 1600px以上: 個人・履歴の本文を上部ヘッダーの左端にそろえる */
@media(min-width:1600px){.ev .ev-main:not(.overview){padding-left:0;padding-right:0}}
/* 店舗一覧・メンバー一覧の表頭: 行と同じ左右の余白にし、先頭の見出しは行の番号の幅だけ下げる(列の位置を行とそろえる) */
.ev .directory-head,.ev .member-directory .directory-head{padding-left:18px;padding-right:18px}
.ev .directory-head span{white-space:nowrap}
@media(max-width:1000px){.ev .directory-head,.ev .member-directory .directory-head{padding-left:6px;padding-right:6px}}
@media(max-width:760px){.ev .directory-head,.ev .member-directory .directory-head{padding-left:4px;padding-right:4px}}
.ev .row-index{color:#6c7072}
/* 5名並び(1001〜1399px)の単位・未取込・ism の小さい文字を1px上げる */
@media(min-width:1001px) and (max-width:1399px){.ev .member-tables.columns-5 .person-table-unit,.ev .member-tables.columns-5 .person-value-missing{font-size:10px}.ev .member-tables.columns-5 .person-ism-pending{font-size:11px}}
/* 高さ820px以下: 個人サマリーの行と群見出しを詰める。詳細は月の目盛りと前期末まで枠に収める(グラフの高さは eval.js 側で低くする) */
@media(min-width:1001px) and (max-height:820px){.ev .metric-row{min-height:48px}.ev .metric-group{padding-top:6px;padding-bottom:4px}.ev .summary-head{height:34px}.ev .ism-row{padding-top:10px;padding-bottom:10px;min-height:0}}
@media(min-width:761px) and (max-height:820px){.ev dialog{max-height:calc(100dvh - 40px)}.ev .dialog-body{padding-top:20px;padding-bottom:16px}.ev .detail-header{margin-bottom:14px}.ev .detail-value{font-size:46px}.ev .detail-value small{font-size:24px}.ev .detail-stats{margin-bottom:10px}.ev .detail-progress{padding-bottom:24px;margin-bottom:8px}.ev .detail-chart-section .tabs{margin-bottom:6px}.ev .detail-previous{padding-top:10px;margin-top:10px}}
.view-title-line .ev .unlimited-label{margin-left:10px}
/* 列数は件数から(半期の履歴=7半期、残りの月=1〜6か月)。4列固定だと折り返してダイアログからはみ出す */
.ev .history-bars{grid-template-columns:repeat(var(--cols,4),minmax(64px,1fr));overflow-x:auto}
.ev .detail-forecast{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
.ev .forecast-blocks{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
/* 未取込・記録なしの小さい文字は 4.5:1 以上の濃さにする */
.ev .person-value-missing{color:#5d646a}
/* スマホでは小さい操作部品の押せる範囲を広げる */
@media(max-width:760px){.ev .icon-button{width:36px;height:40px}.ev .person-navigation .text-button,.ev .member-filter-bulk button{min-height:36px;padding:8px 4px}}
/* 「店舗へ」「次の人」は折り返さない(スマホで「次の／人」と割れる) */
.ev .person-navigation .text-button{white-space:nowrap}
/* スマホ: 本文の左右の余白は HR BASE の本文(#view)の16pxだけにする(デモの .main の16pxと二重になり、見出しより内側に寄る) */
@media(max-width:760px){.ev .ev-main:not(.overview){padding-left:0;padding-right:0}}
/* スマホの履歴: 固定した項目列の右の罫線を一緒に固定し、横スクロールは期の列の頭で止まりやすくする */
@media(max-width:760px){.ev .history-table tr:not(.group)>th:first-child{box-shadow:inset -1px 0 0 var(--line)}.ev .history-scroll{scroll-snap-type:x proximity;scroll-padding-left:165px}.ev .history-table thead th:not(:first-child){scroll-snap-align:start}}
/* 履歴の群見出し(スキル・スタンス)は横にずらしても左端に残す(表の幅いっぱいのセルのため、文字だけを固定する) */
.ev .history-table .group-label{display:inline-block;position:sticky;left:4px}
/* 個人サマリーの表頭「項目」を項目名の文字の左端(4px)にそろえる */
.ev .summary-head>:first-child{padding-left:4px}
/* 高さ820px以下: 詳細の半期の履歴の棒(eval.js で最大85px)と、平均項目の残りの月の箱を詰めて枠に収める */
@media(min-width:761px) and (max-height:820px){.ev .history-bars{min-height:0;padding-top:10px}.ev .history-bar-column{height:160px}.ev .detail-forecast{margin:10px 0 6px}.ev .detail-forecast div{padding:6px 4px}}

/* ---- 文字と行の高さを HR BASE の他の画面(本文14px・表の見出し12px・行の高さ約45px)に合わせて詰める(NAK-254) ----
   デモの大きい文字(店舗名23〜26px・詳細の数字59px など)をやめる。店舗画面の1人1表(.person-value-table 等)は今の大きさのまま。
   .ev.ev で1段強くし、デモの画面幅ごとの指定(1600px以上で大きくする等)より後から効かせる */
.ev.ev .period-control .combo{min-width:160px}
.ev.ev .period-control .combo input[type="text"]{font-size:14px;font-weight:600;padding:6px 22px 6px 3px}
.ev.ev .period-control .combo-list{font-size:13px}
.ev.ev .tabs{gap:18px}
.ev.ev .tabs .tab{font-size:14px;min-width:0;padding:6px 2px 7px}
.ev.ev .text-button{font-size:13px}
.ev.ev .search-field{font-size:11px}
.ev.ev .search-field input{font-size:13px}
.ev.ev .member-filter-button{font-size:12px}
.ev.ev .member-filter-button strong{font-size:13px}
.ev.ev .empty-state strong,.ev.ev .member-selection-empty strong{font-size:15px}
.ev.ev .empty-state p{font-size:12px}
/* 店舗一覧・メンバー一覧 */
.ev.ev .directory-head{height:34px;font-size:12px}
.ev.ev .directory-row{min-height:46px;padding-top:6px;padding-bottom:6px}
.ev.ev .directory-name,.ev.ev .member-directory .directory-name{gap:12px}
.ev.ev .row-index,.ev.ev .member-directory .row-index{font-size:13px;min-width:22px}
.ev.ev .directory-name strong,.ev.ev .member-directory .directory-name strong{font-size:15px}
.ev.ev .directory-number{font-size:14px}
.ev.ev .member-directory .evaluation-type,.ev.ev .member-directory .member-status{font-size:13px}
.ev.ev .member-status small{font-size:11px}
.ev.ev .row-cta{font-size:12px}
.ev.ev .directory-row .manager-badge{font-size:11px;padding:2px 4px}
/* 個人サマリー */
.ev.ev .summary-head{height:32px;font-size:12px}
.ev.ev .metric-group{font-size:13px;padding:8px 4px 5px}
.ev.ev .metric-row{min-height:44px}
.ev.ev .metric-name{font-size:14px}
.ev.ev .metric-value{font-size:15px}
.ev.ev .metric-value small{font-size:11px}
.ev.ev .metric-lv{font-size:13px}
.ev.ev .metric-date{font-size:12px}
.ev.ev .target{font-size:13px}
.ev.ev .target small{font-size:11px}
.ev.ev .remaining,.ev.ev .forecast-label{font-size:11px}
.ev.ev .ism-row{padding:10px 4px;min-height:0}
.ev.ev .ism-row strong,.ev.ev .ism-row span{font-size:14px}
/* 半期の履歴 */
.ev.ev .history-heading p,.ev.ev .history-heading span{font-size:12px}
.ev.ev .history-table thead th{height:40px;font-size:12px}
.ev.ev .history-table tbody th button{font-size:13px;min-height:40px;padding:6px 4px}
.ev.ev .history-table td button{font-size:14px;min-height:40px;gap:2px;padding:4px}
.ev.ev .history-table td small{font-size:11px}
.ev.ev .history-table .group th{height:30px;font-size:13px;padding:5px 4px}
.ev.ev .history-table .ism-history td button{font-size:13px;min-height:36px}
/* 項目の詳細 */
.ev.ev dialog{width:min(880px,calc(100vw - 70px))}
.ev.ev .dialog-body{padding:22px 28px 18px}
.ev.ev .detail-header{margin-bottom:16px}
.ev.ev .detail-person{font-size:12px;margin-bottom:4px}
.ev.ev .detail-header h2{font-size:22px}
.ev.ev .detail-period{padding-top:12px}
.ev.ev .detail-period p{font-size:12px}
.ev.ev .detail-stats{margin-bottom:12px}
.ev.ev .detail-value{font-size:34px}
.ev.ev .detail-value small{font-size:16px}
.ev.ev .detail-level{font-size:15px;margin-left:14px}
.ev.ev .level-total,.ev.ev .detail-value .detail-level .level-total{font-size:11px}
.ev.ev .detail-target{font-size:13px}
.ev.ev .detail-target strong{font-size:17px}
.ev.ev .detail-progress{padding:14px 0 22px;margin-bottom:10px}
.ev.ev .detail-progress .bar{height:16px}
.ev.ev .detail-progress .remaining{font-size:12px;top:-8px}
.ev.ev .bar-axis{font-size:12px;height:16px;margin-top:6px}
.ev.ev .detail-previous{font-size:13px;padding-top:10px;margin-top:10px}
.ev.ev .detail-note{font-size:11px}
.ev.ev .detail-forecast{margin:12px 0 8px;gap:8px}
.ev.ev .detail-forecast div{padding:8px}
.ev.ev .detail-forecast span,.ev.ev .detail-forecast small{font-size:11px}
.ev.ev .detail-forecast strong{font-size:16px}
.ev.ev .detail-callout{font-size:13px;margin:10px 0 14px}
.ev.ev .detail-empty strong{font-size:16px}
.ev.ev .detail-empty p{font-size:12px}
.ev.ev .detail-period-state{font-size:12px}
.ev.ev .history-bars{min-height:0;padding-top:14px}
.ev.ev .history-bar-column{height:180px}
.ev.ev .history-bar-column strong{font-size:14px}
.ev.ev .history-bar-column small,.ev.ev .history-bar-column span{font-size:11px}
.ev.ev .ism-cell{padding:14px 8px}
.ev.ev .ism-cell span{font-size:11px;margin-bottom:8px}
.ev.ev .ism-cell strong{font-size:18px}
.ev.ev .ism-cell.pending strong{font-size:13px}
/* Lvの札(店舗画面の1人1表の札はそのまま) */
.ev.ev .metric-lv .level-badge{font-size:12px;padding:3px 5px;min-width:30px}
.ev.ev .detail-level .level-badge{font-size:13px;padding:4px 7px}
.ev.ev .detail-target .level-badge,.ev.ev .detail-previous .level-badge{font-size:11px;padding:3px 5px}
@media(min-width:761px) and (max-height:820px){.ev.ev .history-bar-column{height:156px}}
@media(max-width:760px){.ev.ev dialog{width:calc(100vw - 24px)}.ev.ev .dialog-body{padding:18px 14px 16px}.ev.ev .detail-header h2{font-size:20px}.ev.ev .detail-value{font-size:30px}.ev.ev .metric-row{padding:10px 0 8px}}

/* ---- 履歴: 到達Lvの推移(NAK-256)。9項目の小さなグラフを並べ、半期ごとに背景を交互に塗る(1–6月を網掛け) ---- */
.ev .lv-trend{margin:2px 0 20px}
/* 列の数は画面幅で決める(グラフは幅に合わせて縮むため、列を増やしすぎると目盛りの文字が小さくなる)。
   1800px以上は5列(スキル5項目・スタンス4項目が1段ずつ)、1200〜1799pxは3列、それ未満は2列、スマホは1列 */
.ev .lv-trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
@media(min-width:1800px){.ev .lv-trend-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1199px){.ev .lv-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ev .trend-item{display:block;width:100%;text-align:left;padding:8px 2px 2px;border-top:1px solid var(--line)}
.ev .trend-item:hover,.ev .trend-item:focus-visible{background:var(--soft)}
.ev .trend-name{display:block;font-size:13px;font-weight:700;margin:0 0 2px 2px}
.ev .trend-svg{display:block;width:100%;height:auto;overflow:visible}
.ev .trend-svg text{font-family:'Josefin Sans','Noto Sans JP',sans-serif;fill:#50565c;font-size:9.5px}
.ev .trend-svg .trend-year{font-size:10px;font-weight:650;fill:#333d46}
.ev .trend-svg .trend-last{font-size:11px;font-weight:700;fill:var(--ink)}
.ev .trend-band{fill:#eef1f4}
.ev .trend-gridline{stroke:#dfe3e7;stroke-width:1}
.ev .trend-line{fill:none;stroke:var(--blue);stroke-width:2}
.ev .trend-point{fill:var(--blue)}
.ev .trend-point.current{fill:var(--ink)}
@media(max-width:760px){.ev .lv-trend-grid{grid-template-columns:1fr}}

/* ---- 保持(NAK-259): 前の半期までに到達したLvを、値が下がっても保っている印 ---- */
.ev .held-mark{display:inline-block;margin-left:5px;font-size:11px;font-weight:650;color:var(--blue);letter-spacing:0;vertical-align:middle;white-space:nowrap}
.ev .metric-lv .held-mark{display:block;margin:2px 0 0;line-height:1.2}
.ev .held-note{display:block;margin-top:6px;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0;line-height:1.5}
.ev .held-legend{margin:8px 2px 0;font-size:11px;color:var(--muted)}
.ev .page-footer span:first-child{text-align:left}
.ev .trend-point.held{fill:#fff;stroke:var(--blue);stroke-width:1.5}
.ev .trend-point.held.current{stroke:var(--ink)}
.ev .trend-key{display:inline-block;width:7px;height:7px;border:1.5px solid var(--blue);background:#fff;margin:0 4px 1px 0;vertical-align:middle}

.ev.ev-actions{display:flex;align-items:center;gap:20px}
.ev .self-link{white-space:nowrap}