:root{--blue:#174675;--accent:#1779bd;--bg:#f4f8fc;--line:#dbe4ed;--text:#142238;--muted:#667892}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading,.fatal{padding:60px;text-align:center}.auth-bg{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef6fc,#f8fbfe)}.auth-card{width:min(450px,100%);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #173b6020}.brand-head{padding:28px 36px;background:var(--blue);color:#fff}.brand-head b{font-size:13px;letter-spacing:1.4px}.brand-head h2{margin:5px 0 0}.auth-body{padding:34px 30px}.auth-body h1{font-size:24px;margin:0 0 12px}.muted,small{color:var(--muted)}form label{display:grid;gap:7px;margin:14px 0;font-size:14px;font-weight:600}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd7e3;border-radius:10px;background:#fff}textarea{min-height:70px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--accent);color:#fff;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none}.auth-body .btn{width:100%;margin-top:8px}.small{width:auto!important;padding:9px 14px!important}.auth-links{display:flex;justify-content:space-between;margin-top:18px}.link{border:0;background:none;color:#176ca7;padding:4px}.back{margin-top:12px}.secure,.notice{margin-top:20px;background:#f1f7fb;border-radius:10px;padding:13px;font-size:13px}.trap{position:absolute;left:-9999px}.toast{position:fixed;right:22px;bottom:22px;padding:13px 18px;border-radius:10px;background:#087f5b;color:#fff;z-index:100}.toast.bad{background:#c92a2a}header{height:66px;display:flex;align-items:center;gap:12px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}header .logo{width:38px;height:38px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800}header strong,header b{display:block}header b{font-size:12px;letter-spacing:1px;color:var(--blue)}.head-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.head-actions select{width:auto}.icon-btn{border:1px solid #b7c5d3;border-radius:9px;background:#fff;padding:9px 12px}.layout{display:grid;grid-template-columns:240px 1fr;gap:24px;max-width:1600px;margin:24px auto;padding:0 28px}aside{background:#fff;border:1px solid var(--line);border-radius:16px;height:max-content;overflow:hidden;box-shadow:0 2px 5px #1232}.aside-title{font-size:12px;font-weight:700;color:#8294aa;padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.aside-title button{border:0;background:none;font-size:20px}.nav-item{display:grid;grid-template-columns:1fr auto;gap:4px;width:100%;padding:14px 16px;border:0;background:#fff;text-align:left;color:var(--text)}.nav-item.active{background:#eaf4ff}.nav-item span{display:grid;gap:4px}.nav-item small{font-size:11px}.nav-item em{font-style:normal;font-weight:700;font-size:12px}.nav-item i{grid-column:1/-1;height:5px;background:#eaf0f5;border-radius:5px}.nav-item u{display:block;height:100%;background:#2585c1;border-radius:5px}.content{min-width:0}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.page-title span{font-size:13px;color:var(--muted)}.page-title h1{margin:5px 0 0}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.summary article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.summary span,.summary b{display:block}.summary span{font-size:13px;color:var(--muted)}.summary b{font-size:27px;margin-top:8px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 1px 3px #1232}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px}.panel-head b,.panel-head small{display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f7f9fb;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid #9ba8b7;white-space:nowrap}td{padding:10px;border-bottom:1px solid #29374920;vertical-align:top}td.work{min-width:340px;max-width:650px;white-space:normal;overflow-wrap:anywhere}td.work b,td.work span{display:block;line-height:1.35}td.work span{color:var(--muted);margin-top:4px}.progress{width:110px;height:7px;background:#dbe8f1;border-radius:5px;display:inline-block;margin-right:6px}.progress i{display:block;height:100%;background:#2181be;border-radius:5px}.status{display:inline-block;padding:4px 7px;border-radius:12px;background:#eef6ff;color:#1270bd;white-space:nowrap}.status.late{background:#fff0f0;color:#d63232}.status.done{background:#eafaf4;color:#087f5b}.edit{border:0;background:none;font-size:18px}.trend{margin-top:18px;padding:18px}.trend h3{margin-top:0}.trend>div{display:grid;grid-template-columns:100px 1fr 45px;gap:12px;align-items:center;margin:14px 0}.trend .progress{width:100%}.modal-bg{position:fixed;inset:0;background:#12203388;display:grid;place-items:center;padding:20px;z-index:50}.modal{position:relative;background:#fff;border-radius:16px;padding:24px;width:min(850px,100%);max-height:90vh;overflow:auto}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.grid-form .wide,.form-actions{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.danger{border:1px solid #e2a1a1;background:#fff;color:#c92a2a;border-radius:8px;padding:8px 12px}.user-list>div,.dir-list>div{display:grid;grid-template-columns:1fr 140px 140px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.user-list span,.user-list small{display:block}.dir-list>div{grid-template-columns:1fr auto}.empty{text-align:center;padding:30px;color:var(--muted)}@media(max-width:900px){header{height:auto;padding:12px;flex-wrap:wrap}.head-actions{width:100%;overflow:auto}.layout{grid-template-columns:1fr;padding:0 12px}aside{display:flex;overflow:auto}.aside-title{display:none}.nav-item{min-width:145px}.summary{grid-template-columns:repeat(2,1fr)}.page-title small{display:none}.grid-form{grid-template-columns:1fr}.grid-form .wide,.form-actions{grid-column:1}.user-list>div{grid-template-columns:1fr}.panel-head{align-items:stretch;gap:10px;flex-direction:column}}
/* Portal header, profile and logo — v1.5 */
header{height:62px;gap:10px;padding:0 22px}
.portal-logo{width:38px;height:38px;flex:0 0 auto;border-radius:9px;overflow:hidden;background:var(--blue)}
.portal-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.portal-logo span{display:none;width:100%;height:100%;place-items:center;color:#fff;font-weight:800}
.brand-copy strong,.brand-copy b{display:block}
.brand-copy b{font-size:10px;letter-spacing:1px;color:var(--blue)}
.brand-copy strong{font-size:14px}
.head-actions{gap:7px}
.head-actions select{width:auto;padding:7px 9px;font-size:12px;border-radius:8px}
.head-actions .small{padding:7px 10px!important;font-size:12px;border-radius:8px}
.icon-btn{border-radius:8px;padding:7px 10px;font-size:12px}
.profile-btn{display:flex;align-items:center;gap:7px;border:1px solid #c8d5e1;border-radius:9px;background:#fff;padding:5px 9px;color:var(--text);font-size:12px}
.profile-btn b{display:inline;color:var(--text);font-size:12px;letter-spacing:0}
.profile-btn i{font-style:normal;color:var(--muted)}
.avatar-mini{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e6f2fb;color:var(--blue);font-weight:800}
.profile-head{display:flex;align-items:center;gap:14px;padding:4px 0 18px}
.profile-head b,.profile-head small{display:block}
.profile-head small{line-height:1.5;margin-top:4px}
.avatar-large{width:76px;height:76px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#e6f2fb;color:var(--blue);font-size:28px;font-weight:800}
.avatar-large img{width:100%;height:100%;object-fit:cover}
.modal hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.modal h3{margin:0 0 8px}
.check{display:flex!important;align-items:center;justify-content:start}
.check input{width:auto}
.secondary{background:var(--blue)}
.profile-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}
@media(max-width:900px){header{height:auto;padding:10px 12px}.profile-btn>span:nth-child(2){white-space:nowrap}}
.profile-wrap{position:relative}
.user-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:45;width:205px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #18355224}
.user-menu[hidden]{display:none}
.user-menu button{display:block;width:100%;border:0;border-radius:7px;background:#fff;padding:9px 10px;text-align:left;font-size:13px;color:var(--text)}
.user-menu button:hover{background:#f1f7fb}
.user-menu hr{border:0;border-top:1px solid var(--line);margin:5px 0}
.user-menu .logout-menu{color:#c92a2a}
.profile-modal{width:min(590px,100%);padding:22px}
.profile-modal h2{font-size:20px;margin:0 0 14px}
.profile-modal .profile-head{padding-bottom:8px}
.profile-modal form label{margin:9px 0;font-size:13px}
.profile-modal input{padding:9px 10px}
.profile-modal .avatar-large{width:62px;height:62px;font-size:23px}
.profile-modal hr{margin:16px 0}
.profile-modal h3{font-size:16px}
.profile-modal .btn{padding:9px 13px;font-size:13px}
.confirm-modal{width:min(390px,100%)}
.confirm-modal h2{font-size:20px;margin:0 0 10px}
.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.danger.solid{border-color:#c92a2a;background:#c92a2a;color:#fff}
@media(max-width:620px){.profile-modal{padding:18px}.profile-modal .grid-form{grid-template-columns:1fr}.profile-modal .grid-form .wide,.profile-modal .form-actions{grid-column:1}.profile-modal .grid-form>span{display:none}}
.summary{display:none}
.vertical-trend{padding:16px 18px 18px}
.vertical-trend>div{display:block;margin:0}
.trend-title{display:flex!important;align-items:center!important;justify-content:space-between;gap:12px}
.trend-title h3{margin:0;font-size:17px}
.bar-chart{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(52px,76px))!important;justify-content:center;align-items:end!important;gap:18px!important;margin-top:14px!important;padding:8px 6px 0}
.bar-item{display:grid;grid-template-rows:22px 130px 22px;gap:5px;align-items:end;text-align:center;min-width:52px}
.bar-item>b{align-self:center;font-size:13px;color:var(--text)}
.bar-item>span{align-self:center;font-size:12px;color:var(--muted)}
.bar-track{height:130px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #c9d6e2;background:linear-gradient(to top,transparent 24%,#edf2f6 25%,transparent 26%,transparent 49%,#edf2f6 50%,transparent 51%,transparent 74%,#edf2f6 75%,transparent 76%)}
.bar-track i{display:block;width:28px;min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(#2d91cd,#176fa8);transition:height .25s ease}
.bar-item.current .bar-track i{background:linear-gradient(#29a0df,#145f92)}
.bar-item.current>span{color:var(--blue);font-weight:700}
@media(max-width:700px){.bar-chart{justify-content:start;overflow-x:auto}.bar-item{min-width:58px}}
/* Compact login and company logo — v1.8 */
.auth-card{width:min(400px,100%);border-radius:20px}
.brand-head{padding:18px 26px 15px;background:#fff;color:var(--text);border-bottom:1px solid var(--line);text-align:center}
.brand-head .auth-logo{display:block;width:210px;height:58px;object-fit:contain;margin:0 auto}
.brand-head h2{margin:7px 0 0;color:var(--blue);font-size:18px}
.auth-body{padding:24px 26px 26px}
.auth-body h1{font-size:21px;margin-bottom:8px}
.auth-body .muted{font-size:14px;margin:0 0 12px;line-height:1.35}
.auth-body form label{margin:11px 0}
.auth-body input{padding:10px 11px}
.remember-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;margin:7px 0 5px!important;font-weight:400!important}
.remember-row input{width:16px;height:16px;padding:0;margin:0;accent-color:var(--accent)}
.remember-row span{font-size:13px}
.remember-row small{font-size:12px}
.auth-links{margin-top:14px}
.secure{margin-top:15px;padding:11px}
.portal-logo{width:165px;height:46px;border-radius:0;background:#fff url('../Images/logo.png') center/contain no-repeat}
.portal-logo img,.portal-logo span{display:none!important}
.brand-copy b{display:none}
.brand-copy strong{font-size:14px}
@media(max-width:700px){.auth-card{width:min(380px,100%)}.portal-logo{width:145px;height:40px}.brand-copy strong{font-size:12px}}
/* Login wording and automatic sales completion — v1.9 */
.brand-head{padding:12px 26px 11px}
.brand-head .auth-logo{width:70px;height:20px}
.brand-head h2{margin-top:5px;font-size:16px}
.welcome-title{font-size:17px!important;line-height:1.35;margin:0 0 14px!important}
.auto-note{color:var(--accent);font-weight:400}
input[readonly]{background:#f2f7fb;color:var(--blue);font-weight:700}
.calc-mode-select small,.milestone-head small{display:block;margin-top:4px;font-weight:400;color:var(--muted)}
.calc-mode-box{grid-column:1/-1;border:1px solid var(--line);border-radius:11px;background:#f8fbfd;padding:13px 14px;margin:4px 0 8px}
.calc-mode-box.hidden{display:none}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.metric-grid label{margin:0!important}.calc-caption{display:block;margin-top:8px;color:var(--accent)}
.calc-help{display:grid;gap:4px;font-size:13px}.calc-help.warning{color:#875b00;background:#fff8e6;border-radius:8px;padding:10px 12px}
.milestone-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.milestone-row{display:grid;grid-template-columns:96px minmax(0,1fr) 34px;gap:8px;align-items:center;margin:7px 0}
.milestone-row>input{padding:9px 10px}.milestone-check{display:flex!important;align-items:center;gap:7px!important;margin:0!important;font-weight:600!important}.milestone-check input{width:17px;height:17px;margin:0;accent-color:var(--accent)}
.milestone-remove{width:34px;height:34px;border:1px solid #e2a1a1;border-radius:8px;background:#fff;color:#c92a2a;font-size:19px}
@media(max-width:700px){.metric-grid{grid-template-columns:1fr}.milestone-head{align-items:flex-start;flex-direction:column}.milestone-row{grid-template-columns:88px minmax(0,1fr) 32px}.calc-mode-box{padding:11px}}
/* Final login/header proportions — v1.10 */
.brand-head{text-align:left;padding:14px 26px 12px}
.brand-head .auth-logo{width:105px;height:29px;margin:4px 0 0}
.brand-head h2{margin-top:7px;font-size:20px;line-height:1.15}
.welcome-title{font-size:14px!important;line-height:1.45;font-weight:400!important;margin-bottom:13px!important}
.portal-logo{width:125px;height:35px}
@media(max-width:700px){.portal-logo{width:115px;height:32px}}

/* V2.1.10 · Finance-matched login page (without department selector) */
.auth-bg{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:22px;
  background:#eaf3fa url('login-plan-bg-v2111.webp') center center / cover no-repeat;
}
.auth-bg::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:0;
  background:linear-gradient(135deg,rgba(240,247,252,.38),rgba(231,242,250,.30));
  -webkit-backdrop-filter:blur(.7px);
  backdrop-filter:blur(.7px);
}
.auth-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.16),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(13,45,79,.025));
}
.auth-card{
  position:relative;
  z-index:1;
  width:min(330px,calc(100vw - 30px));
  border-radius:17px;
  overflow:hidden;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
  box-shadow:0 24px 62px rgba(13,45,79,.18),0 6px 18px rgba(20,56,88,.08);
  animation:authCardIn .58s cubic-bezier(.2,.75,.25,1) both;
}
.brand-head{display:flex;align-items:center;justify-content:center;padding:10px 18px 9px;background:rgba(250,253,255,.72);border-bottom:1px solid rgba(188,210,227,.72)}
.brand-head .auth-logo{display:block;width:90px;height:25px;object-fit:contain;margin:0}
.auth-body{padding:14px 18px 16px;background:rgba(255,255,255,.56)}
.auth-body h1{font-size:16px;margin:0 0 8px}
.welcome-title{font-size:12.2px!important;line-height:1.42;font-weight:500!important;color:#153554;text-align:center;margin:0 0 8px!important}
.auth-body form label{gap:5px;margin:8px 0;font-size:12.3px}
.auth-body input{padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.82)}
.auth-body>.btn,.auth-body form>.btn{margin-top:5px;padding:8px 13px}
.auth-links{margin-top:9px}
.auth-links .link{font-size:11px;padding:2px 4px}
.remember-row,.human-row{display:flex!important;align-items:center;gap:8px!important;font-weight:400!important}
.human-row{margin:6px 0 3px!important}
.remember-row{margin:6px 0 3px!important}
.human-row input,.remember-row input{width:16px;height:16px;padding:0;margin:0;accent-color:var(--accent)}
.human-row span,.remember-row span{font-size:12px}
.remember-row small{font-size:10.9px}
@keyframes authCardIn{from{opacity:0;transform:translateY(18px) scale(.975);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:600px){.auth-bg{padding:15px;background-position:52% center}.auth-bg::before{background:linear-gradient(135deg,rgba(240,247,252,.48),rgba(231,242,250,.42));-webkit-backdrop-filter:blur(1.2px);backdrop-filter:blur(1.2px)}.auth-card{width:min(320px,calc(100vw - 22px));border-radius:15px}.brand-head{padding:10px 16px 9px}.auth-body{padding:14px 16px 16px}}
@media(min-width:901px){.auth-bg{background-size:100% 100%}}
@media(prefers-reduced-motion:reduce){.auth-card{animation:none}}
/* Final compact navigation and titles — v1.11 */
.auth-links .link{font-size:11px;padding:2px 4px}
.brand-head h2{width:100%;margin:12px 0 0;text-align:center;font-size:20px}
.confirm-modal{width:min(320px,100%);padding:18px}
.confirm-modal h2{font-size:17px}
.confirm-modal p{font-size:13px;margin:8px 0}
.confirm-modal .confirm-actions{margin-top:15px}
.confirm-modal .icon-btn,.confirm-modal .danger{padding:6px 9px;font-size:11px}
.brand-copy strong{display:none}
.page-title span{font-size:0}
.page-title span::after{content:'ХЯНАЛТЫН ПОРТАЛ';font-size:13px;font-weight:600;letter-spacing:.4px;color:var(--muted)}
/* Compact plan actions and hidden table search — v1.12 */
#search{display:none}
#plan-form .form-actions{gap:7px}
#plan-form .form-actions .btn,#plan-form .form-actions .danger,#plan-form .form-actions .icon-btn{padding:7px 10px;font-size:12px;border-radius:7px}
#plan-form .form-actions #delete-plan{margin-right:auto}
/* V2 — CEO Private Dashboard */
.private-entry{border-color:#8fb8d3;background:#f4faff;color:#0f638f;font-weight:700;white-space:nowrap}
.ceo-main{max-width:1560px;margin:22px auto;padding:0 26px 40px}
.ceo-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.ceo-title span{display:block;font-size:11px;letter-spacing:.8px;color:#28759d;font-weight:800}
.ceo-title h1{margin:5px 0 3px;font-size:27px}
.ceo-title p{margin:0;color:var(--muted);font-size:13px}
.next-review{min-width:150px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-align:right}
.next-review small,.next-review b{display:block}.next-review b{margin-top:3px;font-size:17px;color:var(--blue)}
.ceo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:15px}
.ceo-kpi-card{appearance:none;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 17px;box-shadow:0 1px 3px #17324d10;cursor:pointer;color:var(--text);font:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.ceo-kpi-card:hover{border-color:#8eb4cf;box-shadow:0 4px 12px #17324d16;transform:translateY(-1px)}.ceo-kpi-card:focus-visible{outline:3px solid #2d7fb633;outline-offset:2px}.ceo-kpi-card.selected{border-color:var(--blue);background:#f0f7fc;box-shadow:0 0 0 2px #1f6f9f18}
.ceo-kpis span,.ceo-kpis b{display:block}.ceo-kpis span{font-size:12px;color:var(--muted)}.ceo-kpis b{font-size:26px;margin-top:5px}.ceo-kpi-card.selected span{color:var(--blue)}
.ceo-kpis .danger-kpi b{color:#b42318}.ceo-kpis .danger-kpi.selected{border-color:#d92d20;background:#fff6f5}.ceo-kpis .danger-kpi.selected span{color:#b42318}
.ceo-tabs{display:flex;gap:7px;margin:0 0 12px;overflow:auto}
.ceo-tabs button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700;white-space:nowrap;color:var(--text)}
.ceo-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.ceo-tabs em{font-style:normal;font-size:10px;margin-left:5px;opacity:.8}
.ceo-tools{display:grid;grid-template-columns:minmax(260px,1fr) 180px 150px;gap:9px;margin-bottom:10px}
.ceo-tools input,.ceo-tools select{padding:8px 10px;font-size:12px;border-radius:8px}
.ceo-panel{border-radius:12px}.ceo-table{font-size:12px}.ceo-table th{padding:10px}.ceo-table td{padding:9px}
.ceo-filter-head th{padding:6px!important;background:#f7f9fb;vertical-align:middle}
.th-filter{width:100%;min-width:92px;border:1px solid transparent!important;background:transparent!important;padding:6px 7px!important;border-radius:7px!important;font:inherit;font-weight:700;color:var(--text);outline:none}
.th-filter:hover,.th-filter:focus{border-color:#b8d6e8!important;background:#fff!important;box-shadow:0 0 0 2px #eaf5fb}
.ceo-filter-head th:nth-child(2){min-width:300px}.ceo-filter-head th:nth-child(2) .th-filter{font-weight:700}
.ceo-filter-head input.th-filter::placeholder{color:var(--text);opacity:1}
.archive-tools{grid-template-columns:minmax(260px,1fr)}

.ceo-table td:first-child{white-space:nowrap}.ceo-table td:first-child small{display:block;margin-top:4px;font-size:10px;white-space:normal;max-width:130px}
.ceo-work{min-width:310px;max-width:570px}.ceo-work b,.ceo-work span{display:block;line-height:1.35}.ceo-work span{margin-top:4px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ceo-badge,.priority-badge{display:inline-block;border-radius:12px;padding:4px 7px;white-space:nowrap;font-size:11px;font-weight:700}
.ceo-badge.active{background:#edf7ff;color:#176fa8}.ceo-badge.waiting{background:#fff8e6;color:#9a6400}.ceo-badge.notstarted{background:#f2f3f5;color:#5b6673}.ceo-badge.paused{background:#fff0ed;color:#a83d2c}.ceo-badge.done{background:#eafaf4;color:#087f5b}
.priority-badge.critical{background:#fff0f0;color:#b42318}.priority-badge.high{background:#fff6e8;color:#a45a00}.priority-badge.medium{background:#eef6ff;color:#176fa8}.priority-badge.low{background:#f3f4f6;color:#667085}
.ceo-overdue{background:#fffafa}.late-days{display:block!important;color:#c92a2a!important;margin-top:3px!important}.archive-table td{max-width:360px;white-space:normal;line-height:1.4}
.review-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 15px;margin-bottom:10px}.review-toolbar b,.review-toolbar small{display:block}.review-toolbar small{margin-top:3px}
.review-list{display:grid;gap:11px}.review-card{padding:16px 18px;overflow:visible}.review-card-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.review-card-head span{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.6px}.review-card-head h3{margin:4px 0 0;font-size:17px}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px}.review-grid>div{min-width:0}.review-grid .wide{grid-column:1/-1}.review-grid b{font-size:11px;color:#466179}.review-grid p{font-size:12px;line-height:1.5;margin:4px 0 0;white-space:pre-wrap}.review-card footer{margin-top:12px;padding-top:9px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.ceo-task-modal{width:min(920px,100%)}.ceo-form label{margin:8px 0;font-size:12px}.ceo-form input,.ceo-form select,.ceo-form textarea{padding:8px 9px;border-radius:8px;font-size:12px}.ceo-form textarea{min-height:62px}.ceo-close-box{border:1px solid #b9dbc9;background:#f5fcf8;border-radius:10px;padding:11px 13px;margin-top:8px}.ceo-close-box h3{color:#087f5b;font-size:14px}.ceo-close-box.hidden{display:none}.ceo-close-box label{font-weight:600}.ceo-task-modal .form-actions{gap:7px}.ceo-task-modal .form-actions .danger{margin-right:auto}
@media(max-width:900px){.ceo-main{padding:0 12px}.ceo-title{align-items:flex-start;flex-direction:column}.next-review{text-align:left}.ceo-kpis{grid-template-columns:repeat(2,1fr)}.ceo-tools{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.review-grid .wide{grid-column:1}.private-entry{order:1}}
@media(max-width:560px){.ceo-kpis{grid-template-columns:1fr 1fr}.ceo-kpi-card{padding:12px}.ceo-kpis b{font-size:22px}.review-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.ceo-table{min-width:920px}.archive-table{min-width:960px}}

/* V2.1.1 — Direction summary report */
.report-nav{border-top:1px solid var(--line);margin-top:2px}

.report-panel{margin-top:2px}
.report-table td,.report-table th{vertical-align:middle}
.report-table td:first-child{min-width:190px}
.report-progress{width:min(260px,70%);vertical-align:middle}
.report-total td{background:#f2f7fb;border-top:2px solid #b9c9d8}
@media(max-width:700px){.report-table{min-width:690px}.report-progress{width:150px}}

/* V2.1.3 — User-specific monthly work + daily work */
.daily-nav{border-top:1px solid var(--line);margin-top:2px}
.daily-nav.active{background:#eaf4ff;border-color:#b8d7ec;color:#0d5f91}
.daily-title{align-items:center}
.daily-date-tools{display:flex;gap:8px;align-items:center}
.daily-date-tools input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;color:var(--text);font:inherit}
.daily-summary{grid-template-columns:repeat(4,1fr)}
.daily-date-kpi{font-size:20px!important}
.daily-table td{vertical-align:top}
.daily-table td:first-child{min-width:260px;max-width:430px;white-space:normal;line-height:1.4}
.daily-table .work{min-width:260px;max-width:420px}
.daily-conclusion{min-width:260px;max-width:520px;white-space:normal;line-height:1.45;color:#4b6175}
.daily-form textarea{min-height:88px}
.daily-form select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}
@media(max-width:900px){.daily-summary{grid-template-columns:repeat(2,1fr)}.daily-title{align-items:flex-start;gap:12px;flex-direction:column}.daily-date-tools{width:100%;flex-wrap:wrap}.daily-table{min-width:900px}}

/* V2.1.4 — Өдрийн тайлан илгээх / хэрэглэгчийн тайлан хүлээн авах */
.staff-report-nav{border-top:1px solid var(--line);margin-top:2px}
.staff-report-nav.active{background:#eaf4ff;border-color:#b8d7ec;color:#0d5f91}
.new-report-count{color:#c92a2a!important;background:#fff0f0;border-radius:12px;padding:3px 7px}
.daily-report-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:14px}
.daily-report-state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.daily-report-state.draft{background:#f1f4f7;color:#52677a}
.daily-report-state.submitted{background:#eef6ff;color:#1270bd}
.daily-report-state.received{background:#eafaf4;color:#087f5b}
.daily-submit:disabled{opacity:.68;cursor:not-allowed}
.daily-submit.sent{background:#6d8ba1}
.daily-submit.received,.btn.received{background:#087f5b}
.status.staff-new{background:#fff4e6;color:#b76500}
.staff-user-link{border:0;background:none;padding:0;color:#126ea5;font-weight:700;text-align:left;text-decoration:underline;text-decoration-color:#9fcbe3;text-underline-offset:3px}
.staff-report-table td{vertical-align:middle}
.staff-report-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:4px 0 18px;padding-right:30px}
.staff-report-head b,.staff-report-head small{display:block}.staff-report-head small{margin-top:5px}
.staff-report-modal{width:min(1100px,96vw)}
.staff-detail-table{min-width:850px}
.staff-report-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(max-width:900px){.daily-report-strip,.staff-report-footer{align-items:flex-start;flex-direction:column}.staff-report-head{flex-direction:column}.staff-report-table{min-width:800px}}
/* V2.1.5 — user report history */
.staff-user-nav{border-top:1px solid var(--line);background:#f8fbfd;padding:7px 8px 10px}
.staff-user-nav.empty-users{font-size:12px;color:var(--muted);padding:12px 14px}
.staff-user-nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;text-align:left;color:#24445e;cursor:pointer;font-weight:650}
.staff-user-nav-item:hover{background:#edf5fa}.staff-user-nav-item.active{background:#dff0fb;color:#0c6594}
.staff-user-nav-item em{font-style:normal;font-size:11px;min-width:22px;text-align:center;padding:2px 6px;border-radius:999px;background:#fff0f0;color:#c92a2a}
.staff-history{display:grid;gap:12px}
.staff-month-group{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 7px #153e5b0d}
.staff-month-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;background:#fbfdff}
.staff-month-group>summary::-webkit-details-marker{display:none}.staff-month-group>summary span:first-child b,.staff-month-group>summary span:first-child small{display:block}.staff-month-group>summary span:first-child small{margin-top:3px;color:var(--muted);font-size:12px}
.staff-month-group[open]>summary{border-bottom:1px solid var(--line);background:#f3f9fd}.staff-month-summary{display:flex;align-items:center;gap:10px}.staff-month-summary em{font-style:normal;font-size:11px;color:#c92a2a;background:#fff0f0;border-radius:999px;padding:3px 7px}.staff-month-summary b{color:#0f6e9f}
.staff-month-body{padding:12px;display:grid;gap:12px}
.staff-day-report{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.staff-day-report.received{border-color:#bfe7d4;background:#f4fcf8}
.staff-day-report.received .staff-day-head{background:#ecf9f2}
.staff-day-report.submitted{border-color:#cfe4f1}
.staff-day-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;background:#f9fcfe;border-bottom:1px solid var(--line)}
.staff-day-head b,.staff-day-head small{display:block}.staff-day-head small{margin-top:3px;color:var(--muted);font-size:12px}.staff-day-actions{display:flex;align-items:center;gap:9px}
.staff-history-table{min-width:820px}.staff-day-report footer{padding:9px 14px;color:#5c7285;font-size:12px;border-top:1px solid var(--line)}
.btn.received,.staff-receive-inline.received{background:#dff5ea!important;color:#087f5b!important;border-color:#bfe7d4!important}
@media(max-width:900px){.staff-day-head{align-items:flex-start;flex-direction:column}.staff-day-actions{width:100%;justify-content:space-between}.staff-user-nav-item{padding:9px}}

/* V2.1.6 — compact report history + popup detail */
.staff-month-body{padding:8px 12px 12px;display:block}
.staff-report-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(170px,.8fr) minmax(110px,.55fr) minmax(120px,.55fr);gap:16px;align-items:center;padding:11px 12px;text-align:left;color:inherit;cursor:pointer}
.staff-report-row:last-child{border-bottom:0}.staff-report-row:hover{background:#f4f9fc}.staff-report-row.received{background:#f7fcf9}.staff-report-row.received:hover{background:#eef9f3}
.staff-report-row>span{min-width:0}.staff-report-row>span:nth-child(2){display:flex;align-items:center;gap:9px}.staff-report-row .progress{width:100px;max-width:55%}.staff-report-date b,.staff-report-date small{display:block}.staff-report-date small{margin-top:2px;color:var(--muted);font-size:12px}
.staff-report-row-head{cursor:default;background:#f5f8fa!important;color:#42576a;font-size:12px;font-weight:700;border-bottom:1px solid var(--line)}.staff-report-row-head:hover{background:#f5f8fa!important}
@media(max-width:900px){.staff-report-row{grid-template-columns:1fr 1fr;gap:8px 12px}.staff-report-row-head{display:none}.staff-report-row .progress{max-width:70%}}

/* V2.1.7 — compact typography + daily report workflow */
body,button,input,select,textarea,table{font-size:13px}
.page-title h1{font-size:27px;line-height:1.15}.modal h2{font-size:20px}.panel-head b{font-size:14px}
.nav-item{padding:12px 15px}.nav-item b{font-size:14px}.nav-item small{font-size:11px}.nav-item em{font-size:12px}
table{font-size:13px}th{padding:10px 11px}td{padding:9px 11px}
.daily-report-state.returned{background:#fff4e6;color:#b05a00}.daily-return-note{display:block;color:#9a4b00;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:7px 9px}
.daily-submit.returned{background:#c26a10}.status.staff-returned{background:#fff4e6;color:#b05a00}
.staff-report-row.returned{background:#fffaf3}.staff-report-row.returned:hover{background:#fff4e6}
.staff-report-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.staff-return-reason{display:grid;gap:4px;margin:12px 0;padding:10px 12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:10px;color:#8a4300}.staff-return-reason b{font-size:12px}.staff-return-reason span{font-size:13px}
.staff-report-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.report-return{color:#9a4b00;border-color:#e4b47f}.report-delete{margin-left:4px}
.revision-history{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#fbfdff;overflow:hidden}.revision-history>summary{cursor:pointer;padding:10px 12px;font-weight:700;font-size:12px}.revision-card{display:grid;gap:3px;padding:9px 12px;border-top:1px solid var(--line)}.revision-card b{font-size:12px}.revision-card small{font-size:11px;line-height:1.45}
@media(max-width:900px){.staff-report-actions{width:100%}.staff-report-actions button{flex:1}.page-title h1{font-size:23px}}
/* V2.1.8 - compact daily work summary + popup */
.my-daily-summary-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(180px,.8fr) minmax(220px,.9fr);gap:22px;align-items:center;padding:17px 18px;text-align:left;color:inherit;cursor:pointer;box-shadow:0 2px 7px rgba(36,72,100,.05)}
.my-daily-summary-card:hover{background:#f8fbfd;border-color:#b8d7ec}.my-daily-summary-card:disabled{cursor:default;opacity:.78;background:#fff}
.my-daily-summary-date b,.my-daily-summary-date small,.my-daily-summary-status small{display:block}.my-daily-summary-date b{font-size:16px}.my-daily-summary-date small,.my-daily-summary-status small{margin-top:5px;color:var(--muted);font-size:12px}
.my-daily-summary-progress{display:flex;align-items:center;gap:10px}.my-daily-summary-progress .progress{flex:1;min-width:110px}.my-daily-summary-progress>b{min-width:42px;text-align:right;font-size:15px}
.my-daily-summary-status{text-align:right}.my-daily-summary-status .daily-report-state{margin-left:auto}
.my-daily-summary-card.received{background:#f8fcfa}.my-daily-summary-card.returned{background:#fffaf3}.my-daily-summary-card.submitted{background:#f8fbff}
.daily-compact-help{margin-top:10px;color:var(--muted);font-size:12px;padding:0 4px}
.my-daily-report-modal{width:min(1120px,96vw)}.my-daily-popup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 16px}.my-daily-popup-head b,.my-daily-popup-head small{display:block}.my-daily-popup-head small{margin-top:4px;color:var(--muted)}
.my-daily-popup-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:900px){.my-daily-summary-card{grid-template-columns:1fr;gap:10px}.my-daily-summary-status{text-align:left}.my-daily-summary-status .daily-report-state{margin-left:0}.my-daily-popup-head,.my-daily-popup-footer{flex-direction:column;align-items:flex-start}.my-daily-detail-table{min-width:900px}}

/* V2.1.9 — нэг бүртгэлд нэг ажил + хадгалсны дараах сонголт */
.daily-single-work-hint{margin:2px 0 4px;padding:8px 10px;border:1px dashed #d6dee7;border-radius:8px;background:#f7f9fb;color:#9aa7b5;font-size:12px;font-weight:600;text-align:center;pointer-events:none;user-select:none}
.daily-save-next{padding:4px 2px 2px}.daily-save-next p{margin:4px 0 18px;color:var(--muted);font-size:13px;line-height:1.5}.daily-save-next-actions{display:flex;justify-content:flex-end;gap:10px}.daily-save-next-actions .btn,.daily-save-next-actions .icon-btn{min-width:120px}
@media(max-width:620px){.daily-save-next-actions{flex-direction:column-reverse}.daily-save-next-actions .btn,.daily-save-next-actions .icon-btn{width:100%}}

/* V2.1.14 — ажиллагсдын тайлан дахь төлөвлөгөөний KPI */
.staff-report-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.staff-report-layout .staff-history{min-width:0}
.staff-kpi-panel{display:block;position:sticky;top:16px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 2px 8px rgba(28,65,91,.06)}
.staff-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid var(--line);background:#f8fbfd}.staff-kpi-head span,.staff-kpi-head b{display:block}.staff-kpi-head span{font-size:10px;font-weight:800;letter-spacing:.9px;color:#6b8296}.staff-kpi-head b{margin-top:4px;font-size:14px}.staff-kpi-head select{width:128px;padding:8px 9px;font-size:12px}
.staff-kpi-score{margin:16px;border-radius:14px;padding:17px;text-align:center;background:#f2f7fb;border:1px solid #dce8f0}.staff-kpi-score span,.staff-kpi-score strong,.staff-kpi-score em{display:block}.staff-kpi-score span{font-size:12px;color:var(--muted)}.staff-kpi-score strong{font-size:38px;line-height:1;margin:8px 0;color:#176fa4}.staff-kpi-score em{font-style:normal;font-size:12px;font-weight:750;color:#426277}.staff-kpi-score.done{background:#effaf5;border-color:#bfe7d4}.staff-kpi-score.done strong,.staff-kpi-score.done em{color:#087f5b}.staff-kpi-score.warn{background:#fff9ee;border-color:#f1d6a8}.staff-kpi-score.warn strong,.staff-kpi-score.warn em{color:#a35b00}.staff-kpi-score.risk{background:#fff3f3;border-color:#efc5c5}.staff-kpi-score.risk strong,.staff-kpi-score.risk em{color:#c92a2a}
.staff-kpi-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 16px 15px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.staff-kpi-stats span{padding:10px 6px;text-align:center;border-right:1px solid var(--line)}.staff-kpi-stats span:last-child{border-right:0}.staff-kpi-stats b,.staff-kpi-stats small{display:block}.staff-kpi-stats b{font-size:16px}.staff-kpi-stats small{margin-top:3px;font-size:10px;line-height:1.2;color:var(--muted)}
.staff-kpi-directions{display:grid;gap:0;border-top:1px solid var(--line)}.staff-kpi-direction{padding:14px 16px;border-bottom:1px solid var(--line)}.staff-kpi-direction-head,.staff-kpi-direction-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.staff-kpi-direction-head b,.staff-kpi-direction-head small{display:block}.staff-kpi-direction-head b{font-size:13px}.staff-kpi-direction-head small{margin-top:3px;font-size:11px;color:var(--muted)}.staff-kpi-direction-head strong{font-size:17px;color:#176fa4}.staff-kpi-track{height:6px;margin:10px 0;background:#e4edf3;border-radius:999px;overflow:hidden}.staff-kpi-track i{display:block;height:100%;border-radius:inherit;background:#2585c1}.staff-kpi-direction-foot{font-size:10px}.staff-kpi-direction-foot em{font-style:normal;color:#c92a2a}.staff-kpi-direction-foot em.ok{color:#648095}.staff-kpi-state{font-weight:750;color:#426277}.staff-kpi-state.done{color:#087f5b}.staff-kpi-state.warn{color:#a35b00}.staff-kpi-state.risk{color:#c92a2a}.staff-kpi-empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:12px}.staff-kpi-note{margin:0;padding:12px 16px;color:#70859a;background:#f8fbfd;font-size:10px;line-height:1.45}
@media(max-width:1180px){.staff-report-layout{grid-template-columns:1fr}.staff-kpi-panel{position:static;grid-row:1}.staff-kpi-directions{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-kpi-direction:nth-child(odd){border-right:1px solid var(--line)}}
@media(max-width:620px){.staff-kpi-head{align-items:flex-start;flex-direction:column}.staff-kpi-head select{width:100%}.staff-kpi-directions{grid-template-columns:1fr}.staff-kpi-direction:nth-child(odd){border-right:0}}

/* V2.1.15 — хэрэглэгчийн өөрийн KPI */
.daily-kpi-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.daily-kpi-main{min-width:0}.my-kpi-auto{display:inline-flex!important;align-items:center;border-radius:999px;padding:5px 8px;background:#e7f3fb;color:#176fa4!important;font-size:9px!important;letter-spacing:.7px!important}.my-kpi-panel .staff-kpi-head{background:#f4f9fd}
@media(max-width:1180px){.daily-kpi-layout{grid-template-columns:1fr}.daily-kpi-layout .my-kpi-panel{position:static;grid-row:1}}

/* V2.1.16 — менежер бүрийн шууд борлуулалтын зорилт ба үр дүн */
.split-sales-config{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:end;margin-top:14px;padding:13px;border:1px solid #bcd9eb;border-radius:11px;background:#f4faff}.split-sales-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px;margin:0!important}.split-sales-check input{width:auto;margin-top:3px}.split-sales-check b,.split-sales-check small{display:block}.split-sales-check small{margin-top:3px;font-weight:400}.split-sales-preview{grid-column:1/-1;padding-top:9px;border-top:1px dashed #c8dbe7;color:#506b80;font-size:12px}.split-sales-preview b{color:#126b9d}
.my-sales-list{border-top:1px solid var(--line);background:#f9fcfe;padding:13px 16px}.my-sales-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.my-sales-title b{font-size:12px}.my-sales-title small{font-size:10px;color:var(--muted)}.my-sales-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;border:1px solid #bcd9eb;border-radius:10px;background:#fff;padding:10px;text-align:left;color:inherit}.my-sales-item:hover{background:#eef8fd}.my-sales-item span b,.my-sales-item span small{display:block}.my-sales-item span b{color:#126b9d}.my-sales-item span small{margin-top:3px;color:var(--muted);font-size:10px}.my-sales-item strong{font-size:17px;color:#176fa4}.my-sales-item em{grid-column:1/-1;text-align:right;font-style:normal;color:#1779bd;font-size:10px}.personal-sales-summary{display:grid;gap:5px;padding:12px;margin-bottom:14px;border:1px solid #bcd9eb;border-radius:10px;background:#f4faff}.personal-sales-summary span{color:var(--muted);font-size:12px}.personal-sales-summary b{font-size:15px;color:#126b9d}
.row-actions{display:inline-flex;align-items:center;gap:5px}.row-actions .sales-entry{background:#e8f5fc;color:#126b9d;font-weight:800}.row-actions .sales-entry:hover{background:#d5edf9}
@media(max-width:620px){.split-sales-config{grid-template-columns:1fr}.split-sales-preview{grid-column:1}.my-sales-title{align-items:flex-start;flex-direction:column}}

/* v2.1.18: compact personal sales action */
.row-actions{gap:6px;white-space:nowrap}.row-actions .sales-entry{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border:1px solid #c9e1f3;border-radius:7px;background:#eef7ff;color:#176397;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}.row-actions .sales-entry:hover{background:#dcefff;border-color:#a8d2ed}.row-actions .sales-entry:focus-visible{outline:2px solid #1779bd;outline-offset:2px}.row-actions .sales-entry-symbol{font-size:13px;font-weight:700;line-height:1}.row-actions .edit[data-edit]{font-size:16px;padding:5px 3px}

/* V2.1.19 — clean landing screen */
header .portal-logo,header .brand-copy{cursor:pointer}
.home-content{min-height:calc(100vh - 114px);display:flex}
.portal-home{flex:1;min-height:560px;display:grid;place-items:center;padding:56px 32px 90px}
.portal-welcome{width:min(720px,92%);text-align:center;transform:translateY(-5%)}
.portal-welcome-kicker{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2.2px;color:#7a8797;margin-bottom:10px;text-transform:uppercase}
.portal-welcome>i{display:block;width:28px;height:3px;border-radius:3px;background:var(--accent);margin:0 auto 10px;animation:portalFadeLine 3.2s ease-in-out infinite}
.portal-welcome-countdown{width:min(272px,100%);margin:0 auto 28px;animation:portalWelcomeFade .95s ease-out both .08s}
.portal-welcome h1{max-width:700px;margin:0 auto;color:#7fb7e3;font-size:clamp(29px,2.4vw,35px);line-height:1.35;font-weight:700;letter-spacing:-.4px;opacity:0;animation:portalWelcomeFade 1s ease-out forwards .16s,portalWelcomePulse 3.8s ease-in-out infinite 1.2s}
.premium-countdown .countdown-title{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;margin:0 auto 10px;border-radius:2px;border:1px solid #edf2f6;background:#f8fbfd;color:#24476d;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:none;max-width:272px;width:100%}
.premium-countdown .countdown-inline{display:flex;justify-content:center}
.premium-countdown .countdown-values{display:flex;align-items:flex-start;justify-content:center;gap:6px}
.premium-countdown .countdown-values>i{display:flex;align-items:center;justify-content:center;align-self:flex-start;height:44px;font-style:normal;font-size:28px;line-height:1;color:#0b0d10;font-weight:700;transform:none;margin-top:0}
.premium-countdown .countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:56px}
.premium-countdown .countdown-unit b{display:block;font-size:44px;line-height:.95;color:#0b0d10;letter-spacing:-.8px;font-weight:800;font-family:Arial,"Helvetica Neue",sans-serif;transform:none}
.premium-countdown .countdown-unit span{display:block;margin-top:4px;font-size:9px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:#6b798a}
.premium-countdown .countdown-unit.seconds-live{background:#0a0c0f;border-radius:3px;padding:8px 6px 6px;min-width:44px}
.premium-countdown .countdown-unit.seconds-live b,.premium-countdown .countdown-unit.seconds-live span{color:#fff}
.premium-countdown .countdown-unit.seconds-live b{font-size:24px;letter-spacing:-.4px;transform:none}
.premium-countdown .countdown-unit.seconds-live span{color:#e8edf2;font-size:7px;margin-top:3px}
.premium-countdown .countdown-unit:nth-child(1) b,.premium-countdown .countdown-unit:nth-child(3) b,.premium-countdown .countdown-unit:nth-child(5) b{font-size:44px}
.premium-countdown[data-status="done"] .countdown-unit{opacity:.72}
@media(max-width:900px){.home-content{min-height:auto}.portal-home{min-height:430px;padding:42px 18px 60px}.portal-welcome{transform:none}.portal-welcome h1{font-size:24px}.portal-welcome-countdown{margin-bottom:18px;width:min(260px,100%)}.premium-countdown .countdown-title{font-size:9px;padding:6px 8px;max-width:260px}.premium-countdown .countdown-values{gap:5px}.premium-countdown .countdown-values>i{height:34px;font-size:22px;transform:none;margin-top:0}.premium-countdown .countdown-unit{min-width:42px}.premium-countdown .countdown-unit b{font-size:34px;transform:none}.premium-countdown .countdown-unit span{font-size:7px;margin-top:4px}.premium-countdown .countdown-unit.seconds-live{min-width:38px;padding:6px 4px 4px}.premium-countdown .countdown-unit.seconds-live b{font-size:20px;transform:none}.premium-countdown .countdown-unit.seconds-live span{font-size:6px}}
@keyframes portalWelcomeFade{0%{opacity:0}100%{opacity:1}}
@keyframes portalWelcomePulse{0%,100%{opacity:1}50%{opacity:.56}}
@keyframes portalFadeLine{0%,100%{opacity:1}50%{opacity:.38}}
@media(max-width:900px){.home-content{min-height:auto}.portal-home{min-height:430px;padding:42px 18px 60px}.portal-welcome{transform:none}.portal-welcome h1{font-size:24px}.portal-welcome-countdown{margin-bottom:18px;width:min(260px,100%)}.premium-countdown .countdown-grid{grid-template-columns:repeat(4,1fr);gap:4px;max-width:220px}.premium-countdown .countdown-box{min-height:68px;aspect-ratio:.72/1;padding:4px 2px;border-radius:2px}.premium-countdown .countdown-box b{font-size:24px;transform:scaleX(.72) scaleY(1.22)}.premium-countdown .countdown-box span{display:none}.premium-countdown .countdown-box:first-child b{font-size:28px}.premium-countdown .countdown-box:first-child span{display:none}.premium-countdown .countdown-title{font-size:9px;padding:6px 8px;border-radius:2px;max-width:260px}}

/* V2.1.34 cleanup */
.portal-welcome-kicker,.portal-welcome>i{display:none !important}

.premium-countdown .countdown-unit{background:transparent !important;border-radius:0 !important;padding:0 !important;min-width:56px}
.premium-countdown .countdown-unit b{display:block;font-size:44px;line-height:.95;color:#0b0d10;letter-spacing:-.8px;font-weight:800;font-family:Arial,"Helvetica Neue",sans-serif;transform:none}
.premium-countdown .countdown-unit span{display:block;margin-top:4px;font-size:9px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:#6b798a}
.premium-countdown .countdown-values{display:flex;align-items:flex-start;justify-content:center;gap:6px}
.premium-countdown .countdown-values>i{display:flex;align-items:center;justify-content:center;align-self:flex-start;height:44px;font-style:normal;font-size:28px;line-height:1;color:#0b0d10;font-weight:700;transform:none;margin-top:0}
.premium-countdown .countdown-unit.seconds-live,.premium-countdown .countdown-unit.seconds-live b,.premium-countdown .countdown-unit.seconds-live span{background:transparent !important;color:inherit !important}
.premium-countdown .countdown-unit:last-child b{font-size:44px !important;letter-spacing:-.8px !important;transform:none !important}
.premium-countdown .countdown-unit:last-child span{font-size:9px !important;margin-top:4px !important;color:#6b798a !important}
@media(max-width:900px){.premium-countdown .countdown-unit{min-width:42px !important}.premium-countdown .countdown-unit b{font-size:34px !important}.premium-countdown .countdown-unit span{font-size:7px !important;margin-top:4px !important}.premium-countdown .countdown-values>i{height:34px !important;font-size:22px !important}.premium-countdown .countdown-unit:last-child b{font-size:34px !important}.premium-countdown .countdown-unit:last-child span{font-size:7px !important}}


/* V2.1.35 refinement */
.portal-welcome h1{color:#174675 !important}
.premium-countdown .countdown-title{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto 8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#24476d !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.7px !important;
  text-transform:uppercase !important;
}
.premium-countdown .countdown-values{
  gap:6px !important;
}
.premium-countdown .countdown-values > i{
  height:44px !important;
  font-family:Calibri, "Helvetica Neue", Arial, sans-serif !important;
  font-size:28px !important;
  font-weight:700 !important;
  color:#0b0d10 !important;
}
.premium-countdown .countdown-unit{
  min-width:56px !important;
  background:transparent !important;
  padding:0 !important;
}
.premium-countdown .countdown-unit b,
.premium-countdown .countdown-unit:last-child b{
  font-family:Calibri, "Helvetica Neue", Arial, sans-serif !important;
  font-size:44px !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:-.7px !important;
  color:#0b0d10 !important;
}
.premium-countdown .countdown-unit span,
.premium-countdown .countdown-unit:last-child span{
  margin-top:4px !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:1.1px !important;
  color:#556779 !important;
}
@media(max-width:900px){
  .portal-welcome h1{color:#174675 !important}
  .premium-countdown .countdown-title{font-size:10px !important;margin-bottom:8px !important}
  .premium-countdown .countdown-values{gap:5px !important}
  .premium-countdown .countdown-values>i{height:34px !important;font-size:22px !important}
  .premium-countdown .countdown-unit,
  .premium-countdown .countdown-unit:last-child{min-width:42px !important}
  .premium-countdown .countdown-unit b,
  .premium-countdown .countdown-unit:last-child b{font-size:34px !important}
  .premium-countdown .countdown-unit span,
  .premium-countdown .countdown-unit:last-child span{font-size:8px !important}
}


/* V2.1.36 final polish — next month title */
.premium-countdown .countdown-title{
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.8px !important;
  color:#174675 !important;
  margin-bottom:9px !important;
}
@media(max-width:900px){
  .premium-countdown .countdown-title{
    font-size:11px !important;
    letter-spacing:.7px !important;
  }
}

/* V3.0.0 — weighted KPI + progress report */
.coef-cell{white-space:nowrap;min-width:86px}.coef-select{width:auto;min-width:78px;padding:6px 8px;border-radius:8px;font-size:12px;font-weight:700;color:#174675;background:#fff}.coef-tag{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:8px;background:#eef5fb;color:#174675;font-size:12px;font-weight:700}
.status.waiting{background:#fff8e8;color:#9a6500}.status.paused{background:#f2f2f4;color:#626873}
.progress-report-panel{margin-top:18px}.progress-filter-cards{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:9px;padding:0 16px 16px}.progress-filter-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 10px;text-align:left;color:var(--text)}.progress-filter-card span,.progress-filter-card b{display:block}.progress-filter-card span{font-size:11px;color:var(--muted);line-height:1.25}.progress-filter-card b{margin-top:6px;font-size:20px;color:#173b60}.progress-filter-card.active{border-color:#79add1;background:#eef7fd;box-shadow:0 0 0 1px #79add133}.progress-filter-card:hover{background:#f7fbfe}.progress-report-table{min-width:1120px}.progress-report-table td.waiting-reason{max-width:260px;white-space:normal;color:#596d82}.progress-report-table tr[hidden]{display:none}
.kpi-stars{display:block;margin-top:6px;font-size:18px;letter-spacing:3px;line-height:1;font-weight:700}.stars-1{color:#9aa9b8}.stars-2{color:#6f8faa}.stars-3{color:#3f6f99}.stars-4{color:#d0a34c}.stars-5{color:#d9a21b;text-shadow:0 1px 0 #fff,0 0 10px rgba(217,162,27,.14)}
.kpi-confetti-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}
.kpi-confetti-piece{position:absolute;top:-18px;left:var(--x);width:8px;height:14px;border-radius:2px;background:#d9a21b;opacity:.95;animation:kpiConfettiFall var(--dur) cubic-bezier(.18,.72,.32,1) var(--delay) forwards}
.kpi-confetti-piece[data-tone="1"]{background:#174675}.kpi-confetti-piece[data-tone="2"]{background:#4b8fc0}.kpi-confetti-piece[data-tone="3"]{background:#efc65b}.kpi-confetti-piece[data-tone="4"]{background:#ffffff;border:1px solid #d9a21b}
@keyframes kpiConfettiFall{0%{transform:translate3d(0,-24px,0) rotate(0);opacity:0}8%{opacity:1}100%{transform:translate3d(var(--dx),105vh,0) rotate(var(--r));opacity:.15}}
@media(prefers-reduced-motion:reduce){.kpi-confetti-layer{display:none}}
.staff-kpi-direction-head small{line-height:1.35}
@media(max-width:1200px){.progress-filter-cards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.progress-filter-cards{grid-template-columns:repeat(2,1fr);padding:0 10px 12px}.progress-filter-card{padding:9px}.coef-select{min-width:72px}.progress-report-table{min-width:980px}}

/* V3.0.3 — progress report rows hidden until a filter is selected */
.progress-report-results[hidden]{display:none !important}


/* V3.0.4 home compact icon rail */
.home-layout{grid-template-columns:76px 1fr}
.home-mini-aside{width:76px;overflow:hidden;position:relative;z-index:5;transition:width .22s ease,box-shadow .22s ease}
.home-mini-aside:hover{width:240px;box-shadow:0 10px 28px rgba(18,50,96,.16)}
.home-mini-aside .aside-title{padding:14px 12px;font-size:11px;letter-spacing:.6px;white-space:nowrap}
.home-mini-aside:not(:hover) .aside-title{display:none}
.home-mini-aside .nav-item{transition:background .18s ease,color .18s ease,padding .18s ease}
.home-mini-aside:not(:hover) .nav-item{grid-template-columns:1fr;justify-items:center;text-align:center;padding:12px 6px 10px}
.home-mini-aside:not(:hover) .nav-item::before{content:attr(data-icon);font-size:22px;line-height:1;display:block}
.home-mini-aside:not(:hover) .nav-item span,.home-mini-aside:not(:hover) .nav-item em,.home-mini-aside:not(:hover) .nav-item i{display:none}
.home-mini-aside:hover .nav-item{grid-template-columns:30px 1fr auto;align-items:center;padding:12px 15px}
.home-mini-aside:hover .nav-item::before{content:attr(data-icon);display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eef5fb;color:#174675;font-size:17px;line-height:1}
.home-mini-aside:hover .nav-item span{grid-column:2}
.home-mini-aside:hover .nav-item em{grid-column:3}
.home-mini-aside:hover .nav-item i{grid-column:1/-1;margin-top:6px}
.home-mini-aside:hover .report-nav,.home-mini-aside:hover .staff-report-nav,.home-mini-aside:hover .daily-nav{border-top:1px solid var(--line);margin-top:2px}
@media(max-width:900px){.home-layout{grid-template-columns:1fr}.home-mini-aside{width:auto}.home-mini-aside .aside-title{display:flex!important}.home-mini-aside .nav-item,.home-mini-aside:not(:hover) .nav-item{grid-template-columns:1fr;min-width:145px;padding:12px 14px;text-align:left;justify-items:stretch}.home-mini-aside .nav-item::before,.home-mini-aside:not(:hover) .nav-item::before{display:none;content:none}.home-mini-aside .nav-item span,.home-mini-aside .nav-item em,.home-mini-aside .nav-item i,.home-mini-aside:not(:hover) .nav-item span,.home-mini-aside:not(:hover) .nav-item em,.home-mini-aside:not(:hover) .nav-item i{display:initial}}


/* V3.0.5 executive monochrome rail icons */
.rail-icon{display:none}
.home-mini-aside .nav-item::before{display:none!important;content:none!important}
.home-mini-aside .rail-icon{display:grid;place-items:center;color:#315a7d;width:32px;height:32px;border-radius:9px;background:transparent;flex:0 0 32px}
.home-mini-aside .rail-icon svg{width:21px;height:21px;display:block}
.home-mini-aside:not(:hover) .nav-item{grid-template-columns:1fr;justify-items:center;padding:11px 6px}
.home-mini-aside:not(:hover) .rail-icon{grid-column:1;width:38px;height:38px;border:1px solid transparent}
.home-mini-aside:not(:hover) .nav-item:hover .rail-icon{background:#edf4f9;border-color:#dbe8f1;color:#174675}
.home-mini-aside:hover .nav-item{grid-template-columns:32px 1fr auto;column-gap:10px}
.home-mini-aside:hover .rail-icon{grid-column:1;background:#f1f6fa;border:1px solid #e0eaf2;color:#174675}
.home-mini-aside:hover .nav-item span{grid-column:2}
.home-mini-aside:hover .nav-item em{grid-column:3}
.home-mini-aside:hover .nav-item i{grid-column:1/-1}
.home-mini-aside .nav-item.active .rail-icon{background:#e4f0f8;border-color:#c9deec;color:#0d5f91}
@media(max-width:900px){.rail-icon{display:none!important}}

/* V3.0.6 import icon cleanup */
.home-mini-aside .nav-item::before{display:none!important;content:none!important}
.home-mini-aside .rail-icon{font-family:Arial,sans-serif}


/* V3.0.7 — fixed home navigation rail */
.home-layout{grid-template-columns:76px 1fr;position:relative}
.home-layout .home-content{grid-column:2;min-width:0}
.home-mini-aside{
  position:fixed!important;
  top:82px;
  left:max(28px,calc((100vw - 1600px)/2 + 28px));
  width:76px!important;
  max-height:calc(100vh - 106px);
  overflow-x:hidden!important;
  overflow-y:auto!important;
  z-index:30;
  border-radius:14px;
  transition:width .2s ease,box-shadow .2s ease;
}
.home-mini-aside:hover{width:240px!important;box-shadow:0 14px 34px rgba(18,50,96,.18)}
.home-mini-aside:not(:hover) .nav-item .rail-icon{display:grid!important;grid-column:1!important;width:38px!important;height:38px!important;margin:0 auto!important}
.home-mini-aside:hover .nav-item .rail-icon{display:grid!important}
.home-mini-aside .home-aside-title{display:flex!important;align-items:center;min-height:54px;padding:10px 12px;gap:10px;background:#fff;position:sticky;top:0;z-index:4}
.home-menu-glyph{width:38px;height:38px;flex:0 0 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:9px;color:#315a7d}
.home-menu-glyph i{display:block!important;width:18px!important;height:1.8px!important;grid-column:auto!important;margin:0!important;border-radius:2px;background:#315a7d!important}
.home-menu-label{font-size:11px;font-weight:700;letter-spacing:.65px;color:#71879d;white-space:nowrap}
.home-mini-aside:not(:hover) .home-menu-label,.home-mini-aside:not(:hover) .home-aside-title>button{display:none!important}
.home-mini-aside:not(:hover) .home-aside-title{justify-content:center;padding:8px}
.home-mini-aside:not(:hover) .home-menu-glyph,.home-mini-aside:hover .home-menu-glyph{background:#f1f6fa;border:1px solid #e0eaf2}
.home-mini-aside:hover .home-menu-label{display:block!important;flex:1}
.home-mini-aside:hover .home-aside-title>button{display:block!important;margin-left:auto}
@media(max-width:900px){
  .home-layout{grid-template-columns:1fr}
  .home-layout .home-content{grid-column:1}
  .home-mini-aside{position:static!important;width:auto!important;max-height:none!important;overflow:auto!important}
  .home-mini-aside:hover{width:auto!important;box-shadow:0 2px 5px #1232}
  .home-menu-glyph{display:none!important}
  .home-menu-label{display:block!important}
  .home-mini-aside .home-aside-title{padding:18px;min-height:unset}
  .home-mini-aside:not(:hover) .home-aside-title>button{display:block!important}
}


/* V3.0.8 — fixed rail everywhere + visible KPI stars + center celebration */
.fixed-rail-layout{grid-template-columns:76px 1fr!important;position:relative}
.fixed-rail-layout>.fixed-rail-content{grid-column:2!important;min-width:0}
.fixed-menu-rail{
  position:fixed!important;
  top:82px!important;
  left:max(28px,calc((100vw - 1600px)/2 + 28px))!important;
  width:76px!important;
  max-height:calc(100vh - 106px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  z-index:30!important;
  border-radius:14px!important;
  transition:width .2s ease,box-shadow .2s ease!important;
}
.fixed-menu-rail:hover{width:240px!important;box-shadow:0 14px 34px rgba(18,50,96,.18)!important}
.fixed-menu-rail:not(:hover) .staff-user-nav{display:none!important}
.fixed-menu-rail:hover .staff-user-nav{display:block}
.fixed-menu-rail .home-aside-title{display:flex!important;align-items:center;min-height:54px;padding:10px 12px;gap:10px;background:#fff;position:sticky;top:0;z-index:4}
.fixed-menu-rail:not(:hover) .home-menu-label,.fixed-menu-rail:not(:hover) .home-aside-title>button{display:none!important}
.fixed-menu-rail:not(:hover) .home-aside-title{justify-content:center;padding:8px}
.fixed-menu-rail:hover .home-menu-label{display:block!important;flex:1}
.fixed-menu-rail:hover .home-aside-title>button{display:block!important;margin-left:auto}
.fixed-menu-rail:not(:hover) .nav-item{grid-template-columns:1fr!important;justify-items:center!important;padding:11px 6px!important}
.fixed-menu-rail:not(:hover) .nav-item span,.fixed-menu-rail:not(:hover) .nav-item em,.fixed-menu-rail:not(:hover) .nav-item>i{display:none!important}
.fixed-menu-rail:not(:hover) .rail-icon{display:grid!important;grid-column:1!important;width:38px!important;height:38px!important;margin:0 auto!important}
.fixed-menu-rail:hover .nav-item{grid-template-columns:32px 1fr auto!important;column-gap:10px!important;align-items:center!important}
.fixed-menu-rail:hover .rail-icon{display:grid!important;grid-column:1!important}
.fixed-menu-rail:hover .nav-item span{display:grid!important;grid-column:2!important}
.fixed-menu-rail:hover .nav-item em{display:block!important;grid-column:3!important}
.fixed-menu-rail:hover .nav-item>i{display:block!important;grid-column:1/-1!important}

.kpi-stars{display:flex!important;align-items:center;justify-content:center;gap:2px;margin-top:7px;font-size:19px;line-height:1;letter-spacing:1px;font-style:normal}
.kpi-stars b{font-weight:700;letter-spacing:2px}
.kpi-stars i{font-style:normal;color:#cbd5de;letter-spacing:2px;text-shadow:none}
.kpi-stars.stars-0 b{color:#cbd5de}.kpi-stars.stars-1 b{color:#9aa9b8}.kpi-stars.stars-2 b{color:#6f8faa}.kpi-stars.stars-3 b{color:#3f6f99}.kpi-stars.stars-4 b{color:#d0a34c}.kpi-stars.stars-5 b{color:#d9a21b;text-shadow:0 1px 0 #fff,0 0 10px rgba(217,162,27,.14)}

.kpi-confetti-layer.center-burst{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}
.kpi-confetti-layer.center-burst .kpi-confetti-piece{position:absolute;left:50%;top:50%;width:8px;height:14px;border-radius:2px;background:#d9a21b;opacity:0;animation:kpiConfettiBurst var(--dur) cubic-bezier(.14,.72,.3,1) var(--delay) forwards}
.kpi-confetti-layer.center-burst .kpi-confetti-piece:nth-child(3n){width:7px;height:7px;border-radius:50%}
@keyframes kpiConfettiBurst{0%{transform:translate(-50%,-50%) scale(.25) rotate(0);opacity:0}8%{opacity:1}72%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.85) rotate(var(--r));opacity:0}}

@media(max-width:900px){
  .fixed-rail-layout{grid-template-columns:1fr!important}
  .fixed-rail-layout>.fixed-rail-content{grid-column:1!important}
  .fixed-menu-rail{position:static!important;width:auto!important;max-height:none!important;overflow:auto!important}
  .fixed-menu-rail:hover{width:auto!important;box-shadow:0 2px 5px #1232!important}
  .fixed-menu-rail .home-menu-glyph{display:none!important}
  .fixed-menu-rail .home-menu-label{display:block!important}
  .fixed-menu-rail .home-aside-title{padding:18px!important;min-height:unset!important}
  .fixed-menu-rail:not(:hover) .home-aside-title>button{display:block!important}
  .fixed-menu-rail:not(:hover) .nav-item,.fixed-menu-rail:hover .nav-item{grid-template-columns:1fr!important;min-width:145px!important;padding:12px 14px!important;text-align:left!important;justify-items:stretch!important}
  .fixed-menu-rail .rail-icon{display:none!important}
  .fixed-menu-rail .nav-item span,.fixed-menu-rail .nav-item em,.fixed-menu-rail .nav-item>i{display:initial!important}
}


/* V3.0.9 — user report list opens sideways */
.fixed-menu-rail .staff-user-nav{display:none!important}
.fixed-menu-rail:hover .staff-user-nav{
  display:block!important;
  position:fixed!important;
  width:220px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:55!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(18,50,96,.18)!important;
}
.fixed-menu-rail:hover .staff-user-nav::before{content:"ХЭРЭГЛЭГЧИД";display:block;padding:5px 8px 8px;color:#71879d;font-size:10px;font-weight:700;letter-spacing:.8px}
.fixed-menu-rail:hover .staff-user-nav-item{padding:9px 10px;border-radius:8px}
@media(max-width:900px){
  .fixed-menu-rail .staff-user-nav,.fixed-menu-rail:hover .staff-user-nav{display:block!important;position:static!important;width:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:#f8fbfd!important}
  .fixed-menu-rail:hover .staff-user-nav::before{display:none}
}


/* V3.0.10 — staff report flyout opens on first click */
.staff-report-group{position:relative}
.fixed-menu-rail .staff-report-group .staff-user-nav{display:none!important}
.fixed-menu-rail .staff-report-group.open .staff-user-nav{display:block!important;position:fixed!important;width:220px!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:55!important;margin:0!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 34px rgba(18,50,96,.18)!important}
.fixed-menu-rail .staff-report-group.open .staff-user-nav::before{content:"ХЭРЭГЛЭГЧИД";display:block;padding:5px 8px 8px;color:#71879d;font-size:10px;font-weight:700;letter-spacing:.8px}
.fixed-menu-rail .staff-report-group.open .staff-user-nav-item{padding:9px 10px;border-radius:8px}
@media(max-width:900px){.fixed-menu-rail .staff-report-group .staff-user-nav,.fixed-menu-rail .staff-report-group.open .staff-user-nav{display:block!important;position:static!important;width:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:#f8fbfd!important}.fixed-menu-rail .staff-report-group.open .staff-user-nav::before{display:none}}

/* V3.0.11 — User report opens in main content, no side flyout */
.fixed-menu-rail .staff-user-nav,
.fixed-menu-rail .staff-report-group .staff-user-nav,
.fixed-menu-rail .staff-report-group.open .staff-user-nav{display:none!important}
#staff-report-user{min-width:190px;max-width:260px}


/* V3.0.12 — monthly staff reports stay collapsed by default */
.staff-month-summary .month-chevron{font-style:normal;color:#6f859b;font-size:16px;line-height:1;transition:transform .18s ease}
.staff-month-group[open] .month-chevron{transform:rotate(180deg)}
.staff-month-group>summary:hover{background:#f6fafd}


/* V3.0.13 — coefficient 0 = excluded from KPI */
.coef-tag.coef-zero{color:#7a8797;background:#f1f4f7;border:1px solid #d8e0e7;border-radius:8px;padding:5px 7px}
.coef-select option[value="0.00"]{color:#6b7785}


/* V3.0.16 — meeting presentation for each direction and consolidated report */
.meeting-page-title{align-items:center;gap:16px}
.meeting-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.meeting-title-actions>small{max-width:380px;text-align:right}
.meeting-view-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;width:auto;border:1px solid #b6cbdc;border-radius:10px;background:#fff;color:#174675;font-size:13px;font-weight:700;padding:10px 14px;white-space:nowrap;box-shadow:0 2px 6px rgba(18,50,96,.06)}
.meeting-view-button:hover{background:#eaf4ff;border-color:#80afcc}
.meeting-view-button:focus-visible{outline:3px solid #61a9d4;outline-offset:2px}
.meeting-view-button span{font-size:18px;line-height:1}
.meeting-present-direction{display:none}
.content:fullscreen,.content.meeting-fullscreen-fallback{position:fixed!important;inset:0!important;display:block!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-width:none!important;margin:0!important;padding:22px 32px 42px!important;background:#f4f8fc!important;color:#142238!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;border-radius:0!important;z-index:10000!important;grid-column:auto!important}
.content:fullscreen::backdrop{background:#f4f8fc}
.content:fullscreen .meeting-page-title,.content.meeting-fullscreen-fallback .meeting-page-title{position:sticky;top:-22px;z-index:10;align-items:center;min-height:86px;padding:18px 0 14px;margin-bottom:16px;background:#f4f8fc;border-bottom:1px solid #dbe4ed}
.content:fullscreen .meeting-page-title h1,.content.meeting-fullscreen-fallback .meeting-page-title h1{font-size:27px!important;margin:3px 0 0}
.content:fullscreen .meeting-present-direction,.content.meeting-fullscreen-fallback .meeting-present-direction{display:block;margin-top:4px;color:#174675;font-size:15px;font-weight:700}
.content:fullscreen .meeting-title-actions>small,.content.meeting-fullscreen-fallback .meeting-title-actions>small{display:none!important}
.content:fullscreen .meeting-view-button,.content.meeting-fullscreen-fallback .meeting-view-button{background:#174675;color:#fff;border-color:#174675}
.content:fullscreen .meeting-view-button:hover,.content.meeting-fullscreen-fallback .meeting-view-button:hover{background:#266593}
.content:fullscreen .panel,.content.meeting-fullscreen-fallback .panel{box-shadow:none}
.content:fullscreen .table-wrap,.content.meeting-fullscreen-fallback .table-wrap{max-width:100%}
.content:fullscreen table,.content.meeting-fullscreen-fallback table{font-size:14px}
.content:fullscreen .panel>.table-wrap>table td.work,.content.meeting-fullscreen-fallback .panel>.table-wrap>table td.work{min-width:270px}
.content:fullscreen>.panel>.table-wrap>table th:last-child,.content:fullscreen>.panel>.table-wrap>table td:last-child,.content.meeting-fullscreen-fallback>.panel>.table-wrap>table th:last-child,.content.meeting-fullscreen-fallback>.panel>.table-wrap>table td:last-child{display:none}
.meeting-body-locked{overflow:hidden!important}
@media(max-width:900px){.meeting-page-title{align-items:flex-start;flex-direction:column}.meeting-title-actions{width:100%;justify-content:flex-start}.meeting-title-actions>small{display:none}.content:fullscreen,.content.meeting-fullscreen-fallback{padding:16px 14px 32px!important}.content:fullscreen .meeting-page-title,.content.meeting-fullscreen-fallback .meeting-page-title{top:-16px;gap:8px;min-height:0}}

/* V3.0.17: KPI side-panel sales is informational, not an edit button. */
.my-sales-item.my-sales-readonly{cursor:default}
.my-sales-item.my-sales-readonly:hover{background:#fff}

/* V3.0.18 — select plan owners from active registered users. */
.plan-owner-field{display:flex;flex-direction:column;gap:7px;margin:14px 0;min-width:0}
.plan-owner-title{font-size:14px;font-weight:600}
.plan-owner-picker{border:1px solid #cbd7e3;border-radius:10px;background:white;min-width:0}
.plan-owner-picker>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;min-height:43px;padding:10px 12px;color:#253e57;font-size:14px;font-weight:500}
.plan-owner-picker>summary::-webkit-details-marker{display:none}
.plan-owner-picker>summary [data-plan-owner-summary]{overflow-wrap:anywhere;min-width:0}
.plan-owner-picker[open]{border-color:#80afcc;box-shadow:0 0 0 2px rgba(23,121,189,.08)}
.plan-owner-picker[open] .plan-owner-arrow{transform:rotate(180deg)}
.plan-owner-arrow{color:#174675;transition:transform .15s}
.plan-owner-options{border-top:1px solid #dbe4ed;padding:9px;background:#f9fbfd;border-radius:0 0 10px 10px}
.plan-owner-search{width:100%;padding:8px 10px;margin:0 0 8px!important;font-size:13px}
.plan-owner-list{max-height:205px;overflow:auto;overscroll-behavior:contain}
#plan-form .plan-owner-option{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;padding:8px 7px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:normal}
#plan-form .plan-owner-option:hover{background:#eaf4ff}
#plan-form .plan-owner-option[hidden]{display:none!important}
#plan-form .plan-owner-option>input{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:#1779bd}
#plan-form .plan-owner-option>span{display:block;min-width:0}
#plan-form .plan-owner-option b{font-size:13px;font-weight:600;color:#203d57}
#plan-form .plan-owner-option small{display:block;margin-top:2px;font-size:11px;color:#75889a}
#plan-form .plan-owner-group,#plan-form .plan-owner-legacy{border-top:1px solid #dbe4ed;margin-top:4px;padding-top:10px}
.plan-owner-hint{font-size:11px;color:#75889a}

/* V3.0.19 — avoid repeating the portal heading beside Full Screen */
.meeting-page-title > div:first-child > span{display:none!important}

/* V3.0.21 — the page title's decorative label must not appear inside the Full Screen button icon. */
.meeting-page-title .meeting-view-button > span::after {
  content: none !important;
  display: none !important;
}

/* V3.0.22 — саналууд ба долоо хоногоор харагдах тайлан */
.daily-extra-panel{margin-top:16px;display:grid;gap:15px}.daily-request-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.my-week-panel .panel-head{border-bottom:1px solid var(--line)}.my-week-days{display:grid;gap:0}.my-week-day{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;background:white;border:0;border-bottom:1px solid var(--line);padding:12px 16px;text-align:left;color:var(--text);width:100%}.my-week-day:last-child{border-bottom:0}.my-week-day:hover,.my-week-day.active{background:#f1f7fc}.my-week-day b{font-size:13px}.my-week-day>span{font-size:12px;color:var(--muted)}
.request-nav{border-top:1px solid var(--line);margin-top:2px}.request-list{margin-bottom:24px}.request-row{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;background:#fff;border:0;border-top:1px solid var(--line);padding:15px 18px;color:var(--text);text-align:left}.request-row:hover{background:#f4f9fd}.request-row-title{display:grid;gap:5px;min-width:0;flex:1}.request-row-title b{overflow-wrap:anywhere;font-size:14px}.request-row-title small{font-size:12px}.request-status{font-size:11px;font-weight:650;font-style:normal;border-radius:999px;padding:5px 9px;white-space:nowrap}.request-status.new{color:#95621c;background:#fff1d8}.request-status.processing{color:#176ba1;background:#e9f5fd}.request-status.resolved{color:#087f5b;background:#e8f7ee}.request-file-icon{color:#497393;font-size:12px;white-space:nowrap}.request-detail-modal{width:min(680px,95vw)}.request-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.request-kind{margin:12px 0;font-weight:700;color:#176ba1}.request-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;padding:10px 0}.request-reply-box{margin-top:16px;padding:13px;background:#f5f9fc;border:1px solid var(--line);border-radius:10px}.request-reply-box p{white-space:pre-wrap;overflow-wrap:anywhere}.request-attachment a{color:#176ba1;text-decoration:underline}.request-detail form{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.request-detail input,.request-detail select,.request-detail textarea{max-width:100%}
@media(max-width:650px){.request-row{gap:9px;padding:12px;flex-wrap:wrap}.request-file-icon{width:100%}.my-week-day{align-items:start;flex-direction:column}}


/* V3.0.23 — Каталогийн сан */
.request-status.viewed{color:#617284;background:#eef2f6}
.catalog-nav{border-top:1px solid var(--line);margin-top:2px}
.catalog-page{min-width:0}.catalog-page-title{gap:12px;align-items:center}.catalog-page-title small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.catalog-library{padding:0;overflow:hidden}.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line)}
.catalog-search-label,.catalog-filter-label{display:flex;flex-direction:column;gap:6px;color:#526b83;font-size:12px;font-weight:600;min-width:0}
.catalog-search-label{flex:1 1 250px}.catalog-filter-label{flex:0 1 230px}.catalog-toolbar input,.catalog-toolbar select{width:100%;min-height:40px;padding:9px 12px;border:1px solid #c9d9e6;border-radius:9px;background:white;color:var(--text);box-sizing:border-box;font-size:13px}
.catalog-count{margin-left:auto;font-size:12px;color:var(--muted);padding-bottom:11px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:16px;padding:20px}
.catalog-card{display:flex;gap:13px;min-width:0;border:1px solid #dbe5ee;background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 6px rgba(12,55,94,.025)}
.catalog-card-icon{display:grid;place-items:center;flex:none;width:42px;height:46px;border-radius:10px;background:#eaf5fe;color:#235a87}.catalog-card-icon .rail-icon{display:block!important;width:23px;height:23px}.catalog-card-icon svg{width:23px;height:23px}
.catalog-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.catalog-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.catalog-card-top small{font-size:11px;color:var(--muted);white-space:nowrap}
.catalog-category{display:inline-block;max-width:70%;overflow-wrap:anywhere;font-size:11px;font-weight:650;color:#1a668d;background:#eaf5fc;border-radius:99px;padding:4px 9px}
.catalog-card h3{font-size:16px;line-height:1.35;margin:3px 0 0;color:#1c3654;overflow-wrap:anywhere}.catalog-manufacturer{font-size:12px;color:#4f6a82;font-weight:600;overflow-wrap:anywhere}
.catalog-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55;color:#516679;margin:4px 0 9px;flex:1}.catalog-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:13px}.catalog-card-footer>small{font-size:11px;color:var(--muted)}
.catalog-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.catalog-actions .icon-btn{font-size:12px;text-decoration:none;padding:7px 9px;white-space:nowrap;min-height:32px}.catalog-open{color:#15689d}.catalog-remove{color:#a13b36;border-color:#f1d3d1}.catalog-empty{grid-column:1/-1;text-align:center;padding:40px 12px;color:#667e91;font-size:13px}
#catalog-form{display:grid;gap:12px}#catalog-form label{display:flex;flex-direction:column;gap:6px}#catalog-form input,#catalog-form textarea{max-width:100%;box-sizing:border-box}.catalog-current-file{font-size:12px;color:var(--muted);margin:0}
@media(max-width:650px){.catalog-grid{grid-template-columns:1fr;padding:12px;gap:12px}.catalog-toolbar{padding:14px;gap:10px}.catalog-search-label,.catalog-filter-label{flex:1 1 100%}.catalog-count{padding:0}.catalog-card{padding:14px;gap:10px}.catalog-page-title{flex-direction:column;align-items:flex-start}}

/* V3.0.27 — stable fixed mobile rail; touch hover can never hold it open */
.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:none}

@media(max-width:900px){
  :root{--mobile-rail:58px}
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-nav-open{overflow:hidden}
  header{
    position:sticky;top:0;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) auto;
    align-items:center;gap:8px;width:calc(100% - var(--mobile-rail));min-height:60px;height:auto;
    margin-left:var(--mobile-rail);padding:9px 10px calc(9px + env(safe-area-inset-top));
    box-shadow:0 2px 12px rgba(18,50,96,.08)
  }
  header>.portal-logo{grid-column:1;width:112px;height:32px;margin:0}
  header>.brand-copy{display:none}
  header>.head-actions{grid-column:1/-1;width:100%;margin:0;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:visible;padding:1px 0 0;scrollbar-width:none}
  header>.head-actions::-webkit-scrollbar{display:none}
  .head-actions select{flex:1 1 138px;min-width:132px;max-width:220px}
  .head-actions .btn,.head-actions .icon-btn,.profile-btn{flex:0 0 auto;min-height:38px}
  .profile-wrap{margin-left:auto;flex:0 0 auto}
  .user-menu{position:fixed;right:10px;top:auto;margin-top:7px;max-width:calc(100vw - var(--mobile-rail) - 20px)}

  .layout,.fixed-rail-layout,.home-layout{display:block!important;width:calc(100% - var(--mobile-rail))!important;max-width:none;margin:12px 0 28px var(--mobile-rail)!important;padding:0 10px!important}
  .fixed-rail-layout>.fixed-rail-content,.home-layout>.home-content{display:block;grid-column:auto!important;width:100%;min-width:0}
  .fixed-menu-rail,.home-mini-aside{
    display:block!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;
    width:var(--mobile-rail)!important;height:100vh;height:100dvh;max-height:none!important;margin:0!important;
    padding-top:env(safe-area-inset-top);overflow-x:hidden!important;overflow-y:auto!important;
    border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;
    box-shadow:2px 0 10px rgba(13,45,79,.10)!important;transform:none!important;
    transition:width .18s ease,box-shadow .18s ease!important;z-index:1000!important;
    pointer-events:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y
  }
  body.mobile-nav-open .fixed-menu-rail{width:min(84vw,320px)!important;box-shadow:8px 0 34px rgba(13,45,79,.28)!important}
  .mobile-nav-backdrop{position:fixed;inset:0;display:block;border:0;background:rgba(10,32,52,.46);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;z-index:990}
  body.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .fixed-menu-rail .home-aside-title{display:flex!important;position:sticky;top:0;z-index:4;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:58px!important;padding:10px!important;background:#fff!important;border-bottom:1px solid var(--line)!important}
  .fixed-menu-rail .mobile-rail-toggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:38px;height:38px;flex:0 0 38px;margin:0!important;border:1px solid #dbe8f1;border-radius:9px;background:#f1f6fa;cursor:pointer;touch-action:manipulation}
  .fixed-menu-rail .mobile-rail-toggle:focus-visible{outline:3px solid #61a9d4;outline-offset:1px}
  .fixed-menu-rail .home-menu-label,.fixed-menu-rail .home-aside-title>button{display:none!important}
  body.mobile-nav-open .fixed-menu-rail .home-aside-title{justify-content:flex-start!important;padding:10px 12px!important}
  body.mobile-nav-open .fixed-menu-rail .home-menu-label{display:block!important;flex:1;font-size:11px}
  body.mobile-nav-open .fixed-menu-rail .home-aside-title>button:not(.mobile-nav-close){display:block!important;margin-left:auto}
  body.mobile-nav-open .fixed-menu-rail .mobile-nav-close{display:grid!important;place-items:center;width:34px;height:34px;flex:0 0 34px;margin-left:2px!important;border:1px solid #d5e0e8;border-radius:9px;background:#fff;color:#4d657b;font-size:24px;line-height:1}
  .fixed-menu-rail:not(:hover) .nav-item,.fixed-menu-rail:hover .nav-item{display:grid!important;grid-template-columns:38px!important;align-items:center!important;justify-items:center!important;gap:0!important;min-width:0!important;width:100%!important;min-height:58px!important;padding:9px!important;text-align:left!important}
  .fixed-menu-rail .nav-item{position:relative;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:rgba(23,121,189,.12)}
  .fixed-menu-rail .nav-item .rail-icon,.fixed-menu-rail .nav-item .rail-icon *{pointer-events:none}
  .fixed-menu-rail .rail-icon{display:grid!important;grid-column:1!important;width:38px!important;height:38px!important;margin:0!important;background:#f1f6fa!important;border:1px solid #e0eaf2!important}
  .fixed-menu-rail .nav-item span:not(.rail-icon),.fixed-menu-rail .nav-item em,.fixed-menu-rail .nav-item>i{display:none!important}
  body.mobile-nav-open .fixed-menu-rail .nav-item{grid-template-columns:38px minmax(0,1fr) auto!important;justify-items:stretch!important;column-gap:10px!important;padding:9px 13px!important}
  body.mobile-nav-open .fixed-menu-rail .nav-item span:not(.rail-icon){display:grid!important;grid-column:2!important;min-width:0}
  body.mobile-nav-open .fixed-menu-rail .nav-item em{display:block!important;grid-column:3!important}
  body.mobile-nav-open .fixed-menu-rail .nav-item>i{display:block!important;grid-column:1/-1!important;width:100%}
  .fixed-menu-rail .staff-user-nav,.fixed-menu-rail .staff-report-group .staff-user-nav,.fixed-menu-rail .staff-report-group.open .staff-user-nav{display:none!important}

  /* Touch browsers can keep :hover active after a tap. The open class is the
     only state allowed to widen the rail; all hover expansion is neutralized. */
  body:not(.mobile-nav-open) .fixed-menu-rail,
  body:not(.mobile-nav-open) .fixed-menu-rail:hover,
  body:not(.mobile-nav-open) .home-mini-aside:hover{width:var(--mobile-rail)!important;box-shadow:2px 0 10px rgba(13,45,79,.10)!important}
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .home-aside-title{justify-content:center!important;padding:10px!important}
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .home-menu-label,
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .home-aside-title>button{display:none!important}
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .nav-item{grid-template-columns:38px!important;justify-items:center!important;gap:0!important;padding:9px!important}
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .nav-item span:not(.rail-icon),
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .nav-item em,
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .nav-item>i{display:none!important}
  body:not(.mobile-nav-open) .fixed-menu-rail:hover .rail-icon{display:grid!important;grid-column:1!important;margin:0!important}
  body.mobile-nav-open .fixed-menu-rail,
  body.mobile-nav-open .fixed-menu-rail:hover,
  body.mobile-nav-open .home-mini-aside:hover{width:min(84vw,320px)!important;box-shadow:8px 0 34px rgba(13,45,79,.28)!important}

  .page-title{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:14px}
  .page-title>div,.daily-date-tools,.meeting-title-actions{width:100%;min-width:0}
  .page-title h1{font-size:22px;line-height:1.2;overflow-wrap:anywhere}
  .meeting-title-actions{display:flex!important;justify-content:flex-start}
  .meeting-view-button{display:inline-flex!important}
  .panel{max-width:100%;border-radius:13px}
  .panel-head{padding:14px}
  .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .progress-filter-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .toast{left:calc(var(--mobile-rail) + 10px);right:10px;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center}
  .modal-bg{padding:12px;align-items:end}
  .modal{width:100%;max-height:92vh;max-height:92dvh;border-radius:18px 18px 10px 10px;padding:20px}
  .form-actions{flex-wrap:wrap}
}

@media(max-width:650px){
  header>.portal-logo{width:104px;height:30px}
  header>.head-actions{gap:6px}
  .profile-btn>span:nth-child(2){display:none}
  .profile-btn{padding:5px 7px}
  .head-actions .private-entry{max-width:122px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .layout,.fixed-rail-layout,.home-layout{margin-top:10px!important;padding-inline:8px!important}
  .page-title h1{font-size:21px}
  .page-title .btn,.daily-date-tools .btn{max-width:100%}
  .portal-home{min-height:calc(100dvh - 150px);padding:30px 10px 44px}
  .portal-welcome{width:100%}
  .portal-welcome h1{font-size:21px!important;line-height:1.4}
  .progress-filter-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .staff-report-row{grid-template-columns:1fr;gap:7px}
  .staff-report-row>span:nth-child(2){justify-content:space-between}
  .staff-report-actions button{flex:1 1 130px}
  .catalog-card{align-items:flex-start}
  .catalog-card-icon{width:38px;height:42px}
  .catalog-card-top{align-items:flex-start;flex-direction:column}
  .catalog-category{max-width:100%}
  .catalog-actions{display:flex;flex-wrap:wrap;gap:7px;width:100%}

  table.responsive-table:not(.ceo-table){display:block;width:100%;min-width:0!important;background:#f4f8fc}
  table.responsive-table:not(.ceo-table) thead{display:none}
  table.responsive-table:not(.ceo-table) tbody{display:grid;gap:10px;padding:10px}
  table.responsive-table:not(.ceo-table) tr{display:block;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(18,50,96,.04)}
  table.responsive-table:not(.ceo-table) td{display:grid;grid-template-columns:minmax(88px,34%) minmax(0,1fr);gap:10px;align-items:start;min-width:0!important;max-width:none!important;width:100%;padding:9px 11px;border-bottom:1px solid #e7edf2;white-space:normal;overflow-wrap:anywhere}
  table.responsive-table:not(.ceo-table) td:last-child{border-bottom:0}
  table.responsive-table:not(.ceo-table) td::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.35px;color:#6f8294;text-transform:uppercase;line-height:1.35}
  table.responsive-table:not(.ceo-table) td[data-label=""]::before{display:none}
  table.responsive-table:not(.ceo-table) td[colspan]{display:block;text-align:center}
  table.responsive-table:not(.ceo-table) td[colspan]::before{display:none}
  table.responsive-table:not(.ceo-table) td.work{min-width:0!important}
  table.responsive-table:not(.ceo-table) .progress{width:min(120px,70%)}
  .daily-table,.staff-report-table,.my-daily-detail-table,.report-table,.progress-report-table{min-width:0!important}
  .report-table td:first-child{min-width:0}
  .report-total td{background:#eef5fb}
  .modal-bg{padding:8px 8px env(safe-area-inset-bottom)}
  .modal{padding:18px 15px;max-height:94dvh}
  .form-actions{flex-direction:column-reverse}
  .form-actions .btn,.form-actions .icon-btn,.form-actions .danger{width:100%;margin:0!important}
}

@media(min-width:651px) and (max-width:900px){
  :root{--mobile-rail:64px}
  .layout,.fixed-rail-layout,.home-layout{padding-inline:18px!important}
  .daily-kpi-layout,.staff-report-layout{grid-template-columns:1fr}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  .fixed-menu-rail,.mobile-nav-backdrop{transition:none!important}
}

/* V3.0.28 — department login, mobile daily entry and readable compact views */
.auth-body select{padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.82)}
.user-list>div{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(125px,160px)) auto}
.mobile-daily-entry,.mobile-daily-saved{display:none}
input[readonly]{background:#f5f8fa;color:#52677a}

@media(max-width:900px){
  .user-list>div{grid-template-columns:1fr}
  header>.head-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:100%;overflow:visible;padding:0;min-width:0}
  header>.head-actions>select{grid-column:1/-1;width:100%;max-width:none;min-width:0}
  header>.head-actions>#add{grid-column:1;width:100%;min-width:0}
  header>.head-actions>.private-entry{grid-column:1/-1;max-width:none;width:100%}
  header>.head-actions>.profile-wrap{grid-column:2;justify-self:end;margin:0}
  .layout>.content{width:100%;min-width:0}
  .daily-date-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .daily-date-tools #daily-date,.daily-date-tools #daily-submit{width:100%;min-width:0;max-width:none;min-height:44px}
  .daily-date-tools #daily-add{display:none}
  .daily-kpi-layout .my-kpi-panel{grid-row:auto!important}
  .mobile-daily-entry,.mobile-daily-saved{display:block;margin-bottom:14px}
  .mobile-daily-entry form{display:grid;gap:12px;padding:0 15px 16px}
  .mobile-daily-entry label{display:grid;gap:6px;margin:0;min-width:0;font-size:13px;font-weight:600}
  .mobile-daily-entry textarea{min-height:78px}
  .mobile-daily-entry input,.mobile-daily-entry select,.mobile-daily-entry textarea{font-size:16px;max-width:100%}
  .mobile-daily-entry .btn{width:100%;min-height:46px}
  .mobile-daily-saved .panel-head{border-bottom:1px solid var(--line)}
  .daily-compact-help{display:none}
  .modal-bg{overflow-y:auto;align-items:flex-end}
  .modal{overscroll-behavior:contain}
}
@media(max-width:650px){
  .auth-bg{overflow-x:hidden;overflow-y:auto;align-items:safe center}
  .auth-card{max-height:calc(100dvh - 24px);overflow:auto}
  .layout,.fixed-rail-layout,.home-layout{padding-inline:8px!important}
  .content .summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content .summary article{min-width:0;padding:12px}
  .content .summary b{font-size:22px}
  .panel-head>div,.staff-kpi-head>div{min-width:0}
  .staff-kpi-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  table.responsive-table:not(.ceo-table) td{grid-template-columns:minmax(72px,36%) minmax(0,1fr);overflow-wrap:anywhere}
  table.responsive-table:not(.ceo-table) td.work{display:grid}
  table.responsive-table:not(.ceo-table) td.work>b,
  table.responsive-table:not(.ceo-table) td.work>span,
  table.responsive-table:not(.ceo-table) td>.progress,
  table.responsive-table:not(.ceo-table) td>.progress+b{grid-column:2}
  table.responsive-table:not(.ceo-table) td .progress{max-width:100%}
  .my-daily-summary-card{grid-template-columns:minmax(0,1fr)}
  .my-daily-summary-progress{min-width:0}
  .daily-request-actions>*{flex:1 1 100%}
}

/* V3.0.29 — installable browser app */
.pwa-install-button[hidden]{display:none!important}
.pwa-auth-install{margin-top:12px;padding-top:9px;border-top:1px solid #dce8f0;text-align:center}
.pwa-auth-install .pwa-install-button{border:0;background:transparent;color:#175d91;font-size:12px;font-weight:700;padding:7px 10px;border-radius:8px}
.pwa-auth-install .pwa-install-button:hover{background:#eaf4fc}
.user-menu .pwa-install-button{color:#175d91}

/* V3.0.36 — compact sections and expandable rows on phones. */
.mobile-row-toggle{display:none}
.mobile-section-fold>summary{display:none}
@media(max-width:900px){
  .fixed-rail-content,.content,.content>.panel,.content>.page-title,.panel-head,.daily-kpi-main,.staff-report-layout{min-width:0;max-width:100%}
  .panel-head{flex-wrap:wrap;gap:8px}
  .panel-head>div,.panel-head input,.panel-head select{min-width:0;max-width:100%}
  .modal,.modal form,.modal input,.modal select,.modal textarea{min-width:0;max-width:100%}
  .head-actions .profile-wrap{min-width:0}
}
@media(max-width:650px){
  .mobile-section-fold{min-width:0;width:100%;margin:0 0 14px}
  .mobile-section-fold>summary{display:block;cursor:pointer;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--blue);font-size:14px;font-weight:700;list-style:none}
  .mobile-section-fold>summary::-webkit-details-marker{display:none}
  .mobile-section-fold>summary::after{content:'⌄';float:right;transform:rotate(-90deg)}
  .mobile-section-fold[open]>summary::after{transform:none}
  .mobile-section-fold[open]>summary{border-radius:12px 12px 0 0}
  .mobile-section-fold>.panel{margin:0;border-radius:0 0 12px 12px}
  table.responsive-table:not(.ceo-table) tbody tr[hidden]{display:none!important}
  table.responsive-table:not(.ceo-table) tr.mobile-collapsed td:not(:first-child){display:none!important}
  table.responsive-table:not(.ceo-table) tr.mobile-collapsed td:first-child,
  table.responsive-table:not(.ceo-table) tr.mobile-expanded td:first-child{display:block!important;font-size:0;line-height:0;padding:7px 10px}
  table.responsive-table:not(.ceo-table) tr.mobile-collapsed td:first-child::before,
  table.responsive-table:not(.ceo-table) tr.mobile-expanded td:first-child::before{display:none!important}
  .mobile-row-toggle{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:40px;padding:7px;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:700;line-height:1.35;text-align:left;overflow-wrap:anywhere;cursor:pointer}
  .mobile-row-toggle::after{content:'⌄';flex:0 0 auto;color:var(--blue);font-size:18px;transform:rotate(-90deg)}
  .mobile-row-toggle[aria-expanded="true"]::after{transform:none}
  .head-actions .profile-wrap{grid-column:2;align-self:start}
  .head-actions>select{grid-column:1/-1}
  .head-actions>#add{grid-column:1/-1}
  .content .grid-form,.staff-kpi-layout,.daily-kpi-layout{min-width:0;max-width:100%}
}

/* V3.0.37 — dialog above the fixed mobile rail and an in-app PDF viewer. */
.modal-bg{z-index:1100}
.toast{z-index:1300}
.request-form-modal{width:min(560px,100%)}
.catalog-viewer-bg{position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column;min-width:0;background:#f3f7fb}
.catalog-viewer-toolbar{display:flex;align-items:center;gap:12px;min-width:0;padding:calc(8px + env(safe-area-inset-top)) 14px 10px;background:#fff;border-bottom:1px solid var(--line)}
.catalog-viewer-toolbar strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.catalog-viewer-toolbar .icon-btn{flex:none;min-height:42px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}
.catalog-viewer-frame{flex:1;min-height:0;overflow:auto}
.catalog-viewer-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.catalog-viewer-help{margin:0;padding:7px 14px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}
@media(max-width:900px){
  .request-dialog-bg{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}
  .request-dialog-bg>.modal{display:flex;flex-direction:column;flex:0 1 auto;width:min(560px,100%);max-width:100%;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-width:0;overflow:hidden;padding:18px 16px}
  .request-dialog-bg>.modal>h2{flex:none;min-width:0;margin:0 0 9px;padding-right:42px;overflow-wrap:anywhere;font-size:18px;line-height:1.3}
  .request-dialog-bg>.modal>.close{z-index:1;right:12px;top:10px;width:40px;height:40px;line-height:1;color:var(--blue)}
  .request-form-modal form,.request-detail-modal>.request-detail{min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .request-form-modal form label,.request-detail-modal form label{min-width:0;margin:9px 0;overflow-wrap:anywhere}
  .request-form-modal input,.request-form-modal select,.request-form-modal textarea,.request-detail-modal select,.request-detail-modal textarea{width:100%;min-width:0;max-width:100%;font-size:16px}
  .request-form-modal input[type=file]{padding:10px 8px}
  .request-form-modal .form-actions,.request-detail-modal .form-actions{position:sticky;bottom:0;z-index:1;padding:10px 0 4px;background:#fff}
  .request-detail-modal .request-body,.request-detail-modal .request-reply-box{overflow-wrap:anywhere}
}
@media(max-width:650px){
  .catalog-viewer-toolbar{flex-wrap:wrap;gap:7px;padding-inline:8px}
  .catalog-viewer-toolbar strong{order:-1;flex:1 0 100%;padding:2px 4px;font-size:13px}
  .catalog-viewer-toolbar .catalog-viewer-back{flex:1;white-space:normal;text-align:center}
  .catalog-viewer-toolbar .icon-btn{font-size:13px}
}

/* V3.0.38 — deliberate, admin-only deletion controls. */
.month-delete-button{color:#a13b36;border-color:#e8c8c5;font-size:12px;white-space:nowrap}
.request-detail .request-delete{margin-right:auto}
@media(max-width:650px){
  .head-actions>#month-delete{grid-column:1/-1;width:100%;min-width:0}
  .request-detail .request-delete{margin-right:0}
}

/* V3.0.39 — plan progress quick view, landscape A4-like */
.plan-view-btn{font-size:15px!important;color:#176fa8;padding:5px 4px!important;line-height:1}
.plan-view-btn:hover{color:#0f4f79;background:#eef7fd;border-radius:7px}
.plan-view-dialog{padding:18px}
.plan-view-modal{width:min(1180px,96vw);max-height:94vh;padding:22px 26px 26px;border-radius:14px}
.plan-view-modal>h2{font-size:15px;margin:0 0 12px;color:#60758a;font-weight:700}
.plan-view-a4{width:100%;aspect-ratio:1.414/1;min-height:620px;background:#fff;border:1px solid #d9e2ea;box-shadow:0 4px 18px rgba(28,53,77,.08);padding:28px 34px;display:flex;flex-direction:column;gap:17px}
.plan-view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:1px solid #dfe7ee;padding-bottom:14px}
.plan-view-head small{display:block;font-size:11px;color:#6f8194;margin-bottom:7px}.plan-view-head h2{font-size:23px;line-height:1.25;margin:0;color:#173b60}.plan-view-head p{margin:7px 0 0;font-size:13px;color:#687b8f;font-weight:700}.plan-view-status{text-align:right;min-width:120px}.plan-view-status .status{display:inline-block}.plan-view-status strong{display:block;font-size:30px;color:#174675;margin-top:8px}
.plan-view-progress{height:10px;background:#e7eef4;border-radius:999px;overflow:hidden}.plan-view-progress i{display:block;height:100%;background:#2181be;border-radius:999px}
.plan-view-kpis{display:grid;grid-template-columns:1.35fr .85fr 1fr .75fr;gap:10px}.plan-view-kpis article{border:1px solid #dce5ed;border-radius:10px;padding:12px 14px;background:#f9fbfd;min-width:0}.plan-view-kpis span,.plan-view-kpis b{display:block}.plan-view-kpis span{font-size:10px;text-transform:uppercase;letter-spacing:.45px;color:#72859a;font-weight:800}.plan-view-kpis b{margin-top:6px;font-size:14px;line-height:1.35;color:#173b60;overflow-wrap:anywhere}
.plan-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.plan-view-section{border:1px solid #e0e7ee;border-radius:10px;padding:13px 15px;background:#fff;min-height:92px}.plan-view-section h3{font-size:12px;margin:0 0 8px;color:#315775}.plan-view-section p{font-size:12.5px;line-height:1.55;margin:0;white-space:pre-wrap;color:#283b4e;overflow-wrap:anywhere}.plan-view-milestones{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.plan-view-milestones>div{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#4c6073}.plan-view-milestones>div.done{color:#087f5b}.plan-view-milestones span{font-size:14px}.plan-view-milestones b{font-weight:600;line-height:1.35}
@media(max-width:900px){.plan-view-dialog{align-items:center;padding:8px}.plan-view-modal{width:100%;max-height:96dvh;padding:16px 12px}.plan-view-a4{aspect-ratio:auto;min-height:0;padding:18px 14px}.plan-view-head{gap:12px}.plan-view-head h2{font-size:19px}.plan-view-status strong{font-size:24px}.plan-view-kpis{grid-template-columns:1fr 1fr}.plan-view-grid{grid-template-columns:1fr}.plan-view-milestones{grid-template-columns:1fr}}


/* V3.0.40 — report discipline + detailed monthly KPI */
.staff-missing-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.staff-missing-alert{display:flex;flex-direction:column;gap:4px;padding:11px 13px;border:1px solid #f0c8c1;border-radius:10px;background:#fff8f6;color:#8d352d;font-size:12px}
.staff-missing-alert.previous{border-color:#efd9a7;background:#fffaf0;color:#8b6100}
.staff-missing-alert b{font-size:12px}.staff-missing-alert span{line-height:1.45;overflow-wrap:anywhere}
.staff-month-summary em.missing{background:#fff0eb;color:#a23d31;border:1px solid #f1c7bc}
.staff-week-empty{padding:18px!important;border:0!important;background:#fafcfe!important}
.staff-kpi-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px 12px;border-bottom:1px solid var(--line)}
.staff-kpi-breakdown>div{min-width:0;padding:9px 7px;border:1px solid #dce6ef;border-radius:9px;background:#f8fbfd;text-align:center}
.staff-kpi-breakdown>div.final{background:#eef8fd;border-color:#bedceb}
.staff-kpi-breakdown span,.staff-kpi-breakdown b{display:block}.staff-kpi-breakdown span{font-size:9px;line-height:1.25;color:#71869a}.staff-kpi-breakdown b{margin-top:4px;color:#174675;font-size:15px}
.staff-kpi-late-split{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.staff-kpi-late-split span{padding:9px 5px;text-align:center;border-right:1px solid var(--line)}.staff-kpi-late-split span:last-child{border-right:0}
.staff-kpi-late-split b,.staff-kpi-late-split small{display:block}.staff-kpi-late-split b{font-size:14px;color:#183d61}.staff-kpi-late-split small{margin-top:2px;font-size:8.5px;line-height:1.2;color:#73869a}
@media(max-width:900px){.staff-missing-wrap{grid-template-columns:1fr}.staff-kpi-breakdown{grid-template-columns:1fr 1fr}}

/* V3.0.44 clickable overdue KPI */
.staff-kpi-stats .staff-kpi-stat-btn{appearance:none;border:0;background:transparent;font:inherit;color:inherit;padding:10px 6px;cursor:pointer;width:100%;min-width:0}
.staff-kpi-stats .staff-kpi-stat-btn:hover{background:#f5f9fd}
.staff-kpi-stats .staff-kpi-stat-btn b,.staff-kpi-stats .staff-kpi-stat-btn small{display:block}
.staff-kpi-stats .staff-kpi-stat-btn:focus-visible{outline:2px solid #2584c3;outline-offset:-2px}
.late-items-modal{width:min(1100px,94vw);max-width:1100px}
.late-items-summary{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;color:#5f7288}.late-items-summary b{font-size:20px;color:#0b294b}.late-items-table td{vertical-align:middle}.late-item-reason{display:block;margin-top:5px;color:#7a8796;max-width:240px;white-space:normal}

/* V3.0.45: all KPI counters are drill-down controls */
.staff-kpi-late-split .staff-kpi-split-btn{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;font:inherit;color:inherit;padding:9px 5px;text-align:center;cursor:pointer;min-width:0;width:100%}.staff-kpi-late-split .staff-kpi-split-btn:last-child{border-right:0}.staff-kpi-late-split .staff-kpi-split-btn:hover,.staff-kpi-stats .staff-kpi-stat-btn:hover{background:#f5f9fd}.staff-kpi-late-split .staff-kpi-split-btn:focus-visible{outline:2px solid #2584c3;outline-offset:-2px}.staff-kpi-late-split .staff-kpi-split-btn b,.staff-kpi-late-split .staff-kpi-split-btn small{display:block}.staff-kpi-late-split .staff-kpi-split-btn b{font-size:14px;color:#183d61}.staff-kpi-late-split .staff-kpi-split-btn small{margin-top:2px;font-size:8.5px;line-height:1.2;color:#73869a}
/* V3.0.52 KPI transparency */
button.staff-kpi-score{display:block;width:calc(100% - 32px);font:inherit;cursor:pointer;color:inherit}
button.staff-kpi-score:focus-visible{outline:3px solid rgba(23,111,164,.22);outline-offset:2px}
.kpi-explain-note{padding:12px 4px 0;color:var(--muted);font-size:13px;line-height:1.55}.kpi-explain-note p{margin:7px 0}

/* V3.0.55 — explicit report discipline warning */
.kpi-report-penalty-alert{display:flex;width:calc(100% - 24px);margin:0 12px 10px;padding:9px 11px;gap:3px;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #f1b9b2;border-radius:9px;background:#fff5f3;color:#9b3028;cursor:pointer;font:inherit}
.kpi-report-penalty-alert b{font-size:12px}.kpi-report-penalty-alert span{font-size:10px;line-height:1.35;color:#a64a42}
.kpi-report-penalty-alert:hover{background:#ffefec}
\n/* V3.0.57 — monthly plan load balance */\n.plan-load-balance{margin-bottom:16px}\n.plan-load-average{font-size:13px;color:#64748b}.plan-load-average b{font-size:17px;color:#0f2747;margin-left:4px}\n.plan-load-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:0 14px 12px}\n.plan-load-member{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 10px;border:1px solid #d8e2ef;border-radius:12px;padding:10px 12px;background:#fff}\n.plan-load-member span{min-width:0}.plan-load-member span b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-load-member span small{display:block;color:#718096;margin-top:2px}\n.plan-load-member strong{font-size:18px;align-self:center}.plan-load-member em{grid-column:1/-1;font-style:normal;font-size:11px;font-weight:700}\n.plan-load-member.low strong,.plan-load-member.low em{color:#c2410c}.plan-load-member.high strong,.plan-load-member.high em{color:#b91c1c}.plan-load-member.balanced strong,.plan-load-member.balanced em{color:#16845b}\n.plan-load-warning,.plan-load-ok{margin:0 14px 14px;border-radius:10px;padding:9px 11px;font-size:12px}.plan-load-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.plan-load-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}\n@media(max-width:720px){.plan-load-members{grid-template-columns:1fr 1fr}.plan-load-balance .panel-head{align-items:flex-start;gap:8px}.plan-load-average{white-space:nowrap}}\n@media(max-width:430px){.plan-load-members{grid-template-columns:1fr}}\n

/* V3.0.61 — sales amount inline + month delete inside month menu */
.completion-cell>div:first-child{display:flex;align-items:center;gap:4px;white-space:nowrap}
.sales-amount-inline{display:block;margin-top:5px;max-width:280px;color:#5d7187;font-size:11px;line-height:1.35;white-space:normal}
.sales-amount-inline>b{color:#244d70;font-size:11px}
.sales-amount-breakdown{display:block;margin-top:2px;color:#7a8ba0;font-size:10px;line-height:1.35}
#month option[value="__delete_month__"]{color:#b23434}
@media(max-width:700px){.sales-amount-inline{max-width:220px}.sales-amount-breakdown{font-size:10px}}


/* V3.0.62 — clearer sales target under completion + cleaner calculation form */
.sales-amount-inline{display:grid;gap:2px;margin-top:5px;max-width:300px;white-space:normal}
.sales-amount-inline .sales-target-inline,.sales-amount-inline .sales-actual-inline{display:block;font-size:10.5px;line-height:1.3;color:#667b90}
.sales-amount-inline .sales-target-inline b{color:#174675;font-size:11px}
.sales-amount-inline .sales-actual-inline b{color:#176fa4;font-size:10.5px}
.sales-amount-breakdown{margin-top:1px;padding-top:3px;border-top:1px dashed #d9e4ed;color:#7a8ba0;font-size:9.5px;line-height:1.35}

#numeric-calc{background:#fff;border-color:#d8e4ee;padding:14px 15px}
#numeric-calc .metric-grid{gap:10px}
#numeric-calc .metric-grid>label{margin:0!important;padding:10px 11px;border:1px solid #e0e8ef;border-radius:10px;background:#f8fbfd;font-size:12px;gap:5px}
#numeric-calc .metric-grid input{padding:9px 10px;border-radius:8px;background:#fff}
#numeric-calc .calc-caption{margin:8px 2px 3px;font-size:10.5px;color:#5c7892}
#numeric-calc .split-sales-config{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;padding:11px;border-color:#d8e4ee;background:#f8fbfd}
#numeric-calc .split-sales-check{min-height:72px;padding:10px 11px;border:1px solid #dde7ef;border-radius:9px;background:#fff;align-items:flex-start}
#numeric-calc .split-sales-check b{font-size:12px;color:#1d3148}
#numeric-calc .split-sales-check small{font-size:10px;line-height:1.35;color:#71849a}
#numeric-calc .split-sales-config>label:not(.split-sales-check){margin:0!important;padding:0;font-size:11.5px;align-self:end}
#numeric-calc .split-sales-config>label:not(.split-sales-check) input{margin-top:2px;padding:9px 10px;border-radius:8px;background:#fff}
#numeric-calc .split-sales-preview{grid-column:auto;align-self:end;padding:10px 11px;border:1px dashed #cadbe8;border-radius:8px;background:#fff;font-size:10.5px}
#numeric-calc .split-sales-preview b{font-size:11.5px;color:#126b9d}
@media(max-width:700px){
  #numeric-calc .split-sales-config{grid-template-columns:1fr}
  #numeric-calc .split-sales-preview{grid-column:1}
  .sales-amount-inline{max-width:230px}
}

/* V3.0.65 — хэрэглэгч өөрийн борлуулалтын бодит дүнг оруулна */
.my-sales-entry-card{cursor:pointer;font:inherit}.my-sales-entry-card em{grid-column:1/-1;text-align:right;font-style:normal;color:#1779bd;font-size:10px}.personal-sales-metric-grid{margin-bottom:14px}.personal-sales-metric-grid input[readonly]{background:#f7fafc;color:#56697b}.personal-sales-summary b{line-height:1.45}

/* V3.0.67 — compact plan editor */
.plan-modal-clean{width:min(820px,100%);padding:20px 22px}
.plan-modal-clean>h2{margin:0 0 10px;font-size:20px}
#plan-form.plan-form-clean{gap:0 12px}
#plan-form.plan-form-clean label{margin:8px 0;gap:5px}
#plan-form.plan-form-clean textarea{min-height:54px}
.plan-meta-grid{display:grid;grid-template-columns:1.2fr .55fr 1.25fr;gap:10px}
.plan-meta-grid label{margin:0!important}
.plan-form-clean .calc-mode-box{padding:10px 12px;margin:2px 0 6px}
.plan-form-clean .metric-grid{gap:10px}
.plan-readonly-field input[readonly]{background:#f3f6f9;color:#6b7e90}
.admin-actual-note{font-weight:400;line-height:1.25}
.plan-status-compact{border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fbfdff;margin-top:4px}
.plan-status-row{display:grid;grid-template-columns:1fr 150px;gap:12px;align-items:end}
#plan-form .plan-active-toggle{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;border:1px solid #cfe0ee;border-radius:9px;background:#f4f9fd}
#plan-form .plan-active-toggle>input{width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:#1779bd}
#plan-form .plan-active-toggle>span{display:block}
#plan-form .plan-active-toggle b,#plan-form .plan-active-toggle small{display:block}
#plan-form .plan-active-toggle small{font-weight:400;margin-top:2px}
.plan-completion-compact{margin:0!important}
.plan-status-exception{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-top:7px;padding-top:7px;border-top:1px dashed #d8e2eb}
.plan-status-exception.hidden{display:none}
.plan-status-exception .wide{grid-column:1/-1}
.plan-extra-details{border:1px solid var(--line);border-radius:10px;padding:0 12px;margin-top:6px;background:#fff}
.plan-extra-details>summary{cursor:pointer;padding:10px 0;font-weight:700;color:#36536f}
.plan-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding-bottom:7px}
.plan-extra-grid .wide{grid-column:1/-1}
.plan-form-clean .form-actions{margin-top:8px}
@media(max-width:700px){.plan-meta-grid,.plan-status-row,.plan-status-exception,.plan-extra-grid{grid-template-columns:1fr}.plan-status-exception .wide,.plan-extra-grid .wide{grid-column:1}.plan-modal-clean{padding:17px}}

/* V3.0.68 — plan status: hide duplicate Active option; add Биелээгүй */

/* V3.0.69 — admin-only workload view */
.workload-admin-view{display:grid;gap:16px}
.workload-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.workload-summary article{border:1px solid #d8e2ef;border-radius:14px;background:#fff;padding:14px 16px;min-width:0}
.workload-summary span,.workload-summary small{display:block;color:#718096;font-size:12px}.workload-summary b{display:block;font-size:26px;color:#0f2747;margin:3px 0}
.plan-load-table td:first-child small{display:block;color:#718096;margin-top:2px}.plan-load-table td:nth-child(2),.plan-load-table td:nth-child(3),.plan-load-table td:nth-child(4){text-align:center}
.plan-load-ratio{display:flex;align-items:center;gap:9px;min-width:150px}.plan-load-ratio .progress{flex:1}.plan-load-ratio b{min-width:42px;text-align:right}
.plan-load-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#eef4fa;color:#52657a}.plan-load-status.low{background:#fff7ed;color:#c2410c}.plan-load-status.high{background:#fef2f2;color:#b91c1c}.plan-load-status.balanced{background:#ecfdf5;color:#16845b}
@media(max-width:820px){.workload-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.workload-summary{grid-template-columns:1fr}.plan-load-ratio{min-width:120px}}

/* V3.0.70 — preserve selected direction on month switch + partial completion status */
.status.partial{background:#fff6df;color:#a15c00;border:1px solid #f1d49a}
/* V3.0.71 — sales modes */
.split-manager-count.hidden{display:none!important}
/* V3.0.71 — sales modes */
.split-manager-count.hidden{display:none!important}


/* V3.0.73 — Customer registry */
.customer-page-title{align-items:flex-end}.customer-page-title small{display:block;margin-top:5px;color:var(--muted);max-width:900px}
.customer-library{overflow:hidden}.customer-toolbar{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(180px,.7fr) minmax(180px,.7fr) auto;gap:10px;align-items:end;padding:14px;border-bottom:1px solid var(--line);background:#fbfdff}
.customer-toolbar label{display:grid;gap:5px;color:#52677a;font-size:11px;font-weight:700}.customer-toolbar input,.customer-toolbar select,.customer-form input,.customer-form select,.customer-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);padding:9px 10px;font:inherit}
.customer-count{align-self:center;justify-self:end;font-size:12px;color:var(--muted);font-weight:700}.customer-territory-strip{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;background:#f4f9fc;border-bottom:1px solid var(--line);font-size:12px}.customer-territory-strip b{white-space:nowrap;color:#174675}.customer-territory-strip span{color:#52677a;line-height:1.5}
.customer-table{min-width:1220px}.customer-table td{vertical-align:top}.customer-table td small,.customer-org small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.customer-org{min-width:190px}.customer-table td:nth-child(5),.customer-table td:nth-child(6),.customer-table td:nth-child(7){min-width:170px;max-width:260px;white-space:normal;line-height:1.4}.customer-inactive{opacity:.55;background:#f7f7f7}
.customer-form{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form .wide{grid-column:1/-1}.customer-form .checkline{display:flex;align-items:center;gap:8px}.customer-form .checkline input{width:auto}.customer-form textarea{resize:vertical}.customer-nav.active{background:#eaf4ff;border-color:#b8d7ec;color:#0d5f91}
@media(max-width:900px){.customer-toolbar{grid-template-columns:1fr 1fr}.customer-count{justify-self:start}.customer-page-title{align-items:flex-start;flex-direction:column}.customer-form{grid-template-columns:1fr}.customer-form .wide{grid-column:auto}.customer-table{min-width:1050px}}
@media(max-width:620px){.customer-toolbar{grid-template-columns:1fr}.customer-territory-strip{flex-direction:column;gap:4px}}


/* V3.0.77 — customer territory list + editable assignments */
.customer-assignment-panel{margin-bottom:14px;overflow:hidden}.customer-assignment-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line);background:#fbfdff}.customer-assignment-title>div{display:grid;gap:4px}.customer-assignment-title b{color:#174675}.customer-assignment-title small{color:var(--muted);line-height:1.45}.customer-assignment-title>span{font-size:12px;font-weight:700;color:#52677a;white-space:nowrap}
.customer-region-list{display:grid;gap:8px;padding:12px}.customer-region-card{border:1px solid #dce8f0;border-radius:11px;background:#fff;overflow:hidden}.customer-region-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;list-style:none;background:#fbfdff}.customer-region-card>summary::-webkit-details-marker{display:none}.customer-region-card>summary:before{content:'›';font-size:20px;line-height:1;color:#4b7a9b;transition:transform .15s}.customer-region-card[open]>summary:before{transform:rotate(90deg)}.customer-region-card>summary>div{display:grid;gap:2px;margin-right:auto}.customer-region-card>summary b{font-size:13px;color:#173f68}.customer-region-card>summary small{font-size:10px;color:var(--muted)}.customer-region-card>summary>span{font-size:11px;font-weight:700;color:#52677a}
.customer-region-actions{display:flex;justify-content:flex-end;padding:8px 10px 0}.customer-region-reassign{font-size:11px;padding:6px 9px}.customer-locality-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}.customer-locality-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:4px;align-items:stretch}.customer-locality-button{display:grid;gap:2px;text-align:left;border:1px solid #d8e5ee;border-radius:9px;background:#f7fbfe;color:#254d69;padding:8px 9px;cursor:pointer;font:inherit;min-width:0}.customer-locality-button:hover{background:#eaf5fc;border-color:#a9cfe5}.customer-locality-button b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-locality-button small{font-size:9px;color:#6f8190;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-locality-reassign{border:1px solid #d8e5ee;border-radius:8px;background:#fff;color:#47657b;cursor:pointer;font-size:13px}.customer-locality-reassign:hover{background:#f0f7fb}.customer-assignment-target{display:grid;gap:5px;padding:10px 12px;border:1px solid #dce8f0;border-radius:10px;background:#f7fbfe}.customer-assignment-target b{color:#174675}.customer-assignment-target small{color:var(--muted)}.customer-assignment-empty{padding:18px;color:var(--muted)}
@media(max-width:1000px){.customer-locality-list{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-assignment-title{flex-direction:column}.customer-assignment-title>span{white-space:normal}}
@media(max-width:620px){.customer-locality-list{grid-template-columns:1fr}.customer-region-card>summary{align-items:flex-start}.customer-region-card>summary>span{max-width:120px;text-align:right}}

/* V3.0.77 — shared request list, catalog table, customer instant-loading state */
.request-table{width:100%;min-width:820px;border-collapse:collapse}.request-table th,.request-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.request-table th{font-size:11px;color:#60758a;background:#f8fbfd;white-space:nowrap}.request-table td:first-child{width:92px;color:#174675}.request-title-button{display:inline;background:none;border:0;padding:0;color:#174675;font:inherit;font-weight:700;text-align:left;cursor:pointer}.request-title-button:hover{text-decoration:underline}.request-file-note{display:block;margin-top:4px;color:#60758a;font-size:10px}
.catalog-list-table{width:100%;min-width:1050px;border-collapse:collapse}.catalog-list-table th,.catalog-list-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.catalog-list-table th{font-size:11px;color:#60758a;background:#f8fbfd;white-space:nowrap}.catalog-list-title{min-width:230px}.catalog-list-title b{display:block;color:#183f67}.catalog-list-title small,.catalog-list-table td small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.catalog-file-list{display:grid;gap:6px;min-width:220px}.catalog-file-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:5px;align-items:center}.catalog-file-open{min-width:0;border:1px solid #d7e4ee;background:#f7fbfe;color:#175d8d;border-radius:8px;padding:7px 9px;text-align:left;font:inherit;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.catalog-file-open:hover{background:#eaf5fc}.catalog-file-row>a{display:grid;place-items:center;min-height:31px;border:1px solid #d7e4ee;border-radius:8px;text-decoration:none;color:#175d8d}.catalog-list-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:155px}.catalog-list-actions .icon-btn{font-size:10px;padding:6px 8px}.catalog-no-files{color:var(--muted);font-size:11px}.catalog-current-files{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f7fbfe}.catalog-current-files b{font-size:12px;color:#174675}.catalog-current-files ul{margin:7px 0 0;padding-left:18px}.catalog-current-files li{margin:4px 0;font-size:11px;color:#445f76}.catalog-current-files small{color:var(--muted)}
.customer-loading{position:relative;padding-left:40px}.customer-loading:before{content:'';position:absolute;left:16px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid #c8dce9;border-top-color:#2478ad;border-radius:50%;animation:nugan-spin .8s linear infinite}@keyframes nugan-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.request-table{min-width:720px}.catalog-list-table{min-width:930px}}

/* V3.0.77 — supervisor customer view: manager-first collapsed layout */
.customer-manager-panel{overflow:hidden}.customer-manager-list{display:grid;gap:9px;padding:12px}.customer-manager-card{border:1px solid #d9e7f0;border-radius:12px;background:#fff;overflow:hidden}.customer-manager-card>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;cursor:pointer;list-style:none;background:#fbfdff}.customer-manager-card>summary::-webkit-details-marker{display:none}.customer-manager-card>summary:before{content:'›';font-size:22px;line-height:1;color:#4b7a9b;transition:transform .15s}.customer-manager-card[open]>summary:before{transform:rotate(90deg)}.customer-manager-name{display:grid;gap:3px;margin-right:auto}.customer-manager-name b{font-size:14px;color:#173f68}.customer-manager-name small{font-size:10px;color:var(--muted)}.customer-manager-card>summary>span{font-size:11px;font-weight:700;color:#557084}.customer-manager-body{border-top:1px solid #e6eef4;background:#f9fcfe;padding:10px;display:grid;gap:10px}.customer-manager-section{border:1px solid #e0eaf1;border-radius:10px;background:#fff;overflow:hidden}.customer-manager-section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid #e7eef3;background:#fbfdff}.customer-manager-section-title b{font-size:12px;color:#174675}.customer-manager-section-title small{font-size:10px;color:var(--muted);text-align:right}.customer-manager-region-list{padding:9px}.customer-manager-region-card>summary{padding:9px 11px}.customer-manager-table-wrap{max-height:430px;overflow:auto}.customer-manager-table{min-width:1080px}.customer-manager-empty{padding:18px;color:var(--muted);font-size:12px}.customer-manager-table td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
@media(max-width:800px){.customer-manager-card>summary,.customer-manager-section-title{align-items:flex-start}.customer-manager-card>summary>span{display:none}.customer-manager-section-title{flex-direction:column}.customer-manager-section-title small{text-align:left}.customer-manager-body{padding:7px}}

/* V4.1.0 — lightweight CRM follow-up */
.customer-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}.customer-followup-open{padding:6px 8px;font-size:10px;font-weight:700;color:#176ca7;border-color:#c9dce9;background:#f8fcff}.customer-followup-open:hover{background:#eaf5fc}.customer-next-date{display:block;margin-top:5px!important;font-size:10px!important;font-weight:700;color:#5b7488!important}.customer-next-date.today{color:#176ca7!important}.customer-next-date.late{color:#b42318!important}
.customer-followup-modal{display:grid;gap:14px}.customer-followup-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:10px 12px;border:1px solid #dbe7ef;border-radius:11px;background:#f8fbfd}.customer-followup-head>div{display:grid;gap:4px}.customer-followup-head b{color:#174675}.customer-followup-head small{line-height:1.4}.customer-followup-head>span{white-space:nowrap;font-size:11px;font-weight:700;color:#62798d}.customer-followup-form{padding:0 2px}.customer-followup-form input,.customer-followup-form select,.customer-followup-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);padding:9px 10px;font:inherit}.customer-followup-note{margin-top:4px;padding:9px 11px;border-radius:9px;background:#f2f8fc;color:#587187;font-size:11px;line-height:1.45}.customer-followup-history{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px}.customer-followup-history-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.customer-followup-history-title b{font-size:13px;color:#174675}.customer-followup-history-title small{font-size:10px}.customer-followup-item{display:grid;gap:6px;padding:10px 12px;border:1px solid #e0e9f0;border-radius:10px;background:#fff}.customer-followup-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.customer-followup-meta b{font-size:12px;color:#174675}.customer-followup-meta span,.customer-followup-meta small{font-size:10px;color:var(--muted)}.customer-followup-result{font-size:12px;line-height:1.45;white-space:pre-wrap}.customer-followup-next{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;padding-top:5px;border-top:1px dashed #dbe6ee;font-size:11px}.customer-followup-next b{color:#526c80}.customer-followup-next small{margin-left:auto}.customer-followup-linked{justify-self:start;border-radius:999px;padding:3px 7px;background:#ecf8f2;color:#157454;font-size:9px;font-weight:700}.customer-followup-empty{padding:16px;text-align:center;color:var(--muted);font-size:11px;border:1px dashed #dbe5ec;border-radius:10px}
@media(max-width:700px){.customer-row-actions{justify-content:flex-start}.customer-followup-head{flex-direction:column}.customer-followup-head>span{white-space:normal}.customer-followup-next small{margin-left:0;width:100%}}

/* V4.1.3 — keep the customer work list visible; territory picker expands only when needed. */
.customer-assignment-collapsible{margin-bottom:14px;overflow:hidden}
.customer-assignment-summary{cursor:pointer;list-style:none;user-select:none}
.customer-assignment-summary::-webkit-details-marker{display:none}
.customer-assignment-summary:after{content:'›';font-size:22px;line-height:1;color:#4b7a9b;transition:transform .15s;margin-left:4px}
.customer-assignment-collapsible[open]>.customer-assignment-summary:after{transform:rotate(90deg)}
.customer-assignment-collapsible:not([open])>.customer-assignment-summary{border-bottom:0}
.customer-assignment-collapsible:not([open])>.customer-region-list{display:none!important}


/* V4.1.5 — explicit territory collapse; do not rely on <details> state/cache. */
.customer-assignment-summary{width:100%;border:0;background:#fff;text-align:left;font:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px}
.customer-assignment-summary>div{display:grid;gap:3px}.customer-assignment-summary>span{margin-left:auto}
.customer-assignment-summary:after{content:'›';font-size:22px;line-height:1;color:#4b7a9b;transition:transform .15s;margin-left:4px}
.customer-assignment-collapsible.is-open>.customer-assignment-summary:after{transform:rotate(90deg)}
.customer-assignment-body[hidden]{display:none!important}
.customer-assignment-body{border-top:1px solid var(--line)}

/* V4.1.6 — desktop fixed menu: compact expanded view so the whole main menu fits at once. */
@media (min-width:901px){
  .fixed-menu-rail:hover{
    overflow-y:auto!important;
    scrollbar-width:thin;
  }
  .fixed-menu-rail:hover .home-aside-title{
    min-height:46px!important;
    padding:6px 10px!important;
    gap:8px!important;
  }
  .fixed-menu-rail:hover .home-menu-glyph{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  .fixed-menu-rail:hover .nav-item{
    grid-template-columns:30px minmax(0,1fr) auto!important;
    column-gap:8px!important;
    row-gap:2px!important;
    min-height:0!important;
    padding:7px 10px!important;
  }
  .fixed-menu-rail:hover .rail-icon{
    width:30px!important;
    height:30px!important;
    margin:0!important;
  }
  .fixed-menu-rail:hover .rail-icon svg{
    width:18px!important;
    height:18px!important;
  }
  .fixed-menu-rail:hover .nav-item span{
    gap:1px!important;
    line-height:1.12!important;
  }
  .fixed-menu-rail:hover .nav-item b{
    font-size:12px!important;
    line-height:1.15!important;
  }
  .fixed-menu-rail:hover .nav-item small{
    font-size:9px!important;
    line-height:1.15!important;
  }
  .fixed-menu-rail:hover .nav-item em{
    font-size:10px!important;
  }
  .fixed-menu-rail:hover .nav-item>i{
    height:3px!important;
    margin-top:2px!important;
  }
  .fixed-menu-rail:hover .report-nav,
  .fixed-menu-rail:hover .staff-report-nav,
  .fixed-menu-rail:hover .request-nav,
  .fixed-menu-rail:hover .customer-nav,
  .fixed-menu-rail:hover .catalog-nav,
  .fixed-menu-rail:hover .daily-nav{
    margin-top:0!important;
  }
}
@media (min-width:901px) and (max-height:760px){
  .fixed-menu-rail:hover .home-aside-title{min-height:42px!important;padding:4px 9px!important}
  .fixed-menu-rail:hover .nav-item{padding:5px 9px!important;grid-template-columns:28px minmax(0,1fr) auto!important;column-gap:7px!important}
  .fixed-menu-rail:hover .rail-icon{width:28px!important;height:28px!important}
  .fixed-menu-rail:hover .rail-icon svg{width:17px!important;height:17px!important}
  .fixed-menu-rail:hover .nav-item small{font-size:8.5px!important}
  .fixed-menu-rail:hover .nav-item>i{height:2px!important;margin-top:1px!important}
}

/* V4.1.7 — expanded desktop menu: keep each icon in front of its label, not above it. */
@media (min-width:901px){
  .fixed-menu-rail:hover .nav-item{
    grid-template-columns:28px minmax(0,1fr) auto!important;
    column-gap:7px!important;
    row-gap:1px!important;
    align-items:center!important;
    padding:5px 9px!important;
  }
  .fixed-menu-rail:hover .nav-item>.rail-icon{
    display:grid!important;
    grid-column:1!important;
    grid-row:1!important;
    width:28px!important;
    height:28px!important;
    margin:0!important;
    align-self:center!important;
  }
  .fixed-menu-rail:hover .nav-item>.rail-icon svg{
    width:17px!important;
    height:17px!important;
  }
  .fixed-menu-rail:hover .nav-item>span:not(.rail-icon){
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    gap:0!important;
    line-height:1.08!important;
  }
  .fixed-menu-rail:hover .nav-item>span:not(.rail-icon) b{
    font-size:11.5px!important;
    line-height:1.1!important;
  }
  .fixed-menu-rail:hover .nav-item>span:not(.rail-icon) small{
    font-size:8.5px!important;
    line-height:1.1!important;
  }
  .fixed-menu-rail:hover .nav-item>em{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    font-size:9.5px!important;
  }
  .fixed-menu-rail:hover .nav-item>i{
    grid-column:1/-1!important;
    grid-row:2!important;
    height:2px!important;
    margin-top:1px!important;
  }
}

/* V4.1.8 — force expanded desktop rail into a true 3-column grid: icon | label | metric. */
@media (min-width:901px){
  .fixed-menu-rail:hover .nav-item{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    grid-template-rows:auto 2px!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:7px!important;
    row-gap:2px!important;
    min-height:0!important;
    padding:5px 9px!important;
  }
  .fixed-menu-rail:hover .nav-item>.rail-icon{
    display:grid!important;
    grid-column:1!important;
    grid-row:1!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    margin:0!important;
  }
  .fixed-menu-rail:hover .nav-item>span:not(.rail-icon){
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
    gap:0!important;
  }
  .fixed-menu-rail:hover .nav-item>em{
    display:block!important;
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }
  .fixed-menu-rail:hover .nav-item>i{
    display:block!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    height:2px!important;
    margin:0!important;
  }
}

/* V4.1.9 — desktop rail hover stability.
   Do not animate width on a :hover-sized element: while collapsing, the moving
   right edge can repeatedly cross the pointer and toggle :hover, which causes
   the whole menu to shake/flicker. Width now snaps; only the shadow eases. */
@media (min-width:901px){
  .fixed-menu-rail,
  .home-mini-aside{
    transition:box-shadow .12s ease!important;
  }
}

/* V4.1.10 — keep the desktop rail's vertical hover hit-area stable.
   The collapsed rows used to be taller than the compact expanded rows. Hovering
   a low icon could therefore make the rail suddenly shorter, move its bottom
   edge above the pointer, lose :hover, grow again, and flicker repeatedly.
   Collapsed rows now use the same compact geometry (or slightly smaller), so
   expansion never pulls the bottom edge upward under the pointer. */
@media (min-width:901px){
  .fixed-menu-rail:not(:hover) .home-aside-title{
    min-height:42px!important;
    padding:4px 9px!important;
  }
  .fixed-menu-rail:not(:hover) .home-menu-glyph{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  .fixed-menu-rail:not(:hover) .nav-item{
    display:grid!important;
    grid-template-columns:28px!important;
    align-items:center!important;
    justify-items:center!important;
    min-height:0!important;
    padding:5px 9px!important;
    gap:0!important;
  }
  .fixed-menu-rail:not(:hover) .rail-icon{
    display:grid!important;
    width:28px!important;
    height:28px!important;
    margin:0 auto!important;
    place-items:center!important;
  }
  .fixed-menu-rail:not(:hover) .rail-icon svg{
    width:17px!important;
    height:17px!important;
  }
}

/* V4.1.11 — definitive desktop hover flicker fix.
   Keep the rail's hover hit-area at a constant viewport height. The previous
   compacting fixes changed content height between collapsed and expanded states;
   when the pointer sat on a low icon, the rail bottom could jump above/below the
   pointer and rapidly toggle :hover. A fixed available-height box prevents that
   feedback loop regardless of row geometry. */
@media (min-width:901px){
  .fixed-menu-rail{
    height:calc(100vh - 106px)!important;
    max-height:calc(100vh - 106px)!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}

/* V4.1.13 — CEO control-table clean baseline + V4.1.12 phone/tablet cleanup. */
.ceo-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.ceo-row-actions .icon-btn,.ceo-row-actions .danger{padding:6px 8px;border-radius:7px;font-size:10px;line-height:1.1}
.ceo-row-actions .ceo-delete-button{background:#fff}
.ceo-snapshot-button{color:#175d8d;border-color:#b9d4e6;background:#f8fcff}
.ceo-snapshot-button:hover{background:#eaf5fc}

@media(max-width:900px){
  header>.head-actions>#ceo-back{grid-column:1/-1;width:100%}
  header>.head-actions>#ceo-import-snapshot{grid-column:1;width:100%;min-width:0}
  header>.head-actions>#ceo-add-task{grid-column:1;width:100%;min-width:0}
  .ceo-main{width:100%;min-width:0}
  .ceo-panel .table-wrap{max-width:100%}
  .customer-page,.customer-library,.customer-assignment-panel{min-width:0;max-width:100%}
  .customer-assignment-summary{min-width:0}
}

@media(min-width:651px) and (max-width:900px){
  .ceo-table{min-width:860px}
  .customer-table{min-width:900px}
  .customer-toolbar{grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);align-items:end}
}

@media(max-width:650px){
  .ceo-title h1{font-size:23px}
  .ceo-title p{line-height:1.45}
  .ceo-panel{overflow:visible;background:transparent;border:0;box-shadow:none}
  .ceo-panel .table-wrap{overflow:visible}
  .ceo-table.responsive-table{display:block;width:100%;min-width:0!important;background:transparent}
  .ceo-table.responsive-table thead{display:none}
  .ceo-table.responsive-table tbody{display:grid;gap:10px;padding:0}
  .ceo-table.responsive-table tr{display:block;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(18,50,96,.05)}
  .ceo-table.responsive-table td{display:grid;grid-template-columns:minmax(84px,34%) minmax(0,1fr);gap:9px;align-items:start;width:100%;min-width:0!important;max-width:none!important;padding:9px 11px;border-bottom:1px solid #e7edf2;white-space:normal;overflow-wrap:anywhere}
  .ceo-table.responsive-table td:last-child{border-bottom:0}
  .ceo-table.responsive-table td::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.25px;color:#6f8294;line-height:1.35}
  .ceo-table.responsive-table td[data-label=""]::before{display:none}
  .ceo-table.responsive-table td[colspan]{display:block;text-align:center}
  .ceo-table.responsive-table td[colspan]::before{display:none}
  .ceo-table.responsive-table .ceo-work{min-width:0;max-width:none}
  .ceo-table.responsive-table .ceo-work>b,.ceo-table.responsive-table .ceo-work>span{grid-column:2}
  .ceo-table.responsive-table .ceo-work>span{-webkit-line-clamp:unset;overflow:visible}
  .ceo-table.responsive-table td>.progress,.ceo-table.responsive-table td>.progress+b{grid-column:2}
  .ceo-table.responsive-table .progress{width:min(130px,75%)}
  .ceo-table.responsive-table tbody tr[hidden]{display:none!important}
  .ceo-table.responsive-table tr.mobile-collapsed td:not(:first-child){display:none!important}
  .ceo-table.responsive-table tr.mobile-collapsed td:first-child,
  .ceo-table.responsive-table tr.mobile-expanded td:first-child{display:block!important;font-size:0;line-height:0;padding:7px 10px}
  .ceo-table.responsive-table tr.mobile-collapsed td:first-child::before,
  .ceo-table.responsive-table tr.mobile-expanded td:first-child::before{display:none!important}
  .ceo-row-actions{justify-content:flex-start;white-space:normal;flex-wrap:wrap}
  .ceo-row-actions .icon-btn,.ceo-row-actions .danger{min-height:34px;font-size:11px}
  .ceo-task-modal .form-actions{position:sticky;bottom:0;z-index:2;padding:10px 0 2px;background:#fff;flex-wrap:wrap}
  .ceo-task-modal .form-actions>*{flex:1 1 auto}
  .customer-page-title .btn{width:100%;min-height:42px}
  .customer-assignment-summary{align-items:flex-start;padding:12px}
  .customer-assignment-summary>span{max-width:42%;text-align:right;white-space:normal}
  .customer-library .table-wrap{margin:0}
  .customer-table.responsive-table{min-width:0!important}
}

/* V4.1.14 — CEO archive / automatic 10-day summary */
.ceo-current-progress{display:block;margin-top:4px;color:#324e65;line-height:1.42}
.ceo-next-step{display:block;margin-top:4px;color:#6c7f8f;line-height:1.4}
.ceo-updated{display:block;margin-top:4px;color:#718496;white-space:nowrap}
.ceo-archive-months{display:grid;gap:10px}
.ceo-archive-month{padding:0;overflow:hidden}
.ceo-archive-month>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;font-size:13px;font-weight:800;color:#24465f;background:#fff}
.ceo-archive-month>summary::-webkit-details-marker{display:none}
.ceo-archive-month>summary:after{content:'›';font-size:22px;color:#5d7e96;transition:transform .15s}
.ceo-archive-month[open]>summary:after{transform:rotate(90deg)}
.ceo-archive-month>summary b{margin-left:auto;font-size:11px;color:#6d8192;background:#eef4f8;border-radius:999px;padding:4px 8px}
.ceo-archive-month .table-wrap{border-top:1px solid var(--line)}
.auto-review-toolbar{margin-bottom:10px}
.auto-review-count{font-size:11px;color:#315c7b;background:#edf5fa;border-radius:999px;padding:5px 9px;white-space:nowrap}
.auto-review-items{display:grid;gap:9px}
.auto-review-item{border:1px solid #e4ebf0;border-radius:10px;padding:11px 12px;background:#fbfdff}
.auto-review-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.auto-review-title b{font-size:12px;line-height:1.4;color:#263f53}
.auto-review-title span{font-size:10px;color:#718496;white-space:nowrap}
.auto-review-item p{margin:6px 0 0;font-size:12px;line-height:1.5;white-space:pre-wrap;color:#344f64}
.auto-review-item small{display:block;margin-top:5px;color:#718496;line-height:1.45}
.ceo-auto-note{color:#648095;line-height:1.45}
@media(max-width:700px){
  .ceo-archive-month>summary{padding:12px}
  .auto-review-title{display:grid;gap:4px}
  .auto-review-title span{white-space:normal}
}

/* V4.1.16 — embedded manager sales plans */
.sales-manager-goal-cell{min-width:155px;vertical-align:middle}
.sales-manager-goal-cell small{display:block;font-size:11px;color:#64748b;margin-top:4px;white-space:normal}
.sales-manager-goal-button{font-size:12px;font-weight:700;white-space:nowrap}
.sales-manager-modal .modal{width:min(1080px,95vw);max-width:1080px;max-height:92vh;overflow:auto}
.sales-manager-edit-modal .modal{width:min(680px,94vw);max-height:92vh;overflow:auto}
.sales-manager-plan{display:grid;gap:16px}
.sales-manager-goal{background:#eef4fb;padding:14px;border-radius:12px;display:grid;gap:5px}
.sales-manager-goal small,.sales-manager-card-head small{font-size:12px;color:#51657a;display:block}
.sales-manager-assign-form{display:grid;grid-template-columns:1fr minmax(150px,220px) auto;align-items:end;gap:10px;padding:12px;background:#f8fafc;border:1px solid #d8e3ef;border-radius:12px}
.sales-manager-assign-form label{display:grid;gap:6px;font-size:12px;font-weight:600}
.sales-manager-assign-form small{grid-column:1/-1;color:#64748b}
.sales-manager-assign-form input,.sales-manager-assign-form select{width:100%;box-sizing:border-box}
.sales-manager-cards{display:grid;gap:12px}
.sales-manager-card{border:1px solid #dce5ee;border-radius:12px;padding:12px;display:grid;gap:12px}
.sales-manager-card-head{display:flex;justify-content:space-between;align-items:start;gap:10px}
.sales-manager-card-head strong{font-size:14px;margin-right:10px}
.sales-plan-state{font-size:11px;padding:4px 8px;background:#edf3fa;color:#174675;border-radius:14px}
.sales-manager-actions{overflow:auto}
.sales-manager-actions table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}
.sales-manager-actions th,.sales-manager-actions td{padding:9px 8px;text-align:left;border-bottom:1px solid #e8edf4;vertical-align:top}
.sales-manager-actions td small{display:block;color:#64748b;font-size:11px}
.sales-manager-card-buttons{display:flex;flex-wrap:wrap;gap:8px}
.sales-manager-card-buttons button{white-space:nowrap}
.sales-manager-review-note{padding:8px;border-radius:8px;background:#fff7e5;margin:0;font-size:12px}
.sales-manager-empty{padding:20px;text-align:center;color:#64748b}
@media(max-width:700px){.sales-manager-modal .modal{width:96vw;padding:14px}.sales-manager-assign-form{grid-template-columns:1fr}.sales-manager-card{padding:10px}.sales-manager-goal-cell{min-width:120px}}

.sales-allocated-target-edit{display:flex;align-items:end;gap:6px;margin-right:auto;flex-wrap:wrap}
.sales-allocated-target-edit label{display:grid;gap:4px;font-size:11px;color:#51657a}
.sales-allocated-target-edit input{width:140px;padding:6px}

/* V4.1.32: owner multiselect overlays the form instead of increasing dialog height. */
#plan-form .plan-owner-picker{position:relative}
#plan-form .plan-owner-picker[open]{z-index:20}
#plan-form .plan-owner-picker .plan-owner-options{position:absolute;left:-1px;right:-1px;top:calc(100% + 4px);z-index:21;max-height:min(280px,55dvh);overflow:auto;border:1px solid #cbd7e3;border-radius:10px;box-shadow:0 10px 25px rgba(20,40,65,.16);background:#f9fbfd}
#plan-form .plan-owner-picker .plan-owner-list{max-height:205px}
@media(max-width:650px){#plan-form .plan-owner-picker .plan-owner-options{max-height:min(240px,45dvh)}}


/* V4.1.18 — manager-led monthly sales planning (no per-goal CEO assignment) */
.sales-month-page{max-width:none}
.sales-month-root{padding:16px;display:grid;gap:14px}
.sales-month-overview{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
.sales-month-overview>div{border:1px solid #dce6f0;border-radius:12px;background:#f8fbfe;padding:13px;display:grid;gap:7px;min-width:0}
.sales-month-overview small{font-size:11px;color:#61758b;font-weight:600}
.sales-month-overview strong{font-size:17px;color:#173c5c;overflow-wrap:anywhere}
.sales-month-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sales-month-toolbar small{color:#526b80;font-size:12px;flex:1 1 250px}
.sales-month-table-wrap{overflow:auto;border:1px solid #dce6f0;border-radius:11px}
.sales-month-table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}
.sales-month-table th,.sales-month-table td{padding:10px 11px;border-bottom:1px solid #e6edf3;vertical-align:top;text-align:left;line-height:1.5;overflow-wrap:anywhere}
.sales-month-table th{background:#f2f6fa;color:#34536b;font-size:11px;white-space:nowrap}
.sales-month-table tr:last-child td{border-bottom:0}
.sales-month-table td small{display:block;color:#60778a;margin-top:3px}
.sales-month-row-buttons{white-space:nowrap}
.sales-month-row-buttons .icon-btn{font-size:11px;margin-right:4px}
.sales-month-help{font-size:12px;color:#587087;margin:0;line-height:1.55}
.sales-month-return-note{background:#fff7e6;color:#785521;border:1px solid #f0dba9;border-radius:9px;padding:11px 13px;font-size:12px;white-space:pre-wrap}
.sales-month-error,.sales-month-empty{padding:20px;color:#8d4c3c;background:#fff6f1;border-radius:9px}
.sales-month-modal .modal{width:min(1050px,96vw);max-width:1050px;max-height:92vh;overflow:auto}
@media(max-width:760px){.sales-month-root{padding:10px}.sales-month-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-month-overview strong{font-size:14px}.sales-month-modal .modal{width:96vw;padding:12px}}

/* V4.1.33 — consistent summary card layout on narrow screens */
@media(max-width:440px){.sales-month-overview{grid-template-columns:minmax(0,1fr)}}


/* NUGAN CRM — compact customer list (2026-10-21). Default: one short line; click name for details. */
#app .customer-table.customer-compact-table{min-width:780px;table-layout:auto}
#app .customer-compact-table th,#app .customer-compact-table td{min-width:0;max-width:none;vertical-align:middle;line-height:1.45}
#app .customer-compact-table th:nth-child(1){width:25%}
#app .customer-compact-table th:nth-child(2){width:17%}
#app .customer-compact-table th:nth-child(3){width:20%}
#app .customer-compact-table th:nth-child(4){width:23%}
#app .customer-compact-table th:nth-child(5){width:15%}
#app .customer-compact-table td.customer-org{min-width:0}
#app .customer-row-expand{display:flex;align-items:flex-start;gap:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;width:100%;padding:2px}
#app .customer-row-expand b{color:#174675}
#app .customer-row-expand small{display:block;color:var(--muted)}
#app .customer-row-chevron{color:#397ba0;font-size:18px;line-height:18px;transition:transform .15s}
#app .customer-row-expand.is-open .customer-row-chevron{transform:rotate(90deg)}
#app .customer-compact-next{display:block;overflow:hidden;max-width:330px;text-overflow:ellipsis;white-space:nowrap}
#app .customer-compact-table .customer-detail-row[hidden]{display:none!important}
#app .customer-compact-table .customer-detail-row td{padding:12px;background:#f7fbfe}
#app .customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
#app .customer-detail-grid>div{display:grid;align-content:start;gap:4px;min-width:0}
#app .customer-detail-grid small{color:#657c90;font-size:11px}
#app .customer-detail-grid b{white-space:normal;font-weight:500;overflow-wrap:anywhere}
@media(max-width:700px){#app .customer-table.customer-compact-table{min-width:680px}#app .customer-detail-grid{grid-template-columns:1fr}}

/* 2026-10-21: the personal customer register is folded on initial entry.
   Only the full register opens on click; existing inner row expand, edits and follow-ups remain. */
#app .customer-library .customer-list-fold>summary.customer-territory-strip{
  display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;
  min-height:48px;border-bottom:0;user-select:none;
}
#app .customer-library .customer-list-fold>summary.customer-territory-strip::-webkit-details-marker{display:none}
#app .customer-library .customer-list-fold>summary.customer-territory-strip:focus-visible{
  outline:2px solid #76a8c7;outline-offset:-2px;
}
#app .customer-library .customer-list-caret{margin-left:auto;font-size:21px;line-height:1;color:#397ca2;flex:0 0 auto}
#app .customer-library .customer-list-fold[open] .customer-list-caret{transform:rotate(90deg)}
#app .customer-library .customer-list-fold[open]>summary.customer-territory-strip{border-bottom:1px solid var(--line)}