/* Alldays Uniform — shared visual refresh (visual only) */
:root{
  --brand:#1d4ed8;--brand-600:#1e40af;--brand-700:#172f7a;--brand-soft:#edf3ff;--brand-ring:rgba(29,78,216,.14);
  --bg:#f5f7fb;
  --bg-grad:radial-gradient(920px 480px at 4% -14%,rgba(56,189,248,.13),transparent 63%),radial-gradient(900px 460px at 96% 0%,rgba(99,102,241,.12),transparent 62%),var(--bg);
  --panel:#fff;--panel-2:#f8faff;--text:#15223d;--text-2:#33415c;--muted:#6d7a91;
  --line:#e4eaf4;--line-strong:#d4ddec;--shadow:0 14px 34px rgba(25,44,82,.07);--shadow-soft:0 5px 16px rgba(25,44,82,.055);--shadow-lg:0 24px 64px rgba(25,44,82,.13);
  --ad-bg:#f5f7fb;--ad-surface:#fff;--ad-ink:#15223d;--ad-muted:#6d7a91;--ad-line:#e4eaf4;--ad-brand:#1d4ed8;--ad-brand-soft:#edf3ff;--ad-brand-deep:#172f7a;--ad-shadow:0 14px 34px rgba(25,44,82,.08);
}
body{background:var(--bg-grad)!important;color:var(--text)}

