:root{--navy:#0f2747;--navy2:#163a63;--primary:#2f66c3;--primary2:#4b7dd3;--bg:#f4f7fb;--card:#fff;--text:#162033;--muted:#718096;--border:#e1e8f2;--shadow:0 8px 28px rgba(15,39,71,.07);--radius:16px;--success:#16865c;--warning:#d87917;--danger:#cf3d4b;--purple:#7157cf;--input:#fff}
[data-theme=dark]{--bg:#0b1522;--card:#122238;--text:#eaf1f8;--muted:#9fb0c6;--border:#263a52;--shadow:0 8px 28px rgba(0,0,0,.2);--input:#101f32;--navy:#09192c;--navy2:#102b49}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans Thai",system-ui,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;background:linear-gradient(180deg,var(--navy),#0a1d35);color:#dce8f5;position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;transition:.25s}.brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#4b7dd3,#2f66c3);display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 10px 25px rgba(47,102,195,.3)}.brand strong{display:block;font-size:15px}.brand span{display:block;font-size:11px;color:#8fa9c6;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}.nav{padding:18px 12px;display:grid;gap:6px}.nav a{height:46px;display:flex;align-items:center;gap:13px;padding:0 14px;border-radius:12px;color:#b6c7d9;font-size:14px;font-weight:600}.nav a i{width:20px;text-align:center}.nav a:hover,.nav a.active{background:rgba(69,126,211,.17);color:#fff}.nav a.active{box-shadow:inset 3px 0 #5d8fe0}.sidebar-footer{margin-top:auto;padding:18px;border-top:1px solid rgba(255,255,255,.08)}.user-mini{display:flex;align-items:center;gap:10px}.user-mini>i{font-size:30px}.user-mini strong,.user-mini span{display:block}.user-mini strong{font-size:13px}.user-mini span{font-size:10px;color:#8fa9c6;margin-top:2px}.page{margin-left:258px;min-width:0;width:calc(100% - 258px)}.topbar{height:82px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 26px;display:flex;align-items:center;justify-content:space-between}.top-left{display:flex;align-items:center;gap:12px}.topbar h1{font-size:20px;margin:0;font-weight:800}.crumb{font-size:11px;color:var(--muted);margin-top:4px}.ops{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.ops form{margin:0}.live{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-weight:700;font-size:10px}.live i{width:8px;height:8px;border-radius:50%;background:#24b47e;box-shadow:0 0 0 4px rgba(36,180,126,.12)}.icon-btn{width:38px;height:38px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:11px;display:grid;place-items:center;cursor:pointer}.mobile-menu{display:none}.content{padding:24px;max-width:1920px;margin:auto}.alert{padding:12px 15px;border-radius:12px;margin-bottom:16px;display:flex;gap:10px;align-items:center;font-size:13px}.alert.success{background:rgba(22,134,92,.1);color:var(--success);border:1px solid rgba(22,134,92,.2)}.alert.danger{background:rgba(207,61,75,.1);color:var(--danger);border:1px solid rgba(207,61,75,.2)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi{position:relative;overflow:hidden;border-radius:18px;padding:20px;color:#fff;min-height:142px;display:flex;justify-content:space-between;box-shadow:var(--shadow)}.kpi.blue{background:linear-gradient(135deg,#2459b3,#3d78d5)}.kpi.green{background:linear-gradient(135deg,#157758,#2aa77b)}.kpi.orange{background:linear-gradient(135deg,#b85d13,#ed8f34)}.kpi.purple{background:linear-gradient(135deg,#5944b2,#8068e4)}.kpi span,.kpi small{display:block}.kpi span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.kpi strong{display:block;font-size:34px;line-height:1;margin:15px 0 8px}.kpi small{font-size:11px;opacity:.8}.kpi>i{font-size:34px;opacity:.25}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h3{margin:0;font-size:16px;font-weight:800}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.eyebrow{display:block;font-size:9px;letter-spacing:.12em;color:var(--primary);font-weight:800;margin-bottom:5px}.chart-box{height:300px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:12px}th{background:linear-gradient(180deg,var(--navy2),var(--navy));color:#fff;text-align:left;padding:12px 13px;white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:.05em}td{padding:11px 13px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg) 48%,transparent)}tbody tr:hover{background:rgba(47,102,195,.07)}tbody tr:last-child td{border-bottom:0}.code{color:var(--primary);font-weight:800;white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.badge.success{background:rgba(22,134,92,.12);color:var(--success)}.badge.warning{background:rgba(216,121,23,.13);color:var(--warning)}.badge.danger{background:rgba(207,61,75,.12);color:var(--danger)}.badge.info{background:rgba(47,102,195,.12);color:var(--primary)}.btn{min-height:38px;padding:0 14px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;font-size:12px}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 6px 14px rgba(47,102,195,.2)}.btn.primary:hover{background:#2556a9}.btn.soft{background:var(--card);border-color:var(--border);color:var(--text)}.btn.full{width:100%;min-height:44px}.actions{display:flex;gap:8px;flex-wrap:wrap}.filter-grid{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:10px}.search-field{position:relative}.search-field i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-field input{padding-left:36px!important}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:10px;padding:10px 11px;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#5c8bd8;box-shadow:0 0 0 3px rgba(47,102,195,.12)}label>span,label{font-size:11px;font-weight:700;color:var(--muted)}label>span{display:block;margin-bottom:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:8px}.asset-hero{background:linear-gradient(135deg,var(--navy),#244d82);color:#fff;border-radius:18px;padding:25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;box-shadow:var(--shadow)}.asset-hero h2{margin:5px 0;font-size:28px}.asset-hero p{margin:0;color:#c4d4e6}.hero-tags{display:flex;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.detail-grid>div{padding:12px;border-bottom:1px solid var(--border)}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{font-size:10px;color:var(--muted);margin-bottom:5px}.detail-grid strong{font-size:12px;word-break:break-word}.upload-zone{border:2px dashed #b7c7da;border-radius:16px;padding:34px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:color-mix(in srgb,var(--bg) 55%,transparent)}.upload-zone>i{font-size:38px;color:var(--primary)}.upload-zone h3,.upload-zone p{margin:0}.upload-zone p{color:var(--muted);font-size:12px}.upload-zone input[type=file]{max-width:420px;margin:8px 0}.rules{display:grid;gap:12px}.rules>div{display:flex;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px}.rules i{width:34px;height:34px;border-radius:10px;background:rgba(47,102,195,.1);color:var(--primary);display:grid;place-items:center}.rules strong,.rules p{display:block;margin:0}.rules strong{font-size:12px}.rules p{font-size:11px;color:var(--muted);margin-top:4px}.master-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.inline-form{display:grid;grid-template-columns:110px 1fr 42px;gap:7px;margin-bottom:12px}.master-list{display:grid;max-height:520px;overflow:auto}.master-list>div{display:flex;justify-content:space-between;gap:8px;padding:10px 6px;border-bottom:1px solid var(--border);font-size:11px}.master-list small{color:var(--muted)}.login-body{background:linear-gradient(135deg,#0b1c33,#173d69);display:grid;place-items:center;padding:30px;min-height:100vh}.login-shell{width:min(1020px,100%);display:grid;grid-template-columns:1.2fr .8fr;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.3)}.login-brand{padding:55px;background:linear-gradient(135deg,rgba(23,61,105,.96),rgba(15,39,71,.96));color:#fff}.big-icon{width:60px;height:60px;border-radius:17px;background:#2f66c3;display:grid;place-items:center;font-size:26px;margin-bottom:35px}.login-brand h1{font-size:38px;margin:8px 0}.login-brand p{color:#c8d8ea;line-height:1.8;max-width:520px}.feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.feature-row span{padding:8px 11px;background:rgba(255,255,255,.08);border-radius:10px;font-size:11px}.login-card{background:#fff;color:#172033;padding:50px;display:flex;flex-direction:column;justify-content:center;gap:24px}.login-card h2{margin:0;font-size:25px}.login-card p{margin:6px 0;color:#738095;font-size:12px}.login-card form{display:grid;gap:15px}.login-card label{color:#5c6879}.login-card input{background:#f8fafc;color:#172033}.center-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.error-card{text-align:center;background:var(--card);padding:40px;border:1px solid var(--border);border-radius:20px}.error-card>strong{font-size:64px;color:var(--primary)}.overlay{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.master-cards{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr 1fr}.search-field{grid-column:span 3}.grid-2{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:272px}.sidebar.open{transform:translateX(0)}.page{margin-left:0;width:100%}.mobile-menu{display:grid}.ops .live,.ops #clock{display:none}.content{padding:14px}.topbar{padding:0 14px;height:70px}.topbar h1{font-size:16px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{min-height:125px;padding:16px}.kpi strong{font-size:28px}.form-grid,.form-grid.compact{grid-template-columns:1fr}.span-2{grid-column:span 1}.filter-grid{grid-template-columns:1fr}.search-field{grid-column:span 1}.asset-hero{align-items:flex-start;gap:20px;flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-grid .span-2{grid-column:auto}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:35}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:35px 25px}.asset-table table,.asset-table tbody,.asset-table tr,.asset-table td{display:block}.asset-table thead{display:none}.asset-table tr{padding:11px;border-bottom:1px solid var(--border)}.asset-table td{border:0;padding:5px 6px;display:grid;grid-template-columns:120px 1fr;gap:10px}.asset-table td:before{content:attr(data-label);font-size:10px;color:var(--muted);font-weight:700}.inline-form{grid-template-columns:1fr}.master-list>div{font-size:12px}}
@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}.ops{gap:5px}.icon-btn{width:35px;height:35px}.panel{padding:13px}.login-body{padding:15px}}
/* v3 Asset Lifecycle additions */
.profile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.profile-kpis>div{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.profile-kpis span,.profile-kpis strong{display:block}.profile-kpis span{font-size:10px;color:var(--muted);margin-bottom:5px}.profile-kpis strong{font-size:13px}.value-card{padding:22px;border-radius:16px;background:linear-gradient(135deg,rgba(47,102,195,.12),rgba(47,102,195,.03));border:1px solid rgba(47,102,195,.16);margin-bottom:10px}.value-card span,.value-card strong{display:block}.value-card span{font-size:11px;color:var(--muted)}.value-card strong{font-size:26px;margin-top:6px}.timeline{display:grid;gap:0}.timeline>div{position:relative;padding:12px 10px 12px 24px;border-left:2px solid var(--border);display:grid;gap:3px}.timeline>div:before{content:"";position:absolute;left:-6px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline span,.timeline small{color:var(--muted);font-size:11px}.asset-table small,table small{display:block;color:var(--muted);margin-top:3px}.asset-link{font-weight:800}.select-tools{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.qr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qr-label-source{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center}.qr-check{position:absolute;right:10px;top:9px}.qr-check input{width:auto}.qr-box{width:112px;height:112px;background:#fff;padding:4px;border-radius:8px}.qr-meta{min-width:0;display:grid;gap:3px}.qr-meta strong{font-size:12px;color:var(--primary)}.qr-meta span,.qr-meta small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.qr-meta b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.audit-lock{background:linear-gradient(135deg,var(--navy),#234e85);color:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.audit-lock span,.audit-lock strong,.audit-lock small{display:block}.audit-lock span{font-size:9px;letter-spacing:1.5px;color:#a9c7e8}.audit-lock strong{font-size:18px}.audit-lock small{color:#d1deed}.lock-values{display:flex;gap:7px;flex-wrap:wrap}.lock-values b{background:rgba(255,255,255,.1);padding:7px 9px;border-radius:8px;font-size:10px}.btn.danger{background:var(--danger);color:#fff}.mobile-scan-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(360px,1.25fr);gap:18px}.scan-panel #reader{border:1px solid var(--border)!important;border-radius:14px;overflow:hidden;margin-bottom:14px}.scan-list{display:grid;gap:7px;max-height:620px;overflow:auto}.scan-list>div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;border:1px solid var(--border);border-radius:11px;padding:10px}.scan-list i{color:var(--success)}.scan-list span{display:grid}.scan-list small{color:var(--muted);font-size:10px}.scan-list time{font-size:10px;color:var(--muted)}.master-row-2{margin-top:18px;grid-template-columns:.8fr 2.2fr}.span-master{min-width:0}.master-value-form{display:grid;grid-template-columns:1.1fr .8fr 1.4fr .7fr .55fr auto;gap:8px}.status-master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.status-master{border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start}.status-master h4{width:100%;margin:0 0 7px;font-size:11px}.multi-select{min-height:220px}
@media(max-width:1200px){.qr-grid{grid-template-columns:repeat(3,1fr)}.master-value-form{grid-template-columns:repeat(3,1fr)}.status-master-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.profile-kpis{grid-template-columns:1fr 1fr}.qr-grid{grid-template-columns:1fr 1fr}.mobile-scan-grid{grid-template-columns:1fr}.audit-lock{align-items:flex-start;flex-direction:column}.master-row-2{grid-template-columns:1fr}.master-value-form{grid-template-columns:1fr}.status-master-grid{grid-template-columns:1fr}.qr-label-source{grid-template-columns:92px 1fr}.qr-box,.qr-box canvas,.qr-box img{width:92px!important;height:92px!important}.value-card strong{font-size:22px}}
@media(max-width:520px){.profile-kpis{grid-template-columns:1fr}.qr-grid{grid-template-columns:1fr}.scan-panel{padding:12px}.audit-lock{border-radius:14px;padding:15px}.form-actions .btn{width:100%}}
@media print{body.qr-print-mode .sidebar,body.qr-print-mode .topbar,body.qr-print-mode .panel-head,body.qr-print-mode .filter-grid,body.qr-print-mode .select-tools,body.qr-print-mode .overlay{display:none!important}body.qr-print-mode .page{margin:0!important;width:100%!important}body.qr-print-mode .content,body.qr-print-mode .panel{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}body.qr-print-mode .qr-grid{grid-template-columns:repeat(3,1fr);gap:6mm}body.qr-print-mode .qr-label-source{break-inside:avoid;border:1px solid #222;border-radius:2mm;padding:4mm;color:#111;background:#fff;grid-template-columns:30mm 1fr}body.qr-print-mode .qr-check{display:none}.print-hide{display:none!important}body.qr-print-mode .qr-meta span,body.qr-print-mode .qr-meta small{color:#333}}
.document-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.doc-card{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--text)}.doc-card>i{font-size:22px;color:var(--primary)}.doc-card span{display:grid}.doc-card small,.muted{color:var(--muted);font-size:10px}@media(max-width:800px){.document-list{grid-template-columns:1fr}}
/* v4 bilingual / master center / RBAC / audit log */
.nav-divider{padding:18px 16px 7px;color:#7891ad;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.lang-switch,.login-lang{display:flex;background:var(--soft,#eef3f8);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.lang-switch a,.login-lang a{padding:6px 8px;border-radius:7px;font-size:10px;font-weight:800;color:var(--muted)}.lang-switch a.active,.login-lang a.active{background:var(--primary);color:#fff}.login-lang{position:absolute;right:22px;top:22px;width:max-content}.login-card{position:relative}.master-hero,.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,var(--navy),#234e85);color:#fff;box-shadow:var(--shadow)}.master-hero h2,.page-intro h2{margin:4px 0 5px;font-size:23px}.master-hero p,.page-intro p{margin:0;color:#c8d8e9;max-width:760px}.master-hero .eyebrow,.page-intro .eyebrow{color:#97bee8}.master-hero-icon,.security-icon{width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:26px}.master-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.master-summary>div{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:14px;box-shadow:var(--shadow);display:grid;grid-template-columns:36px 1fr;align-items:center;gap:2px 10px}.master-summary i{grid-row:span 2;width:36px;height:36px;border-radius:10px;background:rgba(47,102,195,.11);color:var(--primary);display:grid;place-items:center}.master-summary span{font-size:10px;color:var(--muted)}.master-summary strong{font-size:20px}.master-quick{margin-bottom:16px}.master-quick-form{display:grid;grid-template-columns:1fr 1fr .8fr 1.4fr .7fr .55fr auto;gap:8px}.master-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.master-panel{padding:0;overflow:hidden}.master-panel-head{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--border)}.master-panel-head h3{margin:0;font-size:14px}.master-panel-head span{font-size:10px;color:var(--muted)}.master-title-icon{width:38px;height:38px;border-radius:11px;background:rgba(47,102,195,.1);color:var(--primary);display:grid;place-items:center}.master-table{max-height:360px;overflow:auto}.master-table-head,.master-table-row{display:grid;grid-template-columns:105px 1fr 90px;gap:10px;align-items:center;padding:10px 18px}.master-table-head{position:sticky;top:0;background:var(--card);z-index:2;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;border-bottom:1px solid var(--border)}.master-table-row{border-bottom:1px solid var(--border);font-size:11px}.master-table-row:hover{background:rgba(47,102,195,.04)}.master-table-row code{font-weight:800;color:var(--primary)}.usage-pill{justify-self:end;min-width:28px;text-align:center;padding:5px 8px;border-radius:999px;background:var(--soft);font-size:10px}.status-control-panel{grid-column:1/-1}.status-master-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.status-master-v4{border:1px solid var(--border);border-radius:13px;padding:12px}.status-cat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status-cat-head strong{font-size:11px}.status-cat-head span{font-size:9px;background:var(--soft);padding:4px 7px;border-radius:20px}.status-chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:6px 8px;font-size:9px;background:var(--soft)}.status-chip b{font-size:8px}.status-chip.green{background:rgba(32,160,95,.12)}.status-chip.red{background:rgba(211,68,68,.12)}.status-chip.orange,.status-chip.yellow{background:rgba(230,146,31,.13)}.status-chip.purple{background:rgba(128,82,210,.12)}.role-legend{display:flex;gap:6px;flex-wrap:wrap}.role{display:inline-flex;padding:6px 8px;border-radius:8px;font-size:9px;font-weight:800;white-space:nowrap}.role.super,.role.superadmin{background:rgba(128,82,210,.13);color:#8152c9}.role.admin{background:rgba(47,102,195,.13);color:#2f66c3}.role.user{background:rgba(48,151,91,.13);color:#30975b}.users-layout{align-items:start}.count-badge{font-size:10px;background:var(--soft);padding:4px 7px;border-radius:999px}.user-list{display:grid;gap:8px}.user-row{border:1px solid var(--border);border-radius:13px;overflow:hidden}.user-row summary{display:grid;grid-template-columns:38px 1fr auto auto 20px;gap:9px;align-items:center;padding:11px;cursor:pointer;list-style:none}.user-row summary::-webkit-details-marker{display:none}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#65a3ef);color:#fff;display:grid;place-items:center;font-weight:800}.user-main{display:grid;min-width:0}.user-main strong{font-size:11px}.user-main span{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.user-edit{display:grid;grid-template-columns:1.2fr 1fr 1fr auto auto;gap:8px;align-items:end;padding:12px;background:var(--soft);border-top:1px solid var(--border)}.switch-label{display:flex;align-items:center;gap:7px;height:40px}.switch-label input{width:auto}.log-filter{grid-template-columns:2fr 1fr 1fr 1fr auto auto}.log-table code{font-size:9px}.method-badge{display:inline-block;padding:4px 6px;border-radius:6px;font-size:8px;font-weight:800;background:var(--soft)}.method-badge.post{background:rgba(230,146,31,.14);color:#c57813}.log-detail{display:block;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:var(--muted)}
@media(max-width:1100px){.master-summary{grid-template-columns:repeat(3,1fr)}.master-quick-form{grid-template-columns:repeat(3,1fr)}.status-master-grid-v4{grid-template-columns:repeat(2,1fr)}.user-edit{grid-template-columns:1fr 1fr}.log-filter{grid-template-columns:1fr 1fr}.log-filter .search-field{grid-column:span 2}}
@media(max-width:800px){.lang-switch{margin-left:auto}.ops .lang-switch{display:flex}.master-hero,.page-intro{align-items:flex-start;padding:18px}.master-hero-icon,.security-icon{display:none}.master-summary{grid-template-columns:1fr 1fr}.master-board{grid-template-columns:1fr}.master-quick-form{grid-template-columns:1fr}.status-master-grid-v4{grid-template-columns:1fr}.user-row summary{grid-template-columns:38px 1fr auto}.user-row summary>.badge,.user-row summary>i{display:none}.user-edit{grid-template-columns:1fr}.log-filter{grid-template-columns:1fr}.log-filter .search-field{grid-column:auto}.master-table-head,.master-table-row{grid-template-columns:85px 1fr 60px}}
@media(max-width:520px){.master-summary{grid-template-columns:1fr}.role-legend{display:none}.master-hero h2,.page-intro h2{font-size:19px}}
.master-quick-form{grid-template-columns:1fr 1fr .8fr 1.25fr 1.25fr .7fr .55fr auto}
@media(max-width:1100px){.master-quick-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.master-quick-form{grid-template-columns:1fr}}

/* v4.2 UI hotfix: stable styles for Master / Users / Security Logs */
:root{--soft:#eef3f8;--surface-2:#f8fafc;--blue-soft:#edf4ff;--danger-soft:#fff0f2}
[data-theme=dark]{--soft:#182b42;--surface-2:#0f1e31;--blue-soft:#162d4d;--danger-soft:#351d28}
.btn.light{background:#fff;color:#1d4f91;border:1px solid rgba(255,255,255,.6)}.btn.secondary{background:var(--card);border-color:var(--border);color:var(--text)}
.master-hero-actions{display:flex;align-items:center;gap:12px}.master-quick .panel-head h3{display:flex;gap:8px;align-items:center}.master-quick-form{align-items:end}.master-quick-form label{display:block}.master-save{height:42px;align-self:end}
.master-panel-head{position:relative}.master-panel-search{margin-left:auto;position:relative;width:min(220px,42%)}.master-panel-search i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:11px}.master-panel-search input{height:36px;padding-left:31px;font-size:11px}
.master-table-head,.master-table-row{grid-template-columns:105px minmax(150px,1fr) 82px 92px 82px}.master-table-row{min-height:54px}.row-actions{display:flex;justify-content:flex-end;gap:6px;align-items:center}.row-actions form{margin:0}.icon-action{width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:grid;place-items:center;cursor:pointer}.icon-action.edit{color:var(--primary)}.icon-action.delete{color:var(--danger)}.icon-action:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,39,71,.08)}
.badge.green{background:rgba(22,134,92,.12);color:var(--success)}.badge.red{background:rgba(207,61,75,.12);color:var(--danger)}.badge i{margin-right:5px}
.status-value-list{display:grid;gap:7px}.status-value-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px;border-radius:10px;background:var(--surface-2)}
.app-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.app-modal.show{display:flex}.app-modal-backdrop{position:absolute;inset:0;background:rgba(4,15,29,.58);backdrop-filter:blur(3px)}.app-modal-card{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.28);padding:20px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-head h3{margin:2px 0 0;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.switch-card{display:flex!important;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--surface-2)}.switch-card input{width:auto}.switch-card span{margin:0!important}.switch-card b,.switch-card small{display:block}.switch-card small{font-size:9px;color:var(--muted);margin-top:2px}
.users-layout>.panel{overflow:hidden}.user-list{max-height:690px;overflow:auto;padding-right:2px}.user-row summary:hover{background:var(--surface-2)}.user-edit{background:var(--surface-2)}
.asset-table{overflow:auto;border:1px solid var(--border);border-radius:14px}.log-table table{min-width:1120px}.log-table th{position:sticky;top:0;z-index:2}.log-table td small{display:block;color:var(--muted);margin-top:4px}.log-table tbody tr:hover{background:var(--blue-soft)}
.swal2-popup{font-family:Inter,"Noto Sans Thai",sans-serif!important;border-radius:18px!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important;font-weight:700!important}
@media(max-width:1100px){.master-table-head,.master-table-row{grid-template-columns:90px minmax(130px,1fr) 62px 80px 76px}.master-panel-search{width:180px}}
@media(max-width:800px){.master-hero-actions .btn{display:none}.master-panel-head{flex-wrap:wrap}.master-panel-search{width:100%;margin-left:49px}.master-table-head{display:none}.master-table-row{grid-template-columns:1fr auto;gap:6px 10px;padding:12px 14px}.master-table-row code,.master-table-row strong{grid-column:1}.master-table-row>.usage-pill,.master-table-row>span:nth-of-type(2){grid-column:2}.master-table-row .row-actions{grid-column:2;grid-row:1/3}.master-table-row>.usage-pill{display:none}.status-value-row{align-items:flex-start}.app-modal-card{padding:16px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.log-table table{min-width:0}.log-table thead{display:none}.log-table,.log-table tbody,.log-table tr,.log-table td{display:block;width:100%}.log-table tr{padding:10px;border-bottom:1px solid var(--border)}.log-table td{border:0!important;padding:5px 8px 5px 42%;position:relative;min-height:29px}.log-table td:before{content:attr(data-label);position:absolute;left:8px;top:6px;width:38%;font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase}.log-detail{max-width:none;white-space:normal}.users-layout{grid-template-columns:1fr}}
@media(max-width:520px){.content{padding:14px}.master-summary{gap:8px}.master-summary>div{padding:12px}.master-panel-search{margin-left:0}.master-table-row{grid-template-columns:minmax(0,1fr) 74px}.master-hero{padding:16px}.master-hero p{font-size:11px}.page-intro{padding:16px}.panel{padding:14px}.master-panel{padding:0}}

/* v5 Asset lifecycle UX */
.list-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px;color:var(--muted);font-size:11px}.list-summary i{color:var(--primary);margin-right:6px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:16px;flex-wrap:wrap}.page-btn{min-width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--card);display:grid;place-items:center;font-size:12px;font-weight:800}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn.disabled{opacity:.35;pointer-events:none}.asset-thumb{width:48px;height:48px;object-fit:cover;border-radius:10px;border:1px solid var(--border);display:block}.asset-thumb.empty{display:grid;place-items:center;color:var(--muted);background:var(--surface-2)}
.asset-photo-block{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface-2)}.photo-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.field-title{color:var(--text)!important;font-size:12px!important}.photo-head small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.existing-photo-grid,.photo-preview,.asset-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.existing-photo-grid article,.preview-card{background:var(--card);border:1px solid var(--border);border-radius:13px;overflow:hidden}.existing-photo-grid img,.preview-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.existing-photo-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px}.existing-photo-grid article span,.preview-card span{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-upload{margin-top:12px;border:2px dashed var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;background:var(--card);text-align:center}.photo-upload:hover{border-color:var(--primary);background:var(--blue-soft)}.photo-upload input{display:none}.photo-upload i{font-size:28px;color:var(--primary)}.photo-upload strong{color:var(--text)}.photo-upload span{margin:0}.photo-preview{margin-top:12px}.preview-card span{display:block;padding:8px}.info-banner{padding:12px;border-radius:11px;background:var(--blue-soft);color:var(--primary);font-size:11px}.asset-gallery{margin-bottom:18px}.asset-gallery a{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.asset-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.contract-command{background:linear-gradient(135deg,var(--navy),#214e83);color:#fff;border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.contract-command-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}.contract-command h3{margin:3px 0 4px}.contract-command p{margin:0;color:#c7d7ea;font-size:11px}.ma-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ma-kpi{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.07)}.ma-kpi>i{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center}.ma-kpi span,.ma-kpi small{display:block;font-size:9px;color:#c7d7ea}.ma-kpi strong{display:block;font-size:22px;margin-top:3px}.ma-kpi.warning>i{color:#ffd07a}.ma-kpi.danger>i{color:#ff9aa5}.ma-kpi.cost>i{color:#9bd5ff}.muted{color:var(--muted)}.contract-command>.muted{color:#a9c1dc;display:block;margin-top:10px}
.big-check{display:flex!important;align-items:center;gap:9px;color:var(--text)!important;margin:0!important}.big-check input,.qr-check input{width:24px!important;height:24px!important;accent-color:var(--primary);cursor:pointer}.qr-check{position:absolute;top:9px;right:9px;z-index:3;background:var(--card);border-radius:8px;padding:4px;box-shadow:0 3px 10px rgba(0,0,0,.12)}.qr-label-source{position:relative}.select-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:13px 0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.dashboard-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard-intro h2{margin:3px 0}.dashboard-intro p{margin:0;color:var(--muted);font-size:11px}
@media(max-width:1000px){.ma-kpi-grid{grid-template-columns:repeat(2,1fr)}.existing-photo-grid,.photo-preview,.asset-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.dashboard-intro,.contract-command-head{align-items:flex-start}.asset-table .asset-thumb{width:42px;height:42px}.select-tools{align-items:flex-start;flex-direction:column}.existing-photo-grid,.photo-preview,.asset-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ma-kpi-grid{grid-template-columns:1fr}.existing-photo-grid,.photo-preview,.asset-gallery{grid-template-columns:1fr}.photo-head{flex-direction:column}.pagination{gap:5px}.page-btn{min-width:35px;height:35px}.dashboard-intro{align-items:flex-start;gap:10px}.dashboard-intro .btn{white-space:nowrap}}
@media print{.qr-print-mode .sidebar,.qr-print-mode .topbar,.qr-print-mode .panel-head,.qr-print-mode .filter-grid,.qr-print-mode .select-tools,.qr-print-mode .pagination{display:none!important}.qr-print-mode .page{margin:0!important;width:100%!important}.qr-print-mode .content{padding:0!important}.qr-print-mode .panel{border:0!important;box-shadow:none!important;padding:0!important}.qr-print-mode .print-hide{display:none!important}.qr-print-mode .qr-check{display:none!important}.qr-print-mode .qr-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8mm!important}}

/* v5.2 Navigation, Fixed Asset source helper, Import department UX */
.nav a.active{position:relative;background:linear-gradient(90deg,rgba(69,126,211,.26),rgba(69,126,211,.09));color:#fff;box-shadow:inset 3px 0 #6da1ef,0 5px 16px rgba(0,0,0,.08)}.nav a.active:after{content:"";position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:#7fb0f2;box-shadow:0 0 0 4px rgba(127,176,242,.12)}
.field-label-row{display:flex!important;align-items:center;gap:7px;margin-bottom:6px!important}.field-label-row>span{margin:0!important}.mini-help{border:0;background:transparent;color:var(--primary);padding:0;cursor:pointer;font-size:13px;line-height:1}.input-with-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.btn.compact{min-height:40px;white-space:nowrap}.field-note{display:flex;gap:6px;align-items:flex-start;margin-top:6px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.45}.field-note i{color:var(--primary);margin-top:2px}
.import-layout{align-items:start}.import-form{display:grid;gap:14px}.import-department{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.import-dept-icon{width:46px;height:46px;border-radius:13px;background:rgba(47,102,195,.11);color:var(--primary);display:grid;place-items:center;font-size:18px}.import-department label>span{color:var(--text);font-size:12px}.import-department small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:6px}.template-feature{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:13px;margin-bottom:10px;background:var(--surface-2)}.template-feature>i{width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.template-feature strong{display:block;font-size:12px}.template-feature p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.import-override-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(47,102,195,.22);background:var(--blue-soft);border-radius:13px;margin-bottom:14px;color:var(--primary)}.import-override-banner>i{font-size:20px}.import-override-banner strong,.import-override-banner span{display:block}.import-override-banner strong{font-size:11px}.import-override-banner span{font-size:10px;margin-top:3px}
@media(max-width:620px){.input-with-button{grid-template-columns:1fr}.input-with-button .btn{width:100%}.import-department{grid-template-columns:1fr}.import-dept-icon{display:none}.panel-head{flex-wrap:wrap}.panel-head>.btn{width:100%}}