:root{--bg:#f5f7fa;--paper:#fff;--text:#142b45;--muted:#6b7d91;--line:#e2e8ef;--accent:#2d668e;--soft:#ecf5fa;--red:#ac3035;--green:#207653}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}h1,h2,p{margin-top:0}h1{font-size:27px;line-height:1.25;letter-spacing:-.4px;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.2px;margin-bottom:0}a{color:#226289;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid var(--line);width:228px;flex:0 0 228px;min-height:100vh}.brand{padding:20px 19px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.brand-icon,.logo-mark{background:#132d4b;color:white;display:grid;place-items:center;border-radius:10px;font-size:27px;font-weight:800;letter-spacing:-3px;width:40px;height:40px}.brand strong{display:block;font-weight:800;font-size:19px;line-height:1.15}.brand small{color:#8190a1;font-size:10px;letter-spacing:1.4px;font-weight:700}.nav-caption{font-size:10px;letter-spacing:1px;font-weight:800;color:#63819a;margin:23px 15px 9px}.secondary-caption{margin-top:26px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:2px 8px;border-radius:9px;font-weight:650;color:#25445f;min-height:42px}.nav-item.active{background:#e6f1f8;color:#17567f}.nav-item.disabled{opacity:.48;cursor:default}.nav-symbol{font-size:17px;width:21px;text-align:center;line-height:1}.workspace{flex:1;min-width:0}.topbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line);padding:10px 28px;gap:16px}.workspace-title{font-weight:800;font-size:16px}.workspace-title span{margin-left:11px;background:#f0f3f7;color:#789;font-size:11px;font-weight:650;border-radius:30px;padding:5px 9px}.account{display:flex;gap:18px;align-items:center;font-size:12px;color:#425971}.account form{margin:0}.text-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 12px;color:#31516f}.main{padding:30px;max-width:1400px;margin:auto}.eyebrow{color:#64829b;font-size:11px;letter-spacing:1.1px;font-weight:750;margin-bottom:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading p{color:var(--muted);margin:4px 0 0}.stat{min-width:150px;display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid var(--line);padding:10px 17px;border-radius:11px}.stat b{font-size:25px}.stat span{font-size:11px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(380px,1.6fr) minmax(270px,.8fr);gap:18px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(18,47,75,.025)}.panel-title{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-title span{font-size:12px;color:var(--muted)}.table-wrapper{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f6f9fb;color:#637d94;font-size:11px;font-weight:750;padding:11px 15px;border-bottom:1px solid var(--line);white-space:nowrap}td{border-bottom:1px solid #edf1f6;padding:14px 15px;vertical-align:middle;font-size:13px}tr:last-child td{border-bottom:0}td.description{color:#60748a;max-width:270px}td.actions{text-align:right}td.empty{text-align:center;color:var(--muted);padding:27px}.status{white-space:nowrap;padding:5px 8px;font-size:11px;border-radius:30px;font-weight:750}.status.active{background:#e6f6ef;color:#19754e}.status.inactive{background:#f0f2f5;color:#758190}.form-stack{display:flex;flex-direction:column;gap:16px;padding:19px}.form-stack label{display:flex;flex-direction:column;gap:6px;color:#455e75;font-size:12px;font-weight:700}.form-stack label.checkbox-row{display:flex;flex-direction:row;align-items:center;gap:9px}.form-stack label.checkbox-row input{width:auto}.form-stack input:not([type=checkbox]),.form-stack textarea{border:1px solid #d5e0e9;border-radius:8px;padding:10px 12px;min-height:40px;width:100%;color:var(--text);background:white;outline:0}.form-stack input:focus,.form-stack textarea:focus{border-color:#478bb5;box-shadow:0 0 0 3px #e5f3fc}.form-stack textarea{resize:vertical}.required{color:var(--red)}.primary{border:0;border-radius:8px;background:var(--accent);color:white;font-weight:750;padding:11px 16px}.primary:hover{background:#255677}.cancel{text-align:center}.notice{background:#edf8f2;color:#1d7852;border:1px solid #c6e7d5;border-radius:9px;padding:11px 14px;margin-bottom:18px}.notice.error{background:#fff2f1;color:#a63833;border-color:#f1d7d5}.footer{font-size:12px;color:#8999a9;margin-top:22px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:white;border:1px solid var(--line);border-radius:16px;width:min(420px,100%);padding:26px;box-shadow:0 15px 55px rgba(26,53,80,.06)}.login-card .logo-mark{margin-bottom:19px}.login-card .form-stack{padding:13px 0 0}.login-card h1{font-size:27px}.muted{color:var(--muted)}.hint{font-size:12px;color:#7d91a5;margin:17px 0 0}.setup-card{width:min(510px,100%)}.setup-info{max-width:700px;margin:15vh auto;padding:32px;background:white;border-radius:12px;border:1px solid var(--line)}code{background:#eef3f6;padding:2px 4px;border-radius:4px}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.main{padding:19px}}@media(max-width:650px){.app-shell{display:block}.sidebar{width:auto;min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding-bottom:9px}.brand{padding:10px 16px}.nav-caption,.sidebar .nav-item.disabled{display:none}.sidebar .nav-item.active{margin:8px 12px;padding:8px 12px}.topbar{padding:12px 16px;min-height:55px}.account{gap:8px}.account span{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:15px}.page-heading h1{font-size:23px}.page-heading .stat{min-width:110px;padding:9px}.panel-title{padding:14px}.table-wrapper{overflow-x:auto}th,td{padding:10px;white-space:nowrap}td.description{white-space:normal;min-width:170px}}

/* V6-A REVISION: Match Plan's live login visual from NUGAN_plan_FULL_BACKUP_20261021.
   Scope: inv-auth-* selectors only. Other pages, authentication and SQL untouched. */
.inv-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;
}
.inv-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)
}
.inv-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))
}
.inv-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:invAuthCardIn .58s cubic-bezier(.2,.75,.25,1) both;
}
.inv-auth-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)
}
.inv-auth-logo{display:block;width:90px;height:25px;object-fit:contain;margin:0}
.inv-auth-body{padding:14px 18px 16px;background:rgba(255,255,255,.56)}
.inv-auth-welcome{
  font-size:12.2px!important;line-height:1.42;font-weight:500!important;
  color:#153554;text-align:center;margin:0 0 12px!important
}
.inv-auth-form{display:flex;flex-direction:column;gap:0}
.inv-auth-form label{display:block;font-size:12.3px;font-weight:600;color:#142238;margin:8px 0 5px}
.inv-auth-form input:not([type=hidden]){
  display:block;width:100%;padding:7px 9px;min-height:34px;
  border:1px solid #cbd7e3;border-radius:8px;background:rgba(255,255,255,.82);
  color:#142238;font:inherit;font-size:13px;outline:0
}
.inv-auth-form input:focus{border-color:#1779bd;box-shadow:0 0 0 3px rgba(23,121,189,.13)}
.inv-auth-submit{
  display:flex;justify-content:center;align-items:center;width:100%;
  padding:8px 13px;min-height:36px;margin-top:13px;
  border:0;border-radius:10px;background:#1779bd;color:white;font:inherit;font-weight:700;font-size:13px;cursor:pointer
}
.inv-auth-submit:hover{background:#146aa5}
.inv-auth-submit:focus-visible{outline:3px solid rgba(23,121,189,.4);outline-offset:3px}
.inv-auth-notice{margin:10px 0;background:#f1f7fb;border:1px solid #d4e4ef;color:#225a7e;border-radius:8px;padding:9px;font-size:12px}
.inv-auth-notice.error{background:#fff2f1;border-color:#f1d7d5;color:#a63833}
@keyframes invAuthCardIn{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){
  .inv-auth-bg{padding:15px;background-position:52% center}
  .inv-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)}
  .inv-auth-card{width:min(320px,calc(100vw - 22px));border-radius:15px}
  .inv-auth-brand-head{padding:10px 16px 9px}
  .inv-auth-body{padding:14px 16px 16px}
}
@media(min-width:901px){.inv-auth-bg{background-size:100% 100%}}
@media(prefers-reduced-motion:reduce){.inv-auth-card{animation:none}}

/* V6-B: Plan-style controls; auth-only styling, unrelated app screens unchanged. */
.inv-auth-form select{display:block;width:100%;min-height:34px;padding:7px 9px;border:1px solid #cbd7e3;border-radius:8px;background:rgba(255,255,255,.82);font:inherit;font-size:13px;color:#142238}
.inv-auth-form select:focus{border-color:#1779bd;outline:3px solid rgba(23,121,189,.13)}
.inv-auth-remember{display:flex!important;align-items:center;gap:8px!important;margin:10px 0 4px!important;font-weight:400!important;cursor:pointer}
.inv-auth-remember input{width:16px;height:16px;padding:0;margin:0;accent-color:#1779bd}
.inv-auth-remember span{font-size:12px}
.inv-auth-remember small{font-size:11px;color:#6a7785}
.inv-auth-links{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.inv-auth-links a{font-size:11.5px;color:#156fa7;font-weight:600}
.inv-auth-back{justify-content:center}
.inv-auth-mode-title{font-size:15px!important;font-weight:700!important}
.inv-auth-helper{display:block;margin-top:3px;font-size:10.5px;color:#60758c}
.inv-auth-card{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.inv-auth-trap{position:absolute!important;left:-10000px!important;opacity:0!important;height:1px!important;width:1px!important}
.inv-auth-secondary-form{margin-top:9px}
.inv-auth-link-button{border:0;background:transparent;color:#166c9f;font-size:11.5px;cursor:pointer;margin:auto;display:block}
.inv-auth-pending{font-size:12px;color:#3a546d;line-height:1.6;text-align:center}
.inv-users-grid{grid-template-columns:minmax(500px,1.6fr) minmax(275px,.7fr)}
.inv-users-grid .form-stack select,.inv-users-grid .form-stack input{width:100%;border:1px solid #d5e0e9;border-radius:8px;padding:9px 11px;background:#fff;color:var(--text)}
.inv-users-grid .form-stack input[type=checkbox]{width:16px}
.inv-users-empty{padding:30px 19px;font-size:12px;color:#667d8f}
.inv-users-warning{font-size:12px;color:#9a4238;margin:0}
@media(max-width:900px){.inv-users-grid{grid-template-columns:1fr}}

.inv-auth-form .inv-auth-remember input[type=checkbox],.inv-auth-form .inv-auth-human input[type=checkbox]{display:inline-block;width:16px;height:16px;min-height:16px;margin:0;padding:0;accent-color:#1779bd;flex:0 0 16px}
.inv-auth-human{display:flex!important;gap:8px;align-items:center;margin:10px 0 0!important;font-weight:400!important;font-size:12px!important;cursor:pointer}
.inv-auth-human span{font-size:12px}

/* V6-C: admin users layout only */
.inv-admin-add{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.inv-admin-add:hover{color:#fff;text-decoration:none}
.inv-admin-stats{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.inv-admin-stats .stat{min-width:150px}
.inv-admin-filters{display:flex;gap:8px;padding:12px 15px;align-items:center;border-bottom:1px solid var(--line)}
.inv-admin-filters input,.inv-admin-filters select{min-width:0;border:1px solid #d5e0e9;border-radius:8px;background:#fff;padding:8px 10px;color:var(--text);font:inherit}
.inv-admin-filters input{flex:1}
.inv-admin-filters select{max-width:190px}
.inv-admin-filters button{white-space:nowrap}
.inv-admin-meta{font-size:11px;color:#70859a;margin-top:4px;overflow-wrap:anywhere}
.inv-admin-form small{font-size:11px;font-weight:400;color:#71869b}
.inv-admin-form select{width:100%;border:1px solid #d5e0e9;border-radius:8px;padding:9px 11px;background:#fff;color:var(--text)}
@media(max-width:650px){.inv-admin-filters{flex-wrap:wrap}.inv-admin-filters input{flex:1 0 100%}.inv-admin-stats .stat{min-width:0;flex:1}.inv-admin-add{font-size:12px}}


/* V6-D: Plan user-management layout, scoped to Inventory admin users page only. */
.inv-plan-users-page{max-width:1420px;margin:0 auto}
.inv-plan-users-page .page-heading{align-items:center;margin-bottom:18px}
.inv-plan-users-page .page-heading p{max-width:720px}
.inv-plan-user-modal,.inv-plan-edit-section{background:#fff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 12px 30px rgba(25,53,83,.06);overflow:hidden;margin-bottom:20px}
.inv-plan-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 21px;border-bottom:1px solid #e5ecf3}
.inv-plan-modal-head h2{font-size:19px;line-height:1.3;margin:0;color:#183a5b}
.inv-plan-modal-head small{display:block;margin-top:5px;font-size:12px;color:#8191a2}
.inv-plan-close{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid #dae4ed;background:#f8fafc;border-radius:9px;color:#3e5870;font-size:23px;text-decoration:none;line-height:1}
.inv-plan-toolbar .inv-admin-filters{border-bottom:1px solid #e8eef4;margin:0;padding:13px 21px}
.inv-plan-row-head,.inv-plan-user-row{display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(185px,1.3fr) minmax(130px,.9fr) minmax(148px,.9fr) minmax(120px,.65fr);gap:12px;align-items:center;padding:12px 18px}
.inv-plan-row-head{background:#f5f8fc;border-bottom:1px solid #e0e8f0;color:#647b91;font-size:11px;font-weight:700}
.inv-plan-user-row{border-bottom:1px solid #e6edf3;margin:0}
.inv-plan-user-row:last-child{border-bottom:0}
.inv-plan-user-row:hover{background:#f9fbfe}
.inv-plan-user-info{min-width:0}
.inv-plan-user-info b{display:block;font-size:13px;color:#152d45;overflow-wrap:anywhere}
.inv-plan-user-info small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#74889b;overflow-wrap:anywhere}
.inv-plan-user-info small span{display:block}
.inv-plan-field{display:block!important;margin:0!important;padding:0!important;min-width:0;font-weight:400!important}
.inv-plan-field span{display:none}
.inv-plan-field select{width:100%;min-width:0;height:37px;padding:7px 10px;font-size:12px;border:1px solid #cfdce8;border-radius:9px;background:#fff;color:#203e58;cursor:pointer}
.inv-plan-field select:focus-visible{outline:3px solid #dbedf9;border-color:#1678bb}
.inv-plan-field select:disabled{cursor:not-allowed;background:#f0f4f7;color:#8495a5}
.inv-plan-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap}
.inv-plan-save{border:1px solid #b6d6ed;color:#1b6c9f;border-radius:8px;padding:8px;background:#eaf5fd;font-size:12px;font-weight:600}
.inv-plan-detail{font-size:11px;color:#2575a7;white-space:nowrap;text-decoration:none}
.inv-plan-self{color:#78899b;font-size:10px;line-height:1.4;text-align:right}
.inv-plan-list-footer{padding:14px 20px;background:#fafbfd;color:#71869a;font-size:11.5px;line-height:1.5}
.inv-plan-no-users{padding:27px 20px;color:#687d90;text-align:center}
.inv-plan-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.inv-plan-edit-section .form-stack{padding:8px 21px 21px}
.inv-plan-edit-section .form-stack label{margin:12px 0;font-size:12px}
.inv-plan-edit-section .form-stack select,.inv-plan-edit-section .form-stack input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #d5e0e9;border-radius:8px;padding:10px 11px;background:white}
.inv-plan-edit-section .form-stack .checkbox-row{align-items:center;gap:8px}
.inv-plan-edit-section .form-stack .checkbox-row input{width:16px}
.inv-plan-edit-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px}
.inv-plan-edit-actions a{text-decoration:none}
.js-inv-auto .inv-plan-user-row .inv-plan-save{display:none}
.inv-plan-user-row.inv-busy{opacity:.6;pointer-events:none}
@media(max-width:1100px){.inv-plan-user-modal{overflow-x:auto}.inv-plan-user-modal>.inv-plan-row-head,.inv-plan-user-list>.inv-plan-user-row{min-width:750px}}
@media(max-width:700px){.inv-plan-user-modal{overflow-x:visible}.inv-plan-user-modal>.inv-plan-row-head{display:none}.inv-plan-user-list>.inv-plan-user-row{min-width:0;grid-template-columns:1fr 1fr;gap:12px 10px;padding:16px}.inv-plan-user-info{grid-column:1/-1}.inv-plan-field span{display:block;margin-bottom:5px;color:#72869b;font-size:11px;font-weight:700}.inv-plan-row-actions{grid-column:1/-1;justify-content:flex-start}.inv-plan-editor-grid{grid-template-columns:1fr}.inv-plan-modal-head{padding:14px 16px}.inv-plan-toolbar .inv-admin-filters{padding:12px}.inv-plan-list-footer{padding:12px}.inv-plan-users-page .page-heading{align-items:flex-start;flex-direction:column;gap:12px}}

.inv-plan-branch-hint{display:block;font-size:11px;color:#b76521;text-align:right}

/* Plan-like modal presentation of the Inventory user management on this page. */
.inv-plan-user-backdrop{position:fixed;inset:0;background:rgba(16,33,53,.48);z-index:290}
.inv-plan-user-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:300;width:min(1100px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 65px rgba(12,35,60,.28)}
.inv-plan-edit-section{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:310;width:min(650px,calc(100vw - 34px));max-height:calc(100dvh - 38px);overflow:auto;box-shadow:0 24px 65px rgba(16,39,63,.3)}
.inv-plan-user-modal>.notice{margin:12px 19px 0}
@media(max-width:700px){.inv-plan-user-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 18px)}.inv-plan-edit-section{width:calc(100vw - 16px);max-height:calc(100dvh - 18px)}}

.inv-plan-head-actions{display:flex;align-items:center;gap:12px}
.inv-plan-add{white-space:nowrap;font-size:12px;padding:10px 13px;text-decoration:none}
.inv-plan-add:hover{text-decoration:none;color:#fff}
@media(max-width:550px){.inv-plan-head-actions{gap:6px}.inv-plan-add{font-size:10.5px;padding:8px}}


/* V6-E: User menu in the top-right, matching the Plan portal interaction. */
.topbar .account{margin-left:auto;font-size:13px}
.inv-profile-wrap{position:relative;min-width:0}
.inv-profile-btn{list-style:none;display:flex;align-items:center;gap:9px;border:1px solid #d5e2ed;border-radius:10px;background:#fff;min-height:40px;padding:5px 10px;cursor:pointer;color:#284967;user-select:none}
.inv-profile-btn::-webkit-details-marker{display:none}
.inv-profile-btn:hover,.inv-profile-wrap[open]>.inv-profile-btn{background:#f1f7fb;border-color:#b7d2e5}
.inv-profile-btn:focus-visible{outline:3px solid #c5e6fa;outline-offset:2px}
.inv-avatar-mini{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;font-size:13px;font-weight:800;color:#fff;background:#206da5}
.inv-profile-greeting{font-size:12px;white-space:nowrap;color:#3f5269}
.inv-profile-greeting b{color:#203b58}
.inv-profile-caret{font-size:16px;color:#6e8397}
.inv-user-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:400;width:215px;padding:7px;background:#fff;border:1px solid #dce5ed;border-radius:11px;box-shadow:0 13px 28px #15355333}
.inv-user-menu a,.inv-user-menu button{display:block;width:100%;border:0;background:#fff;border-radius:7px;text-align:left;padding:9px 10px;color:#25415c;font-size:13px;text-decoration:none;font-weight:500}
.inv-user-menu a:hover,.inv-user-menu button:hover{background:#f0f6fb}
.inv-user-menu hr{border:0;border-top:1px solid #e0e8ef;margin:5px 0}
.inv-user-menu form{margin:0}
.inv-user-menu .inv-profile-logout{color:#b13e3e;cursor:pointer}
.inv-plan-edit-section>.inv-plan-edit-notice{margin:14px 20px 0}
.inv-profile-panel{max-width:650px;margin:0 auto}
.inv-profile-panel .form-stack{max-width:520px}
.inv-profile-password{margin-top:18px}
.inv-profile-panel .form-stack small{color:#78889a;font-weight:400}
.inv-profile-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:8px}
@media(max-width:650px){.inv-profile-greeting{max-width:155px;overflow:hidden;text-overflow:ellipsis}.inv-profile-btn{padding:5px 8px}.inv-user-menu{right:0}}

/* V6 navigation: font size (12px) aligned to plan.nugan.mn desktop rail. */
.inv-brand-link{color:inherit;text-decoration:none}
.inv-brand-link:hover{text-decoration:none;background:#f9fbfd}
.inv-sidebar-nav{padding:13px 8px 28px}
.inv-nav-group{margin:0 0 7px;border-bottom:1px solid #edf2f6;padding:0 0 7px}
.inv-nav-group>summary{list-style:none}
.inv-nav-group>summary::-webkit-details-marker{display:none}
.inv-nav-head{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 10px;color:#25445f;cursor:pointer;font-size:12px;line-height:1.25;font-weight:750;border-radius:8px}
.inv-nav-head:hover{background:#f2f7fb}
.inv-nav-head>.nav-symbol{flex:none;width:23px;height:23px;background:#eff5f9;border:1px solid #deebf2;border-radius:7px;display:grid;place-items:center;font-size:15px}
.inv-nav-arrow{margin-left:auto;color:#7890a4;font-size:16px;transition:transform .15s}
.inv-nav-group:not([open]) .inv-nav-arrow{transform:rotate(-90deg)}
.inv-nav-children{padding:2px 0 4px 17px}
.inv-sidebar-nav .nav-item{font-size:12px;line-height:1.22;font-weight:600;min-height:36px;gap:8px;padding:8px 9px;margin:1px 2px;border-radius:8px}
.inv-sidebar-nav .nav-item .nav-symbol{width:18px;font-size:13px;line-height:1}
.inv-sidebar-nav .nav-item:hover{background:#f3f8fb;text-decoration:none}
.inv-sidebar-nav .nav-item.active{background:#e6f1f8;color:#17567f;box-shadow:inset 3px 0 0 #397ca2}
.inv-sidebar-nav .nav-item.disabled{color:#8897a5;opacity:.7;cursor:not-allowed}
.inv-sidebar-nav .nav-item.disabled:hover{background:transparent}
.inv-home{max-width:none;min-height:calc(100vh - 67px);display:flex;flex-direction:column;align-items:stretch}
.inv-home-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px 100px;text-align:center}
.inv-home-date{color:#617b94;font-size:17px;font-weight:500;margin-bottom:11px;letter-spacing:.1px}
.inv-home-clock{font-size:clamp(48px,7vw,84px);font-variant-numeric:tabular-nums;line-height:1.13;font-weight:650;letter-spacing:1.5px;color:#173a5a}
.inv-home-welcome h1{font-size:clamp(17px,2vw,25px);font-weight:650;color:#496981;margin:20px 0 0;letter-spacing:0}
@media(max-width:650px){
  .inv-sidebar-nav{padding:5px 8px 12px;display:grid;grid-template-columns:1fr;gap:1px}
  .inv-nav-group{margin:0;padding:0 0 4px}
  .inv-sidebar-nav .nav-item.disabled{display:flex}
  .inv-home{min-height:55vh}
  .inv-home-welcome{padding:30px 8px 50px}
  .inv-home-date{font-size:13px}
  .inv-home-clock{font-size:42px}
}
@media(max-width:650px){.sidebar .inv-sidebar-nav .nav-item.active{margin:1px 2px;padding:8px 9px}}

/* V6 user form: localized field-level feedback after an unsuccessful submit. */
.inv-plan-edit-section .inv-field-error{color:#af302d;font-size:11px;line-height:1.4;font-weight:500}
.inv-plan-edit-section .inv-invalid-field{border-color:#c95e56!important;box-shadow:0 0 0 2px rgba(201,94,86,.09)}


/* V6 registry-only updates. No visual changes to stock, movements, products or users. */
.customer-page-only-list .list-toolbar {
    display:flex;
    gap:12px;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:16px;
}
.customer-page-only-list .list-toolbar .toolbar-note {
    color:#6b7a90;
    font-size:13px;
}
.customer-page-only-list .customer-modal-backdrop {
    position:fixed;
    inset:0;
    background:rgba(13, 30, 53, 0.48);
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    z-index:1200;
}
.customer-page-only-list .customer-modal-backdrop.open {
    display:flex;
}
.customer-page-only-list .customer-modal {
    width:min(720px, 100%);
    max-height:90vh;
    overflow:auto;
    background:#fff;
    border-radius:18px;
    box-shadow:0 24px 60px rgba(15, 33, 58, 0.22);
    border:1px solid #d9e2ef;
}
.customer-page-only-list .customer-modal-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:20px 22px;
    border-bottom:1px solid #e4ebf4;
}
.customer-page-only-list .customer-modal-head h2 {
    margin:0;
    font-size:20px;
}
.customer-page-only-list .customer-modal-body {
    padding:22px;
}
.customer-page-only-list .customer-modal-close {
    border:1px solid #d3dce8;
    background:#fff;
    color:#17365d;
    border-radius:10px;
    padding:8px 12px;
    font-weight:700;
    cursor:pointer;
}
.customer-page-only-list .wide-panel {
    max-width:none;
}
.customer-page-only-list .panel-title.with-actions {
    align-items:flex-start;
}
.customer-page-only-list .table-wrapper table td.actions {
    white-space:nowrap;
}
@media (max-width: 768px) {
    .customer-page-only-list .customer-modal-backdrop {
        padding:10px;
        align-items:flex-end;
    }
    .customer-page-only-list .customer-modal {
        width:100%;
        max-height:94vh;
        border-radius:18px 18px 0 0;
    }
    .customer-page-only-list .customer-modal-head h2 {
        font-size:18px;
    }
}
.customer-page-only-list .customer-filter-form {
    display:flex; flex-direction:row; align-items:end; flex-wrap:wrap;
    gap:9px; padding:12px 18px 15px;
}
.customer-page-only-list .customer-filter-form label { flex:0 1 295px; min-width:175px; gap:5px; }
.customer-page-only-list .customer-filter-form label:nth-child(2) { flex:0 0 145px; min-width:128px; }
.customer-page-only-list .customer-filter-form input[type=search] { width:100%; max-width:295px; min-height:36px; padding:7px 10px; }
.customer-page-only-list .customer-filter-form select { width:100%; min-height:36px; border:1px solid #d5e0e9; border-radius:8px; background:#fff; color:#25445f; padding:6px 9px; }
.customer-page-only-list .customer-filter-form button { min-height:36px; padding:7px 15px; }
.customer-page-only-list .js-open-customer-modal { display:inline-flex; align-items:center; text-decoration:none; font-size:12px; }
.customer-page-only-list .js-open-customer-modal:hover { color:white; text-decoration:none; }
.customer-page-only-list .customer-modal-head h2 { font-size:20px; }
.customer-page-only-list .customer-modal-close { text-decoration:none; font-size:20px; line-height:1; }
.customer-page-only-list .customer-modal-close:hover { text-decoration:none; background:#eff5fa; }
.customer-page-only-list .customer-modal .form-stack { padding:0; }
body.inv-registry-modal-open { overflow:hidden; }
.inv-delete-link { margin-left:10px; color:#b44747; white-space:nowrap; }
.inv-registry-confirm-layer { position:fixed; inset:0; z-index:1500; background:rgba(13,30,53,.52); display:flex; align-items:center; justify-content:center; padding:18px; }
.inv-registry-confirm { background:white; border:1px solid #dae3ed; border-radius:14px; width:min(460px,100%); padding:24px; box-shadow:0 22px 55px rgba(12,35,55,.23); }
.inv-registry-confirm h2 { font-size:20px; margin:0 0 12px; }
.inv-registry-confirm p { margin:0 0 12px; font-size:13px; }
.inv-registry-warning { color:#7d4f3c; background:#fff8f4; border:1px solid #f2dbd0; padding:11px 12px; border-radius:8px; line-height:1.5; }
.inv-registry-confirm-actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; margin-top:20px; }
.inv-registry-confirm-actions .primary { display:inline-flex; align-items:center; text-decoration:none; font-size:13px; }
.inv-danger-button { color:#fff; background:#b54442; border:0; border-radius:8px; padding:10px 15px; font-size:13px; font-weight:700; }
.inv-danger-button:hover { background:#94322f; }
@media(max-width:650px){
  .customer-page-only-list .customer-filter-form { padding:12px; }
  .customer-page-only-list .customer-filter-form label { flex:1 1 100%; }
  .customer-page-only-list .customer-filter-form label:nth-child(2) { flex:1 1 125px; }
  .customer-page-only-list .customer-filter-form input[type=search] { max-width:none; }
  .customer-page-only-list .customer-filter-form button { flex:0 0 auto; }
}