/* Dashboard and document pages */
.lb-module-main{background:rgba(245,247,251,.88);border-bottom-color:rgba(212,221,236,.92)}
.lb-brand-chip{background:linear-gradient(135deg,#173a94 0%,#2563eb 62%,#38bdf8 145%);box-shadow:0 12px 28px rgba(29,78,216,.28)}
.lb-module-chip{background:rgba(255,255,255,.88);border-color:rgba(218,226,239,.94)}
.lb-module-chip.active{background:linear-gradient(140deg,#edf3ff,#f8fbff);border-color:#b9cdfc;box-shadow:0 10px 24px rgba(29,78,216,.13)}
.lb-module-chip:hover{border-color:#a9c2f7;box-shadow:0 10px 23px rgba(29,78,216,.11)}
.lb-auth-btn,.btn.primary,.ops-tabs a.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:#1d4ed8}
.lb-page-hero,.page-head,.ops-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#fff 0%,#fbfdff 70%,#f2f7ff 100%);border-color:rgba(214,224,239,.94)}
.lb-page-hero:after,.page-head:after,.ops-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.14),rgba(56,189,248,0) 68%);pointer-events:none}
.lb-page-hero>*,.page-head>*,.ops-hero>*{position:relative;z-index:1}
.card,.panel,.so-card,.settings-card,.lb-toolbar-card,.chart-card,.detail-card,.ops-table-card{border-color:rgba(219,227,240,.96);box-shadow:var(--shadow)}
.lb-filterbar,.ops-toolbar{background:rgba(255,255,255,.91);border-color:rgba(219,227,240,.96);box-shadow:var(--shadow-soft)}
.lb-kpi-card,.so-kpi-card,.report-kpi-card{border-color:rgba(219,227,240,.96);box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease}
.lb-kpi-card:hover,.so-kpi-card:hover,.report-kpi-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(25,44,82,.1)}
input,select,textarea,.lb-input,.lb-select{border-color:#d6dfed!important;background-color:rgba(255,255,255,.96)!important}
input:focus,select:focus,textarea:focus{border-color:#4f7ee8!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important}
thead th{background:#f2f6fc!important;color:#52617a!important}
tbody tr:hover td{background-color:#f7faff!important}
.table-wrap,.so-table-wrap,.ops-table-wrap,.ad-table-wrap{border-color:rgba(219,227,240,.96)!important}
.footer,.lb-footer{background:rgba(255,255,255,.86);border-top-color:rgba(219,227,240,.96)}

/* Workspace, login and user-management pages */
.ad-auth-art{background:radial-gradient(700px 440px at 14% 8%,rgba(125,211,252,.2),transparent 62%),linear-gradient(145deg,#152d72 0%,#1d4ed8 54%,#2563eb 100%)}
.ad-auth-panel{background:var(--bg-grad)}
.ad-auth-card,.ad-card,.ad-page-head,.ad-modal-inner{border-color:rgba(219,227,240,.98)!important;box-shadow:var(--ad-shadow)!important}
.ad-btn.is-primary,.ad-btn-primary{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;box-shadow:0 12px 25px rgba(29,78,216,.22)!important}
.ad-shell{background:var(--ad-bg)}
.ad-sidebar{background:linear-gradient(180deg,#fff 0%,#f7faff 100%)!important;border-color:rgba(219,227,240,.96)!important}
.ad-sidebar-head{border-color:rgba(219,227,240,.96)!important}
.ad-menu-btn.is-active{background:linear-gradient(135deg,#eaf2ff,#f7faff)!important;color:#1d4ed8!important;box-shadow:inset 3px 0 0 #2563eb}
.ad-menu-btn:hover{background:#f1f5ff!important}
.ad-topbar{background:rgba(255,255,255,.84)!important;border-color:rgba(219,227,240,.96)!important;backdrop-filter:blur(16px)}
.ad-hero-banner{background:radial-gradient(600px 300px at 90% 0%,rgba(125,211,252,.27),transparent 62%),linear-gradient(135deg,#152d72,#1d4ed8)!important;box-shadow:0 18px 38px rgba(29,78,216,.2)!important}
.ad-stat,.ad-tile{border-color:rgba(219,227,240,.96)!important;box-shadow:var(--ad-shadow)!important}
.ad-tile:hover{border-color:#b9cdfc!important;box-shadow:0 16px 30px rgba(29,78,216,.12)!important}

@media (max-width:820px){.lb-module-main{padding-top:9px;padding-bottom:11px}.lb-page-hero,.page-head,.ops-hero{border-radius:18px}.lb-brand-chip{padding-right:12px}}

/* ========================================================================
   Workspace v2 — new navigation and operating layout
   ======================================================================== */
.lb-shell{width:min(1640px,calc(100% - 32px));padding-top:18px}
.lb-module-main{
  display:grid!important;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:10px;
  overflow:visible!important;position:sticky!important;top:12px;z-index:95;
  padding:10px!important;margin:0 0 26px!important;border:0!important;border-radius:24px;
  background:linear-gradient(120deg,#0c1c43,#152e68 58%,#173a83)!important;
  box-shadow:0 18px 42px rgba(10,28,67,.25)!important;
}
.lb-brand-chip{height:58px;border-radius:16px;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)!important}
.lb-brand-mark{background:#fff!important;color:#173a83!important;box-shadow:none!important}
.lb-brand-text{font-size:16px!important}.lb-brand-text small{color:#c4d8ff!important;opacity:1!important}
.lb-module-chip{
  min-width:0!important;height:58px;justify-content:center;padding:8px 12px!important;border:0!important;
  background:transparent!important;box-shadow:none!important;border-radius:14px!important;color:#c9d8f8!important;
}
.lb-module-chip:hover{transform:none!important;background:rgba(255,255,255,.1)!important;box-shadow:none!important}
.lb-module-chip.active{background:#fff!important;color:#173a83!important;box-shadow:0 8px 18px rgba(3,15,47,.22)!important}
.lb-module-chip.active .lb-module-title{color:#173a83!important}.lb-module-chip .lb-module-row{justify-content:center;gap:7px}.lb-module-chip .lb-menu-status{display:none}.lb-module-chip .lb-module-title{color:inherit!important;font-size:13px!important}.lb-module-chip .lb-module-sub{color:inherit!important;opacity:.62;font-size:10px!important;text-align:center;overflow:hidden;text-overflow:ellipsis}.lb-module-strip{scrollbar-width:none}.lb-module-strip::-webkit-scrollbar{display:none}
.lb-module-actions{position:static!important;margin:0!important;padding:0!important;background:none!important}.lb-icon-btn{width:40px!important;height:40px!important;border:0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}.lb-auth-btn{height:40px!important;padding:0 14px!important;background:#fff!important;border:0!important;box-shadow:none!important;color:#173a83!important}.lb-auth-btn svg{display:none}
.lb-main{padding:0 0 42px!important}.lb-page-hero,.page-head,.ops-hero{border-radius:24px!important;box-shadow:0 16px 40px rgba(16,35,75,.08)!important}.lb-page-hero h1,.page-head h1,.ops-hero h1{font-size:clamp(26px,2.5vw,38px)!important;letter-spacing:-.045em!important}.lb-kpi-card,.so-kpi-card,.report-kpi-card{border-radius:20px!important}.card,.panel,.so-card,.settings-card,.lb-toolbar-card,.chart-card,.detail-card,.ops-table-card{border-radius:20px!important}

/* New main application shell: dark control panel + bright work canvas. */
.ad-shell{height:100vh!important;padding:16px!important;gap:16px!important;background:linear-gradient(135deg,#edf3ff,#f7f9fc 48%,#eaf5ff)!important}
.ad-sidebar{width:290px!important;margin:0!important;border:0!important;border-radius:26px!important;background:linear-gradient(180deg,#0b1b41,#122d69)!important;color:#edf4ff!important;box-shadow:0 18px 42px rgba(11,27,65,.25)!important}
.ad-sidebar-head{padding:24px 20px 16px!important;border-color:rgba(255,255,255,.12)!important}.ad-sidebar-head-txt strong{font-size:18px!important;color:#fff!important}.ad-sidebar-head-txt small{color:#a9c4fa!important}.ad-collapse-btn{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}
.ad-search{margin:14px 14px 6px!important}.ad-search input{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}.ad-search input::placeholder{color:#b9cbef!important}.ad-menu{padding:10px 12px 16px!important}.ad-menu-btn{margin-bottom:6px!important;border-radius:14px!important;color:#c9d8f8!important}.ad-menu-btn:hover{background:rgba(255,255,255,.1)!important}.ad-menu-btn .ad-menu-ico{background:rgba(255,255,255,.1)!important;color:#c9d8f8!important}.ad-menu-btn.is-active{background:#fff!important;color:#173a83!important;box-shadow:none!important}.ad-menu-btn.is-active .ad-menu-ico{background:#e8f0ff!important;color:#1d4ed8!important}.ad-menu-btn .ad-menu-txt span{color:inherit!important;opacity:.62}.ad-menu-group{color:#8eace4!important;border-color:rgba(255,255,255,.12)!important}.ad-sidebar-foot{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important}.ad-avatar{background:#fff!important;color:#173a83!important}.ad-user b{color:#fff!important}.ad-user span{color:#aac4f4!important}.ad-logout{color:#c9d8f8!important}
.ad-content{border-radius:26px!important;overflow:hidden;background:#fff!important;box-shadow:0 18px 42px rgba(16,35,75,.1)!important}.ad-topbar{height:72px!important;padding:0 26px!important;background:#fff!important;border-bottom:1px solid #e6edf8!important}.ad-crumb span{font-size:18px!important;color:#172554!important}.ad-state{margin-left:auto;border:1px solid #d7f2e4!important;background:#f1fcf6!important;color:#13804f!important;padding:7px 12px!important;border-radius:999px!important}.ad-icon-btn{border-radius:12px!important;background:#f1f5ff!important;color:#1d4ed8!important}.ad-stage{background:linear-gradient(135deg,#f8fbff,#f5f8fc)!important}.ad-hero{padding:30px!important}.ad-hero-banner{min-height:220px!important;border-radius:24px!important;padding:30px!important}.ad-hero-banner h1{font-size:clamp(28px,3vw,42px)!important}.ad-stats{margin-top:-34px!important;position:relative;z-index:2;padding:0 18px!important}.ad-stat{border-radius:18px!important;background:rgba(255,255,255,.96)!important}.ad-section-title{margin:34px 18px 16px!important;font-size:20px!important}.ad-tiles{padding:0 18px 24px!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.ad-tile{min-height:120px!important;border-radius:18px!important;background:#fff!important}.ad-tile-ico{border-radius:14px!important;background:#edf3ff!important;color:#1d4ed8!important}.ad-frame{background:#fff!important}
@media (max-width:1100px){.lb-module-main{grid-template-columns:180px minmax(0,1fr) auto}.lb-module-chip{min-width:124px!important}.lb-module-main{overflow-x:auto!important}}
@media (max-width:860px){.ad-shell{padding:0!important}.ad-content{border-radius:0!important}.ad-sidebar{border-radius:0 24px 24px 0!important}.ad-hero{padding:16px!important}.ad-stats{margin-top:14px!important;padding:0!important}.ad-section-title,.ad-tiles{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.lb-shell{width:calc(100% - 20px);padding-top:10px}.lb-module-main{position:relative!important;display:flex!important;align-items:stretch!important;border-radius:20px!important}.lb-brand-chip{min-width:154px}.lb-module-actions{display:flex;align-items:center}.lb-auth-btn{font-size:0!important;width:40px!important;padding:0!important}.lb-auth-btn:after{content:'→';font-size:20px}.lb-page-hero,.page-head,.ops-hero{border-radius:20px!important}}

/* Full header replacement: the old menu-chip presentation is no longer used. */
.au-app{background:#f4f7fb!important}
.au-shell{width:min(1680px,calc(100% - 36px))!important;margin:0 auto!important;padding:20px 0 90px!important}
.au-header{
  display:flex!important;align-items:center!important;gap:16px!important;min-height:76px!important;
  padding:10px 14px!important;margin:0 0 28px!important;overflow:visible!important;position:sticky!important;top:12px!important;z-index:95!important;
  border:1px solid rgba(255,255,255,.22)!important;border-radius:24px!important;
  background:rgba(13,27,61,.94)!important;box-shadow:0 20px 48px rgba(16,35,75,.24)!important;backdrop-filter:blur(18px)!important;
}
.au-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:174px!important;padding:8px!important;color:#fff!important;white-space:nowrap!important}
.au-brand-mark{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(145deg,#77d5ff,#fff)!important;color:#12347c!important;font-size:22px!important;font-weight:900!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
.au-brand b{display:block!important;font-size:17px!important;line-height:1!important;letter-spacing:-.035em!important}.au-brand small{display:block!important;margin-top:5px!important;color:#9db9eb!important;font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important}
.au-nav{display:flex!important;align-items:stretch!important;gap:4px!important;min-width:0!important;flex:1!important;overflow-x:auto!important;scrollbar-width:none!important}.au-nav::-webkit-scrollbar{display:none!important}
.au-nav-link{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:112px!important;padding:9px 13px!important;border-radius:14px!important;color:#b8caec!important;transition:.16s ease!important}
.au-nav-link:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;transform:translateY(-1px)!important}.au-nav-link.active{background:#fff!important;color:#173a83!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}.au-nav-link b{font-size:12px!important;line-height:1.2!important;font-weight:800!important}.au-nav-link small{font-size:10px!important;line-height:1.1!important;opacity:.68!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.au-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important;padding:0!important;background:none!important;position:static!important}.au-privacy{width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#bcd1f7!important;cursor:pointer!important}.au-privacy.active{background:#fff!important;color:#173a83!important}.au-session{display:inline-flex!important;align-items:center!important;height:38px!important;padding:0 14px!important;border-radius:12px!important;background:#fff!important;color:#12347c!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}
.au-main{padding:0 0 30px!important}.au-main .lb-page-hero,.au-main .page-head,.au-main .ops-hero{margin-bottom:22px!important;border:0!important;box-shadow:0 18px 46px rgba(16,35,75,.09)!important}.au-main .card,.au-main .panel,.au-main .so-card,.au-main .settings-card{box-shadow:0 14px 32px rgba(16,35,75,.065)!important}
@media(max-width:920px){.au-shell{width:calc(100% - 20px)!important;padding-top:10px!important}.au-header{gap:8px!important;border-radius:20px!important}.au-brand{min-width:auto!important}.au-brand span:last-child{display:none!important}.au-nav-link{min-width:105px!important}.au-session{font-size:0!important;width:38px!important;padding:0!important;justify-content:center!important}.au-session:after{content:'→';font-size:20px!important}.au-privacy{display:none!important}}

/* Main screen v3 — content and hierarchy are intentionally different from the former dashboard. */
.ux-workspace{padding:18px!important;gap:18px!important;background:#eaf0fa!important}
.ux-command-panel{width:312px!important;border-radius:30px!important;background:linear-gradient(165deg,#091633 0%,#102a62 58%,#174493 100%)!important}
.ux-command-brand{padding:28px 22px 18px!important}.ux-command-brand strong{letter-spacing:.12em!important;font-size:21px!important}.ux-command-brand small{margin-top:8px!important;letter-spacing:.08em!important;font-size:9px!important}.ux-command-search{margin:14px 16px 12px!important}.ux-command-search input{height:46px!important;border-radius:14px!important}.ux-command-menu{padding:8px 14px 18px!important}.ux-command-menu .ad-menu-btn{min-height:54px!important;padding:9px 10px!important;border-radius:15px!important}.ux-command-menu .ad-menu-ico{width:34px!important;height:34px!important;border-radius:11px!important}.ux-work-canvas{border-radius:30px!important;background:#f8fbff!important}.ux-workbar{height:78px!important;padding:0 30px!important;background:rgba(255,255,255,.92)!important}.ux-workbar .ad-crumb span{font-size:20px!important;letter-spacing:-.03em!important}.ux-workbar .ad-crumb small{font-size:10px!important;letter-spacing:.1em!important}.ux-work-stage{background:radial-gradient(700px 420px at 95% 0%,#dfeeff 0%,transparent 62%),#f8fbff!important}.ux-home{padding:36px!important}.ux-home-banner{min-height:270px!important;padding:38px!important;border-radius:28px!important;background:linear-gradient(125deg,#071735,#123d8e 58%,#2075d4)!important}.ux-home-banner img{width:82px!important;height:82px!important;border-radius:24px!important}.ux-home-banner h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.03!important}.ux-home-banner p{max-width:620px!important;font-size:15px!important;line-height:1.65!important}.ux-home .ad-stats{margin-top:-42px!important;padding:0 24px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.ux-home .ad-stat{min-height:104px!important;padding:20px!important;border-radius:18px!important;box-shadow:0 15px 32px rgba(15,40,87,.12)!important}.ux-home .ad-stat small{font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase!important}.ux-home .ad-stat strong{font-size:18px!important;margin-top:8px!important}.ux-home .ad-section-title{margin:42px 24px 18px!important;font-size:22px!important}.ux-home .ad-tiles{padding:0 24px 28px!important;gap:14px!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}.ux-home .ad-tile{min-height:130px!important;padding:18px!important;border:1px solid #e0e9f6!important;border-radius:20px!important;box-shadow:0 10px 24px rgba(15,40,87,.06)!important}.ux-home .ad-tile:hover{transform:translateY(-4px)!important;border-color:#8ab5fa!important}.ux-home .ad-tile-ico{width:46px!important;height:46px!important;border-radius:15px!important}.ux-home .ad-tile b{font-size:15px!important}.ux-home .ad-tile span span{font-size:11px!important}
@media(max-width:860px){.ux-workspace{padding:0!important}.ux-work-canvas{border-radius:0!important}.ux-home{padding:16px!important}.ux-home-banner{min-height:220px!important;padding:24px!important}.ux-home .ad-stats{margin-top:16px!important;padding:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux-home .ad-section-title{margin:30px 0 16px!important}.ux-home .ad-tiles{padding:0!important;grid-template-columns:1fr!important}.ux-workbar{padding:0 18px!important}}

/* ==========================================================================
   เปิดในกรอบทำงานของ main.php — ซ่อนหัวเมนูเก่ากับปุ่มบ้านลอย
   เพราะหน้าหลักมีแถบเมนูของตัวเองอยู่แล้ว ไม่ต้องมีเมนูซ้อนสองชั้น
   ========================================================================== */
.ad-in-frame .au-header{display:none!important}
.ad-in-frame .lb-footer-icon{display:none!important}
.ad-in-frame .au-shell{width:min(1680px,calc(100% - 24px))!important;padding:14px 0 24px!important}
.ad-in-frame .au-main{padding-bottom:10px!important}