html,body,form{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:#152238;background:#f5f7fb}*{box-sizing:border-box}a{text-decoration:none;color:inherit}.layout{min-height:100vh;background:#f5f7fb}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;background:linear-gradient(180deg,#0b2b4d 0%,#0a355c 52%,#082b49 100%);color:#fff;z-index:1000;box-shadow:8px 0 28px rgba(12,42,74,.10);overflow:hidden}.brand{height:78px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.10)}.brand-mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#ffbd59,#ff9035);display:flex;align-items:center;justify-content:center;margin-right:11px;box-shadow:0 7px 16px rgba(255,151,54,.22);font-size:14px;font-weight:900;letter-spacing:.4px}.brand-name{font-size:18px;line-height:20px;font-weight:800;letter-spacing:.35px}.brand-subtitle{font-size:12px;font-weight:600;margin-top:4px;color:#bcd0e3;letter-spacing:.2px}.nav-scroll{height:calc(100vh - 78px);overflow-y:auto;padding:5px 0 20px}.nav-section{padding:16px 18px 6px;color:#8ca9c1;font-size:10px;letter-spacing:1.15px;font-weight:800}.nav-item{min-height:41px;margin:3px 10px;padding:0 10px;border-radius:9px;color:#dce9f5;display:flex;align-items:center;font-size:13px;font-weight:600;transition:background .18s ease,color .18s ease,transform .18s ease;position:relative}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(1px)}.nav-item.nav-active{background:linear-gradient(90deg,#2d72e8,#3b82f6);color:#fff;box-shadow:0 7px 18px rgba(33,108,228,.24)}.nav-item.nav-active:before{content:"";position:absolute;left:-10px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#ffbb55}.nav-icon{width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:9px;font-weight:800;letter-spacing:.4px;color:#dceaff;flex:0 0 auto}.nav-active .nav-icon{background:rgba(255,255,255,.16);color:#fff}.nav-text{white-space:nowrap}.chev{margin-left:auto;font-size:18px;color:#8fabca;font-weight:400}.nav-active .chev{color:#fff}.fy-card{margin:19px 14px 8px;padding:14px 12px;background:rgba(5,24,43,.30);border:1px solid rgba(255,255,255,.06);border-radius:11px;text-align:center}.fy-label{font-size:10px;font-weight:800;letter-spacing:.8px;color:#aac1d6}.fy-year{font-size:20px;font-weight:800;color:#67df91;margin:7px 0 3px}.fy-date{font-size:10px;color:#b9cadd}.sidebar-mask{display:none}
.workspace{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;background:rgba(255,255,255,.98);border-bottom:1px solid #e6eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:800;box-shadow:0 2px 12px rgba(26,49,78,.035)}.top-left,.top-right{display:flex;align-items:center}.menu-btn{width:36px;height:36px;border:1px solid #e1e7ef;background:#fff;border-radius:8px;cursor:pointer;margin-right:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-btn span{display:block;width:16px;height:2px;border-radius:2px;background:#24435f}.page-context{font-size:19px;font-weight:800;color:#17263a;white-space:nowrap}.year-chip{height:38px;padding:0 11px;background:#f8fafc;border:1px solid #e0e6ee;border-radius:9px;display:flex;align-items:center;gap:9px;font-size:10px;color:#718096}.year-chip b{background:#e9f1ff;color:#2d67bf;border-radius:6px;padding:6px 8px;font-size:11px}.top-divider{width:1px;height:30px;background:#e6eaf0;margin:0 13px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#355e86,#6a85a1);color:#fff;display:flex;align-items:center;justify-content:center;margin-right:8px;border:3px solid #eef3f8;font-size:11px;font-weight:800}.user-box{min-width:94px}.user-name{font-size:12px;font-weight:800;display:block;color:#17263a;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{display:block;font-size:10px;color:#7a8798;margin-top:2px}.logout-link{margin-left:12px;color:#52677e;font-size:11px;font-weight:700;padding:7px 9px;border-radius:7px}.logout-link:hover{background:#f1f5f9;color:#1f3d5c}.page-body{padding:20px 22px 28px;flex:1}.footer{height:52px;background:#fff;border-top:1px solid #e4e9ef;color:#728094;font-size:10px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.dashboard-heading{background:linear-gradient(110deg,#0d3a66 0%,#15558a 72%,#1f6eaa 100%);border-radius:14px;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:22px 25px;box-shadow:0 10px 26px rgba(20,68,110,.14);position:relative;overflow:hidden}.dashboard-heading:after{content:"";position:absolute;right:-55px;top:-70px;width:230px;height:230px;border:42px solid rgba(255,255,255,.05);border-radius:50%}.dashboard-heading h1{font-size:23px;line-height:1.2;margin:3px 0 6px;font-weight:800;position:relative;z-index:1}.dashboard-heading p{margin:0;font-size:12px;color:#cfdfed;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.45px;font-weight:800;color:#91c4ef;position:relative;z-index:1}.heading-date{min-width:116px;text-align:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;position:relative;z-index:1}.heading-date-label{display:block;font-size:9px;letter-spacing:1px;color:#bcd7eb;margin-bottom:5px}.heading-date strong{font-size:16px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;margin-top:14px}.kpi{border-radius:12px;border:1px solid #e4e9ef;background:#fff;display:flex;align-items:center;padding:14px;min-height:105px;box-shadow:0 4px 14px rgba(27,48,73,.04);transition:transform .16s ease,box-shadow .16s ease}.kpi:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(27,48,73,.08)}.kpi.blue{background:linear-gradient(135deg,#f5f9ff,#fff)}.kpi.green{background:linear-gradient(135deg,#f3fbf7,#fff)}.kpi.purple{background:linear-gradient(135deg,#faf6ff,#fff)}.kpi.orange{background:linear-gradient(135deg,#fff8f2,#fff)}.kpi.teal{background:linear-gradient(135deg,#f2fbfb,#fff)}.kpi-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900;letter-spacing:.4px;margin-right:12px;flex:0 0 auto}.blue .kpi-icon,.blue-bg{background:linear-gradient(135deg,#2f6fec,#3f82f7)}.green .kpi-icon,.green-bg{background:linear-gradient(135deg,#26ae67,#35bf79)}.purple .kpi-icon,.purple-bg{background:linear-gradient(135deg,#7d3bd9,#9658e8)}.orange .kpi-icon,.orange-bg{background:linear-gradient(135deg,#ff8a16,#ffa13b)}.teal .kpi-icon,.teal-bg{background:linear-gradient(135deg,#0ea1a8,#18b7b8)}.kpi-copy{min-width:0}.kpi-name{font-size:12px;font-weight:800;color:#30445d}.kpi-value{font-size:22px;line-height:24px;font-weight:800;margin:5px 0;color:#13263f}.kpi-foot{font-size:9.5px;color:#78879a;white-space:nowrap}.status-pill{display:inline-block;margin-left:5px;background:#eaf8ef;color:#17864f;border-radius:8px;padding:2px 5px;font-size:8px;font-weight:800}.dash-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.92fr);gap:12px;margin-top:12px}.lower-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:12px;margin-top:12px}.panel{background:#fff;border:1px solid #e4e9ef;border-radius:12px;box-shadow:0 4px 14px rgba(19,43,75,.035);padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding-bottom:11px;margin-bottom:12px;gap:12px}.panel-title{font-size:13px;font-weight:800;color:#1d3048}.panel-subtitle{font-size:9.5px;color:#8894a3;margin-top:3px}.chart-legend{display:flex;gap:13px;font-size:9.5px;color:#647489;white-space:nowrap}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}.dot-blue{background:#3474ee}.dot-green{background:#2cb970}.dot-purple{background:#8750e3}.chart{height:230px;position:relative;margin-top:3px;border-left:1px solid #dce4ec;border-bottom:1px solid #dce4ec;background:repeating-linear-gradient(to top,#fff 0,#fff 44px,#edf1f5 45px)}.chart-line{position:absolute;left:15px;right:12px;top:22px;height:160px}.chart-line svg{width:100%;height:100%;overflow:visible}.chart-axis{position:absolute;left:0;right:0;bottom:-22px;display:flex;justify-content:space-between;font-size:8px;color:#8c99aa}.activity-item{display:flex;align-items:center;padding:9px 1px;border-bottom:1px solid #eef2f5}.activity-item:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:900;letter-spacing:.3px;margin-right:10px;flex:0 0 auto}.activity-copy{flex:1;min-width:0}.activity-title{font-size:11px;font-weight:800;color:#2a3b52}.activity-by{font-size:9px;color:#8693a4;margin-top:3px}.activity-time{font-size:8.5px;color:#268a55;background:#eaf8ef;border-radius:7px;padding:3px 5px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick{border:1px solid #e5eaf0;background:#fbfcfe;border-radius:9px;padding:10px;display:flex;align-items:center;color:#173452;transition:.15s}.quick:hover{background:#f5f8fc;border-color:#d6e1ec}.quick-ico{width:31px;height:31px;border-radius:8px;background:#3879ef;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:8px;font-weight:900;flex:0 0 auto}.quick b{display:block;font-size:10.5px}.quick small{display:block;font-size:8.5px;color:#8a97a8;margin-top:2px;font-weight:400}.report-links a{display:flex;align-items:center;justify-content:space-between;padding:10px 3px;border-bottom:1px solid #eef2f5;color:#31465e;font-size:10.5px;font-weight:700}.report-links a:last-child{border-bottom:0}.report-links a b{font-size:18px;color:#9babbc;font-weight:400}.status-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f5}.status-row:last-child{border-bottom:0}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:9px;flex:0 0 auto}.status-dot.ok{background:#2eb66f;box-shadow:0 0 0 4px #eaf8ef}.status-dot.info-dot{background:#3b7ded;box-shadow:0 0 0 4px #edf4ff}.status-row div{flex:1;min-width:0}.status-row b{display:block;font-size:10.5px;color:#2d4057}.status-row small{display:block;font-size:8.5px;color:#8c98a8;margin-top:2px}.status-row strong{font-size:8.5px;color:#50708f;background:#f2f6fa;border-radius:7px;padding:4px 6px}
.page-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px rgba(19,43,75,.045);padding:19px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.title-block h1{font-size:22px;margin:0;font-weight:800}.title-block p{font-size:12px;color:#6b7c91;margin:5px 0 0}.actionbar{display:flex;gap:7px;flex-wrap:wrap}.btn{border:0;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;background:#2d73e7;color:#fff;box-shadow:0 4px 9px rgba(45,115,231,.16)}.btn:hover{filter:brightness(.98)}.btn-secondary{background:#edf2f8;color:#203a5d;box-shadow:none;border:1px solid #dbe3ed}.btn-danger{background:#e44b52}.btn-print{background:#173d66}.filter-card{border:1px solid #e5eaf1;background:#f9fbfe;border-radius:10px;padding:14px;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.field label{font-size:11px;font-weight:700;color:#334b67;display:block;margin-bottom:6px}.input,.select{width:100%;height:38px;border:1px solid #ccd6e3;border-radius:7px;background:#fff;padding:0 10px;font-family:"Segoe UI",Arial;font-size:12px;color:#18324f;outline:none}.input:focus,.select:focus{border-color:#3c7bea;box-shadow:0 0 0 3px rgba(61,123,234,.10)}.grid-wrap{overflow:auto;border:1px solid #e3e8ef;border-radius:9px}.grid{width:100%;border-collapse:collapse;background:#fff;font-size:11px;min-width:760px}.grid th{padding:10px;background:#f1f5fa;color:#34495f;border-bottom:1px solid #dce4ee;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.grid td{padding:10px;border-bottom:1px solid #edf1f4}.grid tr:hover td{background:#f8fbff}.notice{padding:11px 13px;border-radius:8px;font-size:12px;margin:10px 0}.success{background:#edf9f2;border:1px solid #cfeeda;color:#1a6e42}.warning{background:#fff8e8;border:1px solid #f4df9e;color:#765a0c}.error{background:#fff0f0;border:1px solid #f0c7c8;color:#9b2c2c}.info-box{background:#eff6ff;border:1px solid #d9e8ff;color:#30557e}.search-wrap{position:relative}.suggestions{position:absolute;left:0;right:0;top:100%;z-index:1200;background:white;border:1px solid #cbd7e5;border-radius:0 0 8px 8px;max-height:260px;overflow:auto;box-shadow:0 12px 28px rgba(22,48,80,.18)}.suggestions div{padding:9px 10px;font-size:12px;border-bottom:1px solid #edf1f5}.suggestions div:hover,.suggestions .active{background:#eaf2ff}.login-bg{min-height:100vh;background:radial-gradient(circle at 80% 20%,rgba(70,125,240,.20),transparent 34%),linear-gradient(135deg,#071e38,#0a3f70);display:flex;align-items:center;justify-content:center;padding:20px}.login-shell{width:850px;max-width:96vw;min-height:510px;background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;box-shadow:0 28px 75px rgba(0,0,0,.28)}.login-showcase{background:linear-gradient(135deg,#0d3966,#155d98);color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:space-between}.login-logo{font-size:25px;font-weight:800}.login-logo small{display:block;font-size:13px;margin-top:4px;color:#cfe2f4}.login-tag{font-size:33px;font-weight:800;line-height:1.15}.login-tag span{display:block;font-size:13px;font-weight:400;line-height:1.6;color:#d1e3f3;margin-top:13px}.login-form{padding:55px 48px;display:flex;flex-direction:column;justify-content:center}.login-form h1{font-size:28px;margin:0 0 7px}.login-form p{font-size:12px;color:#738298;margin:0 0 26px}.login-btn{width:100%;height:43px;margin-top:8px}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:940px){.sidebar{transform:translateX(-100%);transition:transform .22s ease}.sidebar.mobile-open{transform:translateX(0)}.sidebar-mask.show{display:block;position:fixed;inset:0;background:rgba(15,30,45,.36);z-index:900}.workspace{margin-left:0}.dash-grid,.lower-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 15px}.chart-legend{display:none}}@media(max-width:620px){.page-body{padding:12px}.kpi-grid,.form-grid{grid-template-columns:1fr}.user-box,.year-chip,.top-divider{display:none}.footer{padding:0 14px;font-size:9px}.footer span:last-child{display:none}.dashboard-heading{padding:18px}.dashboard-heading h1{font-size:19px}.dashboard-heading p{font-size:11px;max-width:280px}.heading-date{display:none}.page-header{align-items:flex-start;gap:10px;flex-direction:column}.login-form{padding:35px 25px}.quick-grid{grid-template-columns:1fr}}
.user-admin-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.65fr);gap:16px;align-items:start}.user-list-panel,.user-detail-panel{border:1px solid #e3e9f0;border-radius:10px;background:#fbfcfe;padding:14px}.section-title{font-size:13px;font-weight:800;color:#203752;margin-bottom:10px}.section-note{font-size:10px;color:#738397;margin-top:-5px}.user-search-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:10px}.compact-grid .grid{min-width:460px}.user-form-grid{grid-template-columns:1.15fr 1.15fr .9fr .8fr}.check-field{padding-top:1px}.check-field input{vertical-align:-2px;margin-right:4px}.check-field label{margin-bottom:8px}.permission-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:18px;margin-bottom:9px}.permission-tools{display:flex;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid #d7e0ea;background:#fff;color:#31506f;border-radius:6px;padding:6px 9px;font:700 10px "Segoe UI",Arial;cursor:pointer}.mini-btn:hover{background:#f3f7fb}.mini-btn:disabled{opacity:.45;cursor:default}.permission-wrap{max-height:480px}.permission-grid{min-width:800px}.permission-grid th:nth-child(n+3),.permission-grid td:nth-child(n+3){text-align:center;width:75px}.permission-grid td:nth-child(1){font-size:9px;font-weight:800;color:#66809a}.permission-grid td:nth-child(2){font-weight:700;color:#263f59}.permission-grid input[type=checkbox]{width:15px;height:15px;vertical-align:middle}.permission-info{margin-bottom:0}.user-detail-panel .input:disabled,.permission-grid input:disabled{opacity:.55}.grid a{color:#2d73e7;font-weight:800}.grid a:hover{text-decoration:underline}@media(max-width:1200px){.user-admin-layout{grid-template-columns:1fr}.user-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.user-form-grid{grid-template-columns:1fr}.permission-head{align-items:flex-start;flex-direction:column}.user-search-row{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.footer,.actionbar,.user-list-panel,.permission-tools,.permission-info{display:none!important}.workspace{margin-left:0!important}.page-body{padding:0!important}.page-card{box-shadow:none;border:0;padding:0}.user-admin-layout{display:block}.user-detail-panel{border:0;padding:0}.permission-wrap{max-height:none;overflow:visible}.permission-grid{min-width:0;font-size:9px}}

/* Users & Permissions - professional aligned layout */
.users-page{padding:18px 18px 20px}.users-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #edf1f5}.users-actions{justify-content:flex-end}.users-actions .btn{min-height:36px}.users-top-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(650px,1.45fr);gap:14px;align-items:stretch;margin-top:12px}.admin-card{background:#fff;border:1px solid #dfe6ee;border-radius:10px;padding:14px;box-shadow:0 2px 8px rgba(20,47,78,.035)}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #edf1f5}.admin-card .section-title{font-size:13px;margin:0 0 4px}.admin-card .section-note{font-size:10px;margin:0;color:#75859a;line-height:1.45}.soft-badge,.mode-badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.55px;white-space:nowrap}.soft-badge{background:#eef3f8;color:#5c7088;border:1px solid #e0e7ef}.mode-edit{background:#eaf2ff;color:#2e66bd;border:1px solid #d4e4ff}.mode-new{background:#eaf8f0;color:#257247;border:1px solid #cdebd9}.mode-admin{background:#fff5e7;color:#946019;border:1px solid #f0ddbd}.user-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.search-button{height:38px;box-shadow:none}.users-grid-wrap{max-height:210px}.users-grid{min-width:420px}.users-grid th,.users-grid td{padding:9px 10px}.users-grid td:first-child{font-weight:700;color:#203b59}.users-grid td:nth-child(2),.users-grid td:nth-child(3){width:88px}.users-grid td:last-child{width:65px;text-align:center}.user-editor-card{min-height:168px}.editor-head{margin-bottom:13px}.user-form-grid-new{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(180px,1.35fr) minmax(190px,.95fr) minmax(150px,.8fr);gap:12px;align-items:end}.user-form-grid-new .field label{margin-bottom:6px}.req{color:#d64148}.password-hint{font-size:9px;font-weight:600;color:#8190a1}.option-box{height:63px;border:1px solid #dce4ed;background:#f9fbfd;border-radius:8px;padding:9px 10px;display:flex;flex-direction:column;justify-content:center}.option-title{font-size:10px;font-weight:800;color:#5b6f86;margin-bottom:7px;text-transform:uppercase;letter-spacing:.35px}.option-box input[type=checkbox]{width:15px;height:15px;vertical-align:-3px;margin-right:5px}.option-box label{font-size:11px;font-weight:700;color:#29435f}.permissions-card{margin-top:14px;padding:0;overflow:hidden}.permission-head-new{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#fbfcfe;border-bottom:1px solid #e5ebf1}.permission-head-new .section-title{margin:0 0 3px}.permission-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.permission-tools .mini-btn{min-width:70px}.permission-wrap-new{border:0;border-radius:0;max-height:430px}.permission-grid-new{min-width:790px}.permission-grid-new th{position:sticky;top:0;z-index:2;padding:9px 10px;background:#eef3f8;color:#344b64}.permission-grid-new td{padding:8px 10px;height:36px}.permission-grid-new th:nth-child(n+3),.permission-grid-new td:nth-child(n+3){text-align:center;width:82px}.permission-grid-new th:first-child,.permission-grid-new td:first-child{width:125px}.permission-grid-new th:nth-child(2),.permission-grid-new td:nth-child(2){min-width:210px}.permission-grid-new td:first-child{font-size:9px;font-weight:800;color:#75869a;letter-spacing:.25px}.permission-grid-new td:nth-child(2){font-weight:700;color:#28415d}.permission-grid-new input[type=checkbox]{width:15px;height:15px;margin:0;vertical-align:middle}.permission-footer-note{padding:10px 14px;background:#f5f9ff;border-top:1px solid #e0eaf6;color:#46627f;font-size:10px}.new-user-message{margin:0 0 12px;padding:9px 12px;font-size:11px}
@media(max-width:1350px){.users-top-grid{grid-template-columns:1fr}.user-form-grid-new{grid-template-columns:repeat(2,minmax(180px,1fr))}.users-grid-wrap{max-height:190px}}
@media(max-width:760px){.users-page-head{flex-direction:column}.users-actions{justify-content:flex-start}.user-form-grid-new{grid-template-columns:1fr}.permission-head-new{align-items:flex-start;flex-direction:column}.permission-tools{justify-content:flex-start}.users-grid{min-width:400px}}
@media print{.users-page-head .actionbar,.users-list-card,.new-user-message{display:none!important}.users-top-grid{display:block}.user-editor-card{border:0;box-shadow:none;padding:0;margin-bottom:10px}.permissions-card{border:0;box-shadow:none;margin-top:5px}.permission-wrap-new{max-height:none;overflow:visible}}

/* Account / Party Master */
.account-page{padding:18px 18px 20px}.account-page-head{align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #edf1f5;margin-bottom:14px}.eyebrow-dark{display:block;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#6d86a0;margin-bottom:4px}.account-actions{justify-content:flex-end;flex-wrap:wrap}.btn-light{background:#fff!important;color:#405a74!important;border:1px solid #d9e2eb!important;box-shadow:none!important}.account-message{margin:0 0 12px}.success-box{background:#edf9f1!important;border-color:#cfead8!important;color:#23683e!important}.error-box{background:#fff1f1!important;border-color:#f0cccc!important;color:#9a3434!important}.account-search-card,.account-entry-card{background:#fff;border:1px solid #e0e7ef;border-radius:11px;box-shadow:0 3px 12px rgba(25,48,78,.035)}.account-search-card{padding:14px;margin-bottom:14px}.account-search-head,.entry-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-search-row{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(180px,.7fr) auto auto;gap:8px;margin-top:12px}.select-input{background:#fff}.account-search-results{margin-top:10px;max-height:235px}.account-grid{min-width:780px}.account-grid th,.account-grid td{padding:8px 10px}.account-grid td:first-child{font-weight:700;color:#213d59}.account-grid td:last-child,.account-grid th:last-child{width:68px;text-align:center}.account-entry-card{padding:15px 16px 12px}.entry-card-head{padding-bottom:11px;border-bottom:1px solid #edf1f5;margin-bottom:13px}.record-id{background:#f2f6fa;border:1px solid #e1e8ef;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700;color:#60758c}.record-id span{font-size:12px;color:#245a96}.account-form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:11px 12px;align-items:end}.account-form-grid .span-2{grid-column:span 2}.form-section-title{font-size:10px;font-weight:800;letter-spacing:.8px;color:#5e7590;text-transform:uppercase;margin:17px 0 9px;padding-top:12px;border-top:1px solid #edf1f5}.right-input{text-align:right}.uppercase-input{text-transform:uppercase}.readonly-input{background:#f5f7fa!important;color:#66788c!important}.account-entry-card .input:disabled,.account-entry-card select:disabled{background:#f5f7fa;color:#65778a;border-color:#e2e7ec;opacity:1}.record-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid #edf1f5}.nav-record-btn{width:38px;height:32px;border:1px solid #d6e0e9;background:#fff;border-radius:7px;color:#294e72;font-weight:800;cursor:pointer}.nav-record-btn:hover:not(:disabled){background:#f0f5fa}.nav-record-btn:disabled{opacity:.4;cursor:default}.record-nav-text{min-width:115px;text-align:center;font-size:10px;font-weight:700;color:#6e8094}.mode-view{background:#eef3f8;color:#5f7184;border:1px solid #dde6ee}.tax-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}
@media(max-width:1150px){.account-form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.tax-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.account-search-row{grid-template-columns:1fr 1fr auto auto}}
@media(max-width:720px){.account-search-head,.entry-card-head{flex-direction:column}.account-search-row{grid-template-columns:1fr}.account-form-grid,.tax-grid{grid-template-columns:1fr}.account-form-grid .span-2{grid-column:span 1}.account-actions{justify-content:flex-start}}
@media print{.account-page .account-search-card,.account-page .actionbar,.account-page .account-message,.account-page .record-nav{display:none!important}.account-page{padding:0}.account-entry-card{border:0;box-shadow:none;padding:0}.account-entry-card .input:disabled,.account-entry-card select:disabled{border:0;background:#fff;color:#111;padding-left:0}.entry-card-head{margin-bottom:18px}.form-section-title{margin-top:12px}}

/* Account Master - details first + instant account lookup */
.account-search-bottom{margin-top:14px;margin-bottom:0}.entry-head-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.account-autocomplete{position:relative;min-width:0}.account-suggestions{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:120;background:#fff;border:1px solid #cfdbe7;border-radius:9px;box-shadow:0 12px 28px rgba(20,45,75,.16);max-height:310px;overflow-y:auto;padding:5px}.account-suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:6px;cursor:pointer;border-bottom:1px solid #f0f3f6}.account-suggestion-item:last-of-type{border-bottom:0}.account-suggestion-item:hover,.account-suggestion-item.active{background:#edf5ff}.suggestion-name{font-size:11px;font-weight:700;color:#1f3c59;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-meta{font-size:9px;font-weight:700;color:#7c8da0;background:#f2f5f8;border-radius:10px;padding:3px 7px;white-space:nowrap}.account-no-match{display:none;padding:12px;text-align:center;font-size:10px;color:#7b8998}.search-help{margin-top:6px;font-size:9px;color:#718399}.account-search-row{align-items:start}.account-search-row .btn{height:38px}.account-search-row .input{height:38px}
@media(max-width:720px){.entry-head-right{justify-content:flex-start}.account-suggestions{max-height:250px}}

/* Account Master - search first + modal editor */
.account-browser-page{padding:0;overflow:hidden;background:#fff;border:1px solid #e2e9f1;border-radius:14px;box-shadow:0 8px 24px rgba(26,48,77,.06)}
.account-browser-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 18px;background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%);border-bottom:1px solid #e7edf4}
.account-browser-head h1{margin:3px 0 4px;font-size:22px;line-height:1.15;color:#102a43}.account-browser-head p{margin:0;color:#6c7f93;font-size:11px}.account-new-btn{min-width:130px;height:40px;font-weight:700;box-shadow:0 5px 12px rgba(36,110,219,.16)}
.account-find-panel{padding:20px 24px 24px}.account-find-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.account-list-count{font-size:10px;color:#60758b;background:#f4f7fb;border:1px solid #e0e8f1;border-radius:18px;padding:6px 10px;white-space:nowrap}.account-list-count span{font-weight:800;color:#1f5fae}
.account-search-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 230px auto auto;gap:9px;align-items:center;padding:12px;background:#f7faff;border:1px solid #dfe8f2;border-radius:11px}.account-search-box{position:relative}.account-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.55;z-index:1}.account-search-input{padding-left:34px!important;font-size:12px!important;font-weight:600}.account-search-toolbar .input,.account-search-toolbar .btn{height:40px}.account-search-tip{font-size:10px;color:#718399;margin:8px 2px 10px}.account-browser-grid-wrap{border:1px solid #dfe7f0;border-radius:10px;overflow:auto;max-height:520px;background:#fff}.account-browser-grid{margin:0;border:0}.account-browser-grid th{position:sticky;top:0;z-index:2;background:#edf3f9!important;color:#35506b!important;font-size:9px!important;letter-spacing:.25px;text-transform:uppercase}.account-browser-grid td{padding:10px 11px!important;font-size:10.5px!important;vertical-align:middle}.account-browser-grid tr:hover td{background:#f7fbff}.account-browser-grid td:first-child{font-weight:700;color:#173a5e}.account-browser-grid td:last-child a{display:inline-block;padding:5px 10px;border-radius:6px;background:#eef5ff;color:#1765c1;font-weight:700;text-decoration:none}.account-browser-grid td:last-child a:hover{background:#1765c1;color:#fff}.account-client-empty{padding:32px;text-align:center;color:#73869a;font-size:11px}
.account-modal-shell{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px}.account-modal-backdrop{position:absolute;inset:0;background:rgba(13,31,50,.58);backdrop-filter:blur(2px)}.account-modal{position:relative;z-index:1;width:min(1080px,96vw);max-height:92vh;background:#fff;border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.5)}
.account-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#123d66,#18588f);color:#fff}.account-modal-kicker{font-size:8px;font-weight:800;letter-spacing:1.2px;opacity:.72}.account-modal-title{font-size:18px;font-weight:800;margin-top:2px}.account-modal-subtitle{font-size:9.5px;opacity:.76;margin-top:2px}.account-modal-head-right{display:flex;align-items:center;gap:8px}.account-id-pill{font-size:9px;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:5px 8px;border-radius:20px}.modal-close-btn{width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.13);color:#fff;font-weight:800;cursor:pointer}.modal-close-btn:hover{background:rgba(255,255,255,.24)}.account-modal-header .mode-badge{border-color:rgba(255,255,255,.22);box-shadow:none}
.account-modal-body{padding:16px 20px 18px;overflow:auto;background:#fbfcfe}.account-form-section{padding-top:14px;margin-top:14px;border-top:1px solid #e4ebf3}.account-form-section.first-section{padding-top:0;margin-top:0;border-top:0}.account-form-section-title{font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#54708c;margin-bottom:9px}.account-modal .account-form-grid{gap:10px 12px}.account-modal .field label{font-size:9px;margin-bottom:4px}.account-modal .input{height:35px;font-size:10.5px}.account-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:#fff;border-top:1px solid #e2e9f1}.account-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.account-modal-actions .btn{height:34px;padding:0 13px}.account-modal-footer .record-nav{margin:0}.nav-record-btn.text-nav{width:auto;min-width:42px;padding:0 8px;font-size:9px}
@media(max-width:900px){.account-search-toolbar{grid-template-columns:1fr 1fr}.account-browser-head{align-items:flex-start}.account-modal-footer{align-items:flex-start;flex-direction:column}.account-modal-actions{width:100%;justify-content:flex-end}}
@media(max-width:620px){.account-browser-head{flex-direction:column}.account-new-btn{width:100%}.account-find-panel{padding:14px}.account-search-toolbar{grid-template-columns:1fr}.account-modal-shell{padding:8px}.account-modal{width:100%;max-height:96vh}.account-modal-header{align-items:flex-start}.account-modal-head-right{flex-wrap:wrap;justify-content:flex-end}.account-modal-body{padding:12px}.account-form-grid{grid-template-columns:1fr!important}.account-form-grid .span-2{grid-column:auto!important}}

/* Account Master final UX pass - search first, reliable modal, compact professional layout */
body.account-modal-open{overflow:hidden}
.account-browser-page{max-width:1460px;margin:0 auto;border-radius:13px!important}
.account-browser-head{padding:18px 20px 15px!important;align-items:center!important}
.account-browser-head .eyebrow-dark{font-size:8px;letter-spacing:1.2px;color:#6c84a0;font-weight:800}
.account-browser-head h1{font-size:20px!important;margin:2px 0 3px!important}
.account-browser-head p{font-size:10px!important}
.account-new-btn{height:38px!important;min-width:138px!important;border-radius:8px!important}
.account-find-panel{padding:15px 18px 18px!important}
.account-find-title-row{align-items:center!important;margin-bottom:9px!important}
.account-find-title-row .section-title{font-size:13px;font-weight:800;color:#20374f}
.account-find-title-row .section-note{font-size:9.5px;margin-top:2px;color:#75879a}
.account-list-count{font-size:9.5px!important;padding:5px 9px!important}
.account-search-toolbar-final{display:flex!important;grid-template-columns:none!important;gap:8px!important;align-items:center!important;padding:9px!important;border-radius:9px!important;background:#f5f8fc!important}
.account-search-toolbar-final .account-search-box{flex:1 1 auto;min-width:260px}
.account-search-toolbar-final .account-group-filter{flex:0 0 210px;max-width:210px}
.account-search-buttons{display:flex;gap:7px;flex:0 0 auto}
.account-search-toolbar-final .input,.account-search-toolbar-final .btn{height:38px!important}
.account-search-toolbar-final .account-search-input{padding-left:48px!important;font-size:11px!important;background:#fff!important;border-color:#cbd8e6!important}
.account-search-toolbar-final .account-search-input:focus{border-color:#3478df!important;box-shadow:0 0 0 3px rgba(52,120,223,.10)!important}
.account-search-icon{left:9px!important;width:31px;height:22px;line-height:22px;text-align:center;top:50%!important;transform:translateY(-50%);font-size:7px!important;font-weight:900;letter-spacing:.5px;color:#2e6bb6!important;background:#e8f1ff;border-radius:5px;opacity:1!important}
.account-search-button,.account-clear-button{min-width:72px}
.account-search-helper{display:flex;align-items:center;gap:6px;margin:7px 2px 10px;font-size:9.5px;color:#6e8195}
.helper-dot{width:6px;height:6px;border-radius:50%;background:#2f78df;display:inline-block;flex:0 0 auto}
.account-results-head{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#f0f4f9;border:1px solid #dce5ef;border-bottom:0;border-radius:8px 8px 0 0;font-size:8.5px;font-weight:800;letter-spacing:.45px;color:#536c86}
.account-results-hint{font-weight:600;letter-spacing:0;text-transform:none;color:#7c8da0}
.account-browser-grid-wrap{border-radius:0 0 8px 8px!important;max-height:calc(100vh - 365px)!important;min-height:285px}
.account-browser-grid{width:100%;table-layout:fixed}
.account-browser-grid th,.account-browser-grid td{border-right:1px solid #edf1f5!important}
.account-browser-grid th:last-child,.account-browser-grid td:last-child{border-right:0!important;width:82px;text-align:center}
.account-browser-grid th:nth-child(1){width:34%}.account-browser-grid th:nth-child(2){width:18%}.account-browser-grid th:nth-child(3){width:12%}.account-browser-grid th:nth-child(4){width:13%}.account-browser-grid th:nth-child(5){width:16%}
.account-browser-grid td{height:37px;padding:7px 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-browser-grid tr:nth-child(even) td{background:#fbfcfe}
.account-browser-grid tr:hover td{background:#eef6ff!important}
.account-open-link{display:inline-block!important;min-width:48px;padding:5px 9px!important;text-align:center;border-radius:6px!important;background:#eaf3ff!important;color:#1261bd!important;border:1px solid #d3e5fb;font-size:9px;font-weight:800!important}
.account-open-link:hover{background:#1768c5!important;color:#fff!important;border-color:#1768c5}
.account-modal-shell-final{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;overflow:auto!important;box-sizing:border-box!important}
.account-modal-shell-final .account-modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(10,27,45,.64)!important}
.account-modal-shell-final .account-modal{position:relative!important;top:auto!important;left:auto!important;margin:auto!important;width:1040px!important;max-width:calc(100vw - 30px)!important;height:auto!important;max-height:calc(100vh - 28px)!important;border-radius:12px!important;box-shadow:0 28px 80px rgba(0,0,0,.34)!important}
.account-modal-header{padding:13px 16px!important;background:linear-gradient(135deg,#103a63,#17649e)!important}
.account-modal-title{font-size:16px!important}.account-modal-subtitle{font-size:9px!important}
.modal-close-btn{width:auto!important;min-width:48px!important;padding:0 10px!important;font-size:9px!important}
.account-modal-body{padding:12px 16px 14px!important}
.account-form-section{padding-top:10px!important;margin-top:10px!important}
.account-form-section-title{margin-bottom:7px!important}
.account-modal .account-form-grid{grid-template-columns:repeat(4,minmax(145px,1fr))!important;gap:8px 10px!important}
.account-modal .input{height:34px!important}
.account-modal-footer{padding:9px 14px!important;position:sticky;bottom:0;z-index:3}
.account-modal-footer .record-nav{border-top:0!important;padding-top:0!important}
.account-modal-actions .btn{height:33px!important}
@media(max-width:1000px){
 .account-search-toolbar-final{flex-wrap:wrap!important}.account-search-toolbar-final .account-search-box{flex:1 1 100%}.account-search-toolbar-final .account-group-filter{flex:1 1 220px;max-width:none}.account-search-buttons{margin-left:auto}
 .account-modal .account-form-grid{grid-template-columns:repeat(2,minmax(170px,1fr))!important}
}
@media(max-width:650px){
 .account-browser-head{flex-direction:column!important;align-items:stretch!important}.account-new-btn{width:100%!important}
 .account-search-toolbar-final .account-group-filter{flex:1 1 100%;max-width:none}.account-search-buttons{width:100%;margin-left:0}.account-search-buttons .btn{flex:1}
 .account-results-hint{display:none}.account-modal-shell-final{padding:6px!important}.account-modal-shell-final .account-modal{max-width:calc(100vw - 12px)!important;max-height:calc(100vh - 12px)!important}
 .account-modal .account-form-grid{grid-template-columns:1fr!important}.account-modal .account-form-grid .span-2{grid-column:auto!important}.account-modal-footer{align-items:stretch!important}.account-modal-actions{justify-content:stretch!important}.account-modal-actions .btn{flex:1}
}

.account-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-list-print-btn{white-space:nowrap}


/* Yarn Master - follows approved Account Master UX */
.yarn-search-toolbar .account-search-box{flex:1}
.yarn-browser-grid th:nth-child(1){width:52%}
.yarn-browser-grid th:nth-child(2){width:16%}
.yarn-browser-grid th:nth-child(3){width:20%}
.yarn-browser-grid th:nth-child(4){width:12%}
.yarn-modal{max-width:900px}
.yarn-modal-body{min-height:220px}
.yarn-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.yarn-form-grid .span-2{grid-column:span 2}
@media(max-width:760px){.yarn-form-grid{grid-template-columns:1fr}.yarn-form-grid .span-2{grid-column:span 1}}


/* Quality Master - approved search-first modal UX */
.quality-browser-grid th:nth-child(1){width:55%}.quality-browser-grid th:nth-child(2),.quality-browser-grid th:nth-child(3),.quality-browser-grid th:nth-child(4){width:10%}.quality-browser-grid th:nth-child(5){width:10%}
.quality-modal{max-width:1180px;width:calc(100vw - 54px);max-height:calc(100vh - 42px)}
.quality-modal-body{overflow-y:auto;padding-bottom:16px}
.quality-name-preview{background:linear-gradient(105deg,#0d3a66,#15558a);border-radius:10px;padding:11px 14px;margin-bottom:12px;box-shadow:0 6px 16px rgba(17,72,118,.12)}
.quality-preview-label{font-size:9px;font-weight:800;color:#a9c9e5;letter-spacing:.8px;margin-bottom:5px}
.quality-name-input{width:100%;border:0;background:transparent;color:#fff;font-size:19px;font-weight:800;outline:0;padding:0}
.quality-main-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.quality-input-suffix{display:flex;align-items:center}.quality-input-suffix .input{border-radius:7px 0 0 7px}.quality-input-suffix span{height:36px;min-width:34px;background:#edf3f8;border:1px solid #d5e0ea;border-left:0;border-radius:0 7px 7px 0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#41586e}
.quality-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.quality-detail-card{border:1px solid #dce4ec;border-radius:10px;background:#fff;overflow:hidden}
.quality-detail-card-head{min-height:54px;padding:9px 11px;background:#f7f9fc;border-bottom:1px solid #e2e8ef;display:flex;align-items:center;justify-content:space-between;gap:8px}
.quality-detail-title{font-size:12px;font-weight:800;color:#17324e}.quality-detail-note{font-size:9px;color:#78889a;margin-top:2px}
.quality-add-row{border:1px solid #cbd9e7;background:#fff;color:#245b8e;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.quality-add-row:hover{background:#eef6ff}
.quality-detail-headrow,.quality-detail-row{display:grid;grid-template-columns:28px minmax(0,1fr) 145px 30px;gap:7px;align-items:center}
.quality-detail-headrow{padding:6px 9px;background:#eef3f8;color:#61778d;font-size:9px;font-weight:800;text-transform:uppercase}
.quality-detail-row{padding:6px 9px;border-top:1px solid #edf1f5}.quality-detail-row:first-of-type{border-top:0}
.quality-detail-row .field{margin:0}.quality-detail-row .input{height:34px}
.quality-row-no{width:24px;height:24px;border-radius:6px;background:#edf3f8;color:#41617e;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}
.quality-row-remove{width:27px;height:27px;border-radius:7px;border:1px solid #e2e7ed;background:#fff;color:#a04848;font-size:16px;line-height:1;cursor:pointer}.quality-row-remove:hover{background:#fff1f1;border-color:#f0caca}
.quality-yarn-select{min-width:0}.quality-count-field .input{text-align:center;font-weight:700}
@media(max-width:980px){.quality-detail-columns{grid-template-columns:1fr}.quality-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.quality-main-grid{grid-template-columns:1fr}.quality-detail-headrow,.quality-detail-row{grid-template-columns:25px minmax(0,1fr) 105px 28px}.quality-modal{width:calc(100vw - 16px)}}


/* Quality Master strict mode + refined modal */
.quality-modal{border-radius:14px;overflow:hidden}
.quality-modal-header{padding:14px 16px}
.quality-modal-body{padding:12px 14px 10px}
.quality-name-preview{margin-bottom:10px}
.quality-main-grid{gap:10px}
.quality-detail-columns{gap:10px}
.quality-detail-card{box-shadow:0 2px 8px rgba(25,55,85,.04)}
.quality-detail-card-head{padding:8px 10px}
.quality-detail-row{min-height:43px}
.quality-detail-row .input:disabled,
.quality-main-grid .input:disabled,
.quality-modal select:disabled{
  background:#f2f5f8!important;
  color:#65788a!important;
  border-color:#dbe3eb!important;
  cursor:not-allowed;
}
.quality-edit-only:disabled{
  opacity:.42;
  cursor:not-allowed!important;
  pointer-events:none;
  filter:grayscale(20%);
}
.quality-name-input:disabled{
  opacity:1;
  -webkit-text-fill-color:#fff;
  color:#fff;
}
.quality-modal-footer{padding:10px 14px}
.quality-record-nav{display:flex;align-items:center;gap:6px}
.account-modal-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}


/* Quality Warp/Weft remove button normalization */
.quality-row-remove{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e2e7ed!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#b04444!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  overflow:hidden!important;
}
.quality-row-remove:hover:not(:disabled){background:#fff1f1!important;border-color:#efcaca!important;color:#9d3030!important}
.quality-row-remove:disabled{background:#f4f6f8!important;color:#aab3bc!important;border-color:#e1e6eb!important;opacity:1!important}


/* Design Master - approved search-first modal UX */
.design-browser-grid th:nth-child(1){width:27%}.design-browser-grid th:nth-child(2){width:35%}.design-browser-grid th:nth-child(3),.design-browser-grid th:nth-child(4){width:8%}.design-browser-grid th:nth-child(5){width:12%}.design-browser-grid th:nth-child(6){width:10%}
.design-modal{max-width:1280px;width:calc(100vw - 42px);max-height:calc(100vh - 34px);border-radius:14px;overflow:hidden}.design-modal-body{overflow-y:auto;padding:12px 14px 10px}
.design-main-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-main-grid .span-2{grid-column:span 2}
.design-mobile-search{position:relative;display:flex;align-items:center}.design-main-quality-search{padding-right:38px!important}.design-quality-clear{position:absolute;right:6px;top:5px;width:27px;height:27px;border:1px solid #dde5ed;border-radius:6px;background:#fff;color:#9a4a4a;font-size:16px;line-height:1;cursor:pointer;z-index:3}
.design-quality-suggestions{position:absolute;left:0;right:0;top:39px;background:#fff;border:1px solid #cfdbe6;border-radius:9px;box-shadow:0 14px 30px rgba(28,55,82,.16);max-height:270px;overflow-y:auto;z-index:50;padding:5px}
.design-quality-option{padding:9px 10px;border-radius:7px;cursor:pointer;font-size:11px;color:#1f3a55}.design-quality-option:hover{background:#edf5ff;color:#164f83}.design-quality-empty{padding:12px;color:#8391a1;font-size:10px;text-align:center}
.design-selected-quality{font-size:9px;color:#718096;margin-top:5px}.design-selected-quality b{color:#28577f}
.design-detail-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-top:12px}.design-detail-card{border:1px solid #dce4ec;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(25,55,85,.04)}
.design-detail-card-head{min-height:54px;padding:8px 10px;background:#f7f9fc;border-bottom:1px solid #e2e8ef;display:flex;align-items:center;justify-content:space-between;gap:8px}.design-detail-title{font-size:12px;font-weight:800;color:#17324e}.design-detail-note{font-size:9px;color:#78889a;margin-top:2px}.design-add-row{border:1px solid #cbd9e7;background:#fff;color:#245b8e;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.design-detail-headrow,.design-detail-row{display:grid;gap:6px;align-items:center}.design-detail-headrow{padding:6px 8px;background:#eef3f8;color:#61778d;font-size:8px;font-weight:800;text-transform:uppercase}.design-detail-row{padding:6px 8px;border-top:1px solid #edf1f5}.design-detail-row .field{margin:0}.design-detail-row .input{height:33px;padding:5px 7px;font-size:10px}
.design-detail-headrow.warp-head,.design-detail-row[id^="warpRow"]{grid-template-columns:26px minmax(0,1fr) 100px 85px 28px}
.design-detail-headrow.weft-head,.design-detail-row[id^="weftRow"]{grid-template-columns:26px minmax(0,1fr) 82px 72px 72px 72px 28px}
.design-row-no{width:23px;height:23px;border-radius:6px;background:#edf3f8;color:#41617e;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}
.design-row-remove{width:28px;height:28px;min-width:28px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #e2e7ed;border-radius:7px;background:#fff;color:#b04444;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1;cursor:pointer}.design-row-remove:hover:not(:disabled){background:#fff1f1;border-color:#efcaca}.design-edit-only:disabled{opacity:.42;cursor:not-allowed!important;pointer-events:none}
.design-modal .input:disabled,.design-modal select:disabled{background:#f2f5f8!important;color:#65788a!important;border-color:#dbe3eb!important;cursor:not-allowed}
@media(max-width:1100px){.design-detail-columns{grid-template-columns:1fr}.design-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.design-main-grid{grid-template-columns:1fr}.design-main-grid .span-2{grid-column:span 1}.design-modal{width:calc(100vw - 14px)}.design-detail-headrow.weft-head,.design-detail-row[id^="weftRow"]{grid-template-columns:23px minmax(0,1fr) 68px 62px 62px 62px 27px}}


/* Design Master weaving calculations */
.design-weft-pick-summary{margin:7px 8px 0;padding:7px 9px;border:1px solid #dbe5ee;border-radius:7px;background:#f8fafc;font-size:9px;color:#5f7388}
.design-weft-pick-summary .ok{color:#15803d;font-weight:800;margin-left:7px}
.design-weft-pick-summary .bad{color:#b45309;font-weight:800;margin-left:7px}
.design-cal-count:disabled,.design-pick-percent:disabled{background:#edf3f8!important;color:#35516c!important;font-weight:700}

/* Compact Weft Pick total below details */
.design-weft-pick-summary{
  margin:4px 8px 7px!important;
  padding:3px 6px!important;
  min-height:0!important;
  border:0!important;
  border-top:1px dashed #dce5ed!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:8px!important;
  line-height:13px!important;
  text-align:right!important;
  color:#7a8998!important;
  white-space:nowrap;
}
.design-weft-pick-summary b{font-size:8px!important;color:#52687d!important}
.design-weft-pick-summary .ok,.design-weft-pick-summary .bad{font-size:7px!important;margin-left:4px!important}


/* Central Company Settings / Branding */
.brand-company-logo{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#fff}
.login-company-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}
.login-company-logo-box{width:56px;height:56px;flex:0 0 56px;border-radius:13px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;overflow:hidden}
.login-company-logo{max-width:100%;max-height:100%;object-fit:contain;background:#fff}
.login-company-initials{font-size:16px;font-weight:900;color:#fff}
.login-company-brand .login-logo{margin:0}
.dashboard-company-line{font-size:12px;font-weight:800;letter-spacing:.45px;color:#d7e9f8;margin:2px 0 3px;text-transform:uppercase}

.company-settings-page{padding:0;overflow:hidden}
.company-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e5eaf0;background:linear-gradient(180deg,#fff,#fbfcfe)}
.company-mode-area{padding-top:4px}
.company-settings-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;padding:18px 20px}
.company-logo-card,.company-details-card{border:1px solid #e0e6ed;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(26,50,74,.045)}
.company-logo-card{padding:16px;text-align:center}
.company-details-card{padding:16px}
.company-card-title{text-align:left;font-size:12px;font-weight:800;color:#17324d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}
.company-logo-preview{width:170px;height:170px;margin:4px auto 14px;border:1px dashed #c9d6e2;border-radius:15px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.company-logo-image{max-width:94%;max-height:94%;object-fit:contain}
.company-logo-fallback{width:76px;height:76px;border-radius:18px;background:linear-gradient(135deg,#0f416e,#2174b4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:900}
.company-file-input{display:block;width:100%;font-size:10px;color:#52677e;margin-top:8px}
.company-help{font-size:9px;color:#8090a0;line-height:1.5;margin-top:9px}
.company-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.company-form-grid .span-2{grid-column:span 2}
.company-address{height:76px!important;resize:vertical}
.company-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:13px;border-top:1px solid #e7ebf0}
.company-usage-note{margin:0 20px 18px;padding:10px 12px;border-radius:8px;background:#f3f8fd;border:1px solid #dbe9f5;color:#50677d;font-size:10px}
.company-settings-page .account-message{margin:14px 20px 0}
@media(max-width:850px){.company-settings-grid{grid-template-columns:1fr}.company-logo-preview{width:140px;height:140px}}
@media(max-width:600px){.company-form-grid{grid-template-columns:1fr}.company-form-grid .span-2{grid-column:span 1}.company-settings-head{flex-direction:column}}


/* Sale Order professional transaction UI */
.so-modal{max-width:1460px;width:calc(100vw - 26px);max-height:calc(100vh - 24px);border-radius:14px;overflow:hidden}.so-modal-body{overflow-y:auto;padding:11px 13px 12px}.so-modal-header{padding:13px 15px}
.so-section{border:1px solid #dce4ec;border-radius:10px;background:#fff;margin-bottom:10px;overflow:visible}.so-section-head{padding:8px 10px;background:#f6f9fc;border-bottom:1px solid #e2e8ef;display:flex;align-items:center;justify-content:space-between;gap:8px}.so-section-head span{font-size:10px;font-weight:850;letter-spacing:.45px;color:#183954}.so-section-head small{display:block;font-size:8px;color:#7a8b9b;margin-left:8px;font-weight:400}
.so-header-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:10px}.so-header-grid .span-2{grid-column:span 2}.so-header-grid .span-3{grid-column:span 3}.so-header-grid .field{margin:0}
.so-add-row{border:1px solid #cbd9e7;background:#fff;color:#245b8e;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}
.so-items-section{overflow-x:auto}.so-detail-head,.so-detail-row{min-width:1210px;display:grid;grid-template-columns:28px 220px 170px 105px 85px 76px 86px 100px minmax(220px,1fr) 28px;gap:5px;align-items:center}.so-detail-head{padding:6px 8px;background:#eef3f8;color:#5f758a;font-size:7.5px;font-weight:800;text-transform:uppercase}.so-detail-row{padding:5px 8px;border-top:1px solid #edf1f5}.so-detail-row .input{height:31px;padding:4px 6px;font-size:9px}.so-detail-row .so-cell{min-width:0}.so-row-no{width:23px;height:23px;border-radius:6px;background:#edf3f8;color:#41617e;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800}.so-row-remove{width:27px;height:27px;padding:0;border:1px solid #e1e6eb;border-radius:7px;background:#fff;color:#ad4141;font-size:16px;cursor:pointer}.so-row-remove:hover:not(:disabled){background:#fff1f1}.so-construction-main{font-size:8.5px;font-weight:800;color:#2d4e6a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.so-construction-sub{font-size:7px;color:#78899a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.so-bottom-grid{display:grid;grid-template-columns:1fr 330px;gap:10px}.so-commercial-card,.so-totals-card{border:1px solid #dce4ec;border-radius:10px;background:#fff;overflow:hidden}.so-less-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px}.so-less-grid .field{margin:0}.so-totals-card{padding:7px 10px}.so-total-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf2;padding:6px 3px;font-size:9px;color:#526a80}.so-total-row:last-child{border-bottom:0}.so-total-value{width:120px;border:0;background:transparent;text-align:right;font-size:10px;font-weight:800;color:#193752;outline:0}.so-total-row.grand{background:#113f6a;color:#fff;margin:4px -4px -2px;padding:8px;border-radius:6px}.so-total-row.grand .so-total-value{color:#fff;font-size:12px}
.so-lookup-box{position:fixed;z-index:99999;background:#fff;border:1px solid #ccd9e5;border-radius:9px;box-shadow:0 15px 32px rgba(21,49,78,.19);max-height:270px;overflow-y:auto;padding:5px}.so-lookup-option{padding:8px 9px;border-radius:7px;cursor:pointer;font-size:10px;color:#203b54}.so-lookup-option:hover{background:#edf6ff;color:#164f83}.so-lookup-option b{display:block}.so-lookup-option small{display:block;color:#8090a0;font-size:8px;margin-top:2px}.so-lookup-empty{padding:11px;text-align:center;color:#8897a5;font-size:9px}
.so-edit-only:disabled{opacity:.4;pointer-events:none}.so-modal .input:disabled,.so-modal select:disabled{background:#f2f5f8!important;color:#65788a!important;cursor:not-allowed;border-color:#dbe3eb!important}
.so-order-list th:nth-child(1){width:8%}.so-order-list th:nth-child(2){width:10%}.so-order-list th:nth-child(3){width:27%}.so-order-list th:nth-child(4){width:14%}.so-order-list th:nth-child(5){width:14%}.so-order-list th:nth-child(6),.so-order-list th:nth-child(7){width:10%}.so-order-list th:nth-child(8){width:7%}
@media(max-width:1050px){.so-header-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.so-bottom-grid{grid-template-columns:1fr}.so-less-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.so-header-grid{grid-template-columns:1fr}.so-header-grid .span-2,.so-header-grid .span-3{grid-column:span 1}.so-less-grid{grid-template-columns:1fr}.so-modal{width:calc(100vw - 10px)}}




/* Common editable date + calendar picker */
.app-date-wrap{display:block;width:100%;position:relative}
.app-date-wrap .app-date-input{width:100%;padding-right:38px;box-sizing:border-box}
.app-date-button{position:absolute;right:0;top:0;width:34px;height:100%;border:0;border-left:1px solid #cbd8e2;background:#f4f8fb;color:#234c6b;cursor:pointer;font-size:18px;font-weight:bold;text-align:center;line-height:30px;padding:0;margin:0}
.app-date-button:hover{background:#e6f0f7}
.app-calendar-popup{position:absolute;display:none;z-index:100000;width:250px;background:#fff;border:1px solid #9fb5c5;padding:8px;box-sizing:border-box}
.app-cal-head{height:30px;line-height:30px;text-align:center;font-size:11px;font-weight:bold;color:#173f61;position:relative}
.app-cal-head span{display:inline-block;min-width:145px}
.app-cal-nav{width:28px;height:26px;border:1px solid #c5d3dd;background:#f2f7fa;color:#173f61;cursor:pointer;font-weight:bold}
.app-cal-table{width:100%;border-collapse:collapse;margin-top:4px}
.app-cal-table th{font-size:9px;padding:4px 2px;background:#edf4f8;border:1px solid #d7e1e8}
.app-cal-table td{width:14.28%;height:27px;text-align:center;border:1px solid #edf1f4;padding:0}
.app-cal-day{width:100%;height:26px;border:0;background:#fff;cursor:pointer;font-size:9px}
.app-cal-day:hover{background:#dfeef8}
.app-cal-foot{text-align:right;margin-top:7px}
.app-cal-foot button{border:1px solid #c5d3dd;background:#f5f8fa;padding:4px 8px;margin-left:5px;cursor:pointer;font-size:9px}


/* =========================================================
   GLOBAL MOBILE RESPONSIVE SAFETY PASS
   Keeps desktop layout unchanged; applies only to phones/tablets.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
.account-modal-header,.account-modal-footer{flex:0 0 auto}
.account-modal-body{flex:1 1 auto;min-height:0}
.grid-wrap{-webkit-overflow-scrolling:touch}
.account-modal-body,.so-modal-body,.quality-modal-body,.design-modal-body{-webkit-overflow-scrolling:touch}

@media(max-width:760px){

  /* LOGIN */
  .login-bg{
    min-height:100vh;
    height:auto;
    padding:10px;
    align-items:flex-start;
    box-sizing:border-box;
  }
  .login-shell{
    width:100%;
    max-width:100%;
    min-height:0;
    margin:10px 0;
    display:block;
    border-radius:12px;
    overflow:hidden;
  }
  .login-showcase{
    display:block;
    padding:18px 18px 14px;
  }
  .login-company-brand{
    margin-bottom:10px;
    gap:10px;
  }
  .login-company-logo-box{
    width:46px;
    height:46px;
    flex:0 0 46px;
    border-radius:10px;
  }
  .login-logo{
    font-size:18px;
    line-height:1.15;
  }
  .login-logo small{
    font-size:10px;
    margin-top:3px;
  }
  .login-tag{
    font-size:17px;
    line-height:1.25;
    margin-top:8px;
  }
  .login-tag span{
    display:none;
  }
  .login-showcase>div:last-child{
    margin-top:9px;
    font-size:9px!important;
  }
  .login-form{
    padding:24px 18px 22px!important;
    display:block;
  }
  .login-form h1{
    font-size:22px;
    margin-bottom:5px;
  }
  .login-form p{
    font-size:11px;
    margin-bottom:18px;
    line-height:1.45;
  }
  .login-form .field label{
    font-size:11px;
  }
  .login-form .input{
    height:42px;
    font-size:14px;
  }
  .login-btn{
    height:44px;
    font-size:14px;
  }
  .login-form p:last-child{
    font-size:9px!important;
    line-height:1.4;
    margin-top:14px!important;
    margin-bottom:0;
  }

  /* TOP BAR / WORKSPACE */
  .topbar{
    height:54px;
    min-height:54px;
    padding:0 9px!important;
  }
  .top-left{
    min-width:0;
    gap:8px;
  }
  .page-context{
    max-width:48vw;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
  }
  .top-right{
    gap:7px;
  }
  .logout-link{
    padding:6px 7px;
    font-size:9px;
  }
  .avatar{
    width:29px;
    height:29px;
    min-width:29px;
  }
  .page-body{
    padding:8px!important;
    overflow-x:hidden;
  }
  .page-card{
    margin:0;
    border-radius:9px;
    max-width:100%;
    box-sizing:border-box;
  }
  .page-header,.users-page-head,.company-settings-head{
    padding:12px!important;
  }
  .title-block h1,.or-title h1{
    font-size:18px!important;
  }
  .title-block p,.or-title p{
    font-size:10px!important;
  }

  /* GENERAL BUTTONS */
  .actionbar,
  .users-actions,
  .company-actions{
    width:100%;
    display:block!important;
  }
  .actionbar .btn,
  .users-actions .btn,
  .company-actions .btn{
    width:100%;
    margin:4px 0 0;
    min-height:38px;
    box-sizing:border-box;
  }
  .page-header .actionbar{
    display:block!important;
  }

  /* FILTERS */
  .filter-card,
  .or-filter,
  .rs-filter{
    padding:9px!important;
    margin-bottom:10px;
  }
  .or-filter table,.or-filter tbody,.or-filter tr,.or-filter td,
  .rs-filter table,.rs-filter tbody,.rs-filter tr,.rs-filter td{
    display:block!important;
    width:100%!important;
    box-sizing:border-box;
  }
  .or-filter td,.rs-filter td{
    padding:4px 0!important;
  }
  .or-filter-actions{
    white-space:normal!important;
  }
  .or-filter-actions .btn,
  .rs-filter .btn{
    width:100%;
    display:block;
    margin:5px 0 0;
  }
  .form-grid,
  .user-form-grid-new,
  .company-form-grid{
    display:block!important;
  }
  .form-grid>.field,
  .user-form-grid-new>.field,
  .user-form-grid-new>.option-box,
  .company-form-grid>.field{
    margin-bottom:9px;
  }
  .input,.select{
    height:42px;
    font-size:16px;
  }

  /* GRID LISTS - preserve all columns using horizontal swipe */
  .grid-wrap,
  .account-browser-grid-wrap,
  .so-list-wrap,
  .permission-wrap{
    width:100%;
    overflow-x:auto!important;
    overflow-y:visible;
    border-radius:7px;
  }
  .grid{
    min-width:760px;
  }
  .grid th,.grid td{
    padding:8px 7px;
    font-size:9px;
    white-space:nowrap;
  }

  /* SIDEBAR */
  .sidebar{
    width:82vw;
    max-width:310px;
    z-index:2000;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .sidebar-mask.show{
    z-index:1900;
  }

  /* ALL MODALS */
  .account-modal-shell,
  .so-modal-shell{
    display:block!important;
    padding:0!important;
    overflow-y:auto!important;
    background:rgba(13,31,50,.58);
  }
  .account-modal-backdrop{
    display:none;
  }
  .account-modal,
  .so-modal,
  .quality-modal,
  .design-modal,
  .or-modal,
  .rs-modal{
    width:100%!important;
    max-width:none!important;
    height:100vh!important;
    max-height:100vh!important;
    min-height:100vh;
    margin:0!important;
    border-radius:0!important;
    border:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-sizing:border-box;
  }
  .account-modal-header,
  .so-modal-header{
    padding:9px 10px!important;
    gap:7px!important;
    min-height:54px;
    box-sizing:border-box;
  }
  .account-modal-title{
    font-size:15px;
  }
  .account-modal-subtitle{
    display:none;
  }
  .account-modal-head-right{
    max-width:50%;
    gap:4px!important;
    flex-wrap:wrap;
  }
  .account-id-pill,.mode-badge{
    font-size:7px!important;
    padding:4px 5px!important;
  }
  .modal-close-btn{
    width:auto!important;
    min-width:48px;
    height:30px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }
  .account-modal-body,
  .so-modal-body,
  .quality-modal-body,
  .design-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden;
    padding:9px!important;
    box-sizing:border-box;
  }
  .account-modal-footer,
  .quality-modal-footer{
    flex:0 0 auto!important;
    width:100%;
    padding:7px 8px!important;
    display:block!important;
    background:#fff;
    border-top:1px solid #d9e2ea;
    box-sizing:border-box;
    position:relative;
    z-index:5;
  }
  .account-record-nav,
  .quality-record-nav,
  .record-nav{
    width:100%;
    margin:0 0 6px!important;
    display:flex!important;
    justify-content:center!important;
    gap:4px!important;
    flex-wrap:wrap;
  }
  .account-modal-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .account-modal-actions .btn{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 5px!important;
    margin:0!important;
    font-size:10px!important;
    display:block!important;
    visibility:visible!important;
  }
  .account-modal-actions .btn:only-child{
    grid-column:1 / span 2;
  }

  /* SALE ORDER */
  .so-header-grid,
  .so-bottom-grid,
  .so-less-grid{
    display:block!important;
  }
  .so-header-grid .field,
  .so-less-grid .field{
    margin-bottom:8px!important;
  }
  .so-header-grid .span-2,
  .so-header-grid .span-3{
    grid-column:auto!important;
  }
  .so-items-section{
    width:100%;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .so-detail-head,.so-detail-row{
    min-width:1120px!important;
  }
  .so-commercial-card,.so-totals-card{
    margin-bottom:8px;
  }

  /* QUALITY / DESIGN detail grids */
  .quality-main-grid,
  .quality-detail-columns,
  .design-main-grid,
  .design-detail-columns{
    display:block!important;
  }
  .quality-main-grid>.field,
  .design-main-grid>.field{
    margin-bottom:8px;
  }
  .quality-detail-card,
  .design-detail-card{
    margin-bottom:9px;
    overflow-x:auto!important;
  }
  .quality-detail-headrow,
  .quality-detail-row{
    min-width:460px;
  }
  .design-detail-headrow,
  .design-detail-row{
    min-width:650px;
  }

  /* READY STOCK / ORDER REPORT summaries */
  .rs-summary,.or-summary,.or-modal-summary{
    display:block!important;
  }
  .rs-summary-cell,.or-sum,.or-modal-sum{
    display:inline-block!important;
    width:48%;
    box-sizing:border-box;
    vertical-align:top;
  }
  .or-head,.rs-head{
    display:block!important;
  }
  .or-title,.or-actions,.rs-title,.rs-actions{
    display:block!important;
    width:100%!important;
    text-align:left!important;
  }
  .or-actions .btn,.rs-actions .btn{
    width:100%;
    margin-top:5px;
  }

  /* USER PERMISSIONS */
  .users-top-grid,
  .user-admin-layout{
    display:block!important;
  }
  .admin-card{
    margin-bottom:10px;
  }
  .permission-head-new{
    display:block!important;
  }
  .permission-tools{
    width:100%;
    margin-top:8px;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr;
    gap:5px!important;
  }
  .permission-tools .mini-btn{
    width:100%;
  }

  /* CALENDAR POPUP */
  .app-calendar-popup{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:auto!important;
    bottom:8px!important;
    width:auto!important;
    max-width:none!important;
    z-index:100500!important;
  }
  .app-cal-table th,.app-cal-day{
    font-size:11px!important;
  }
  .app-cal-table td{
    height:34px!important;
  }
  .app-cal-day{
    height:33px!important;
  }

  /* LOOKUP BOXES */
  .so-lookup-box,
  .or-lookup-box,
  .design-quality-suggestions{
    max-width:calc(100vw - 16px)!important;
  }

  /* FOOTER */
  .footer{
    min-height:38px;
    height:auto!important;
    padding:7px 10px!important;
    font-size:8px!important;
  }
}

@media(max-width:430px){
  .page-body{padding:5px!important}
  .login-bg{padding:5px}
  .login-shell{margin:5px 0}
  .login-showcase{padding:14px 14px 11px}
  .login-form{padding:20px 14px!important}
  .login-tag{font-size:15px}
  .account-modal-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .account-modal-actions .btn{
    font-size:9px!important;
  }
  .account-modal-header{
    align-items:flex-start!important;
  }
  .account-modal-head-right{
    max-width:46%;
  }
  .rs-summary-cell,.or-sum,.or-modal-sum{
    width:100%!important;
  }
}

@media(max-width:760px){
  .account-modal .input,
  .account-modal select,
  .so-modal .input,
  .so-modal select,
  .quality-modal .input,
  .quality-modal select,
  .design-modal .input,
  .design-modal select{
    min-height:40px!important;
    font-size:16px!important;
  }
}

.top-year-select{border:0;background:transparent;color:#173e5f;font-weight:bold;font-size:10px;max-width:130px;padding:0;margin:0}.year-chip .top-year-select option{color:#173e5f;background:#fff}