@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root{--sky:#38bdf8;--blue:#2563eb;--cyan:#67e8f9;--bg:#f4f9ff;--white:#fff;--border:#dcebff;--ink:#0f172a;--muted:#64748b;--sidebar:260px;--topbar:116px;--shadow:0 8px 24px rgba(37,99,235,.08)}
body.with-login{overflow-x:hidden;padding-top:0!important;background:linear-gradient(145deg,#fff 0%,var(--bg) 42%,#edf8ff 100%)!important;color:var(--ink);font-family:"Inter","Segoe UI",sans-serif}
.running-text-wrapper{display:none!important}
body.with-login #main-content,body.with-login #main #main-content{width:auto!important;min-height:100vh;margin:0 0 0 var(--sidebar)!important;padding:var(--topbar) 0 0!important;transition:margin .2s ease}
.suksma-topbar{position:fixed!important;z-index:1025;top:0;right:0;left:var(--sidebar);display:grid;grid-template-columns:minmax(330px,1.25fr) minmax(280px,.9fr) auto;align-items:center;gap:24px;min-height:var(--topbar)!important;padding:18px 28px!important;border:0!important;border-bottom:1px solid var(--border)!important;background:rgba(255,255,255,.95)!important;box-shadow:0 4px 22px rgba(37,99,235,.06)!important;backdrop-filter:blur(18px)}
#topbar.suksma-topbar{background:rgba(255,255,255,.96)!important}
.suksma-menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--border);border-radius:50%;color:#1d4d7c;background:#fff;box-shadow:var(--shadow);font-size:20px;cursor:pointer}
.suksma-welcome{min-width:0}.suksma-welcome strong{display:block;overflow:hidden;margin-bottom:9px;color:#12345b;font-size:clamp(19px,1.55vw,28px);font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.suksma-welcome strong span:first-child{color:#087edf}.suksma-welcome small{display:block;overflow:hidden;color:#315579;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.suksma-global-search{position:relative}.suksma-global-search>i{position:absolute;z-index:2;top:50%;right:18px;color:#315579;transform:translateY(-50%)}.suksma-global-search input{width:100%;height:48px;padding:0 48px 0 17px;border:1px solid #cfe5fb;border-radius:13px;outline:0;background:#fbfdff;color:var(--ink);font:600 13px "Inter",sans-serif;transition:.2s}.suksma-global-search input:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(56,189,248,.13)}
.suksma-search-results{position:absolute;z-index:1040;top:56px;right:0;left:0;overflow:hidden;padding:7px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(30,64,175,.15)}.suksma-search-results a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#25486d;font-size:13px;font-weight:700;text-decoration:none}.suksma-search-results a:hover{background:#eff8ff;color:#087edf}.suksma-search-results a i{width:18px;color:var(--sky);text-align:center}.suksma-no-result{display:block;padding:13px;color:var(--muted);font-size:13px}
.suksma-topbar-right{display:flex;align-items:center;gap:14px}.suksma-notification{position:relative;width:42px;height:42px;border:0;border-radius:12px;color:#315579;background:#f6fbff;font-size:19px}.suksma-notification span{position:absolute;top:8px;right:9px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ef4444}.suksma-user{display:flex;align-items:center;gap:10px;padding-right:14px;border-right:1px solid var(--border);color:var(--ink)!important;text-decoration:none!important}.suksma-user img,.suksma-user-avatar{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--sky),var(--blue));object-fit:cover}.suksma-user-copy{display:flex;flex-direction:column;gap:2px}.suksma-user-copy strong{color:#173a61;font-size:12px}.suksma-user-copy small{color:var(--muted);font-size:10px}.suksma-clock{display:flex;min-width:145px;flex-direction:column;gap:6px;color:#315579;font-size:11px}.suksma-clock i{width:17px;color:#4279ae}.suksma-clock strong{font-size:12px}
#sidebar.suksma-sidebar{position:fixed!important;z-index:1030;top:0!important;bottom:0;left:0!important;display:flex;width:var(--sidebar)!important;height:100vh!important;flex-direction:column;margin:0!important;overflow:hidden!important;border:0!important;background:radial-gradient(circle at 105% 95%,rgba(255,255,255,.33),transparent 150px),linear-gradient(165deg,#269ff2 0%,#41bff4 50%,#69d5f7 100%)!important;box-shadow:8px 0 30px rgba(37,99,235,.12)!important}
.suksma-sidebar:after{position:absolute;z-index:0;right:-42px;bottom:36px;width:150px;height:55px;border-radius:60px;background:rgba(255,255,255,.2);filter:blur(2px);content:""}.suksma-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:96px;padding:20px 22px;color:#fff!important;text-decoration:none!important}.suksma-brand img{width:38px;height:46px;filter:drop-shadow(0 5px 10px rgba(4,68,126,.22));object-fit:contain}.suksma-brand span{display:flex;min-width:0;flex-direction:column}.suksma-brand strong{font-size:20px;font-weight:800}.suksma-brand small{margin-top:3px;font-size:10px;font-weight:700;text-transform:uppercase}
#sidebar .sidebar-content{position:relative;z-index:1;overflow:auto;flex:1;padding:0 14px 18px}#sidebar .navbar-nav{padding:0!important}#sidebar .suksma-menu-group{padding:20px 9px 7px;color:rgba(255,255,255,.82);font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
#sidebar .navbar-nav a.nav-link,#sidebar .navbar-nav li>a{display:flex!important;align-items:center!important;gap:11px!important;min-height:44px!important;margin:2px 0!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;color:#fff!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important;transition:.2s!important}#sidebar .navbar-nav a i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;min-width:22px!important;height:22px!important;margin:0!important;color:#fff!important;font-size:16px!important}#sidebar .navbar-nav a:hover{background:rgba(255,255,255,.17)!important;transform:translateX(2px)}#sidebar .navbar-nav .active>a,#sidebar .navbar-nav a.active{color:#087edf!important;background:#fff!important;box-shadow:0 9px 24px rgba(20,100,170,.18)!important}#sidebar .navbar-nav .active>a i,#sidebar .navbar-nav a.active i{color:#269ff2!important}
#sidebar .sidebar-footer{position:relative;z-index:2;padding:16px 18px 24px}#sidebar .logout-btn,#sidebar a[href*="logout"]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%!important;min-height:46px;margin:0!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:12px!important;color:#fff!important;background:rgba(255,255,255,.08)!important;font-size:12px;font-weight:800;text-decoration:none;box-shadow:none!important}#sidebar .logout-btn:hover{color:#087edf!important;background:#fff!important}
#overlay{position:fixed;z-index:1028;inset:0;visibility:hidden;opacity:0;background:rgba(15,23,42,.4);backdrop-filter:blur(2px);transition:.2s}#overlay.active{visibility:visible;opacity:1}
.suksma-dashboard{width:100%;max-width:1900px;margin:0 auto;padding:22px 26px 18px}.suksma-mobile-welcome{display:none}.suksma-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.suksma-stat-card{position:relative;display:flex;align-items:center;min-width:0;min-height:112px;padding:16px;overflow:hidden;border:1px solid var(--border);border-radius:18px;color:var(--ink)!important;background:rgba(255,255,255,.96);box-shadow:var(--shadow);text-decoration:none!important;transition:.2s}.suksma-stat-card:hover{z-index:2;border-color:#b7dcff;box-shadow:0 14px 34px rgba(37,99,235,.13);transform:translateY(-2px)}
.suksma-icon{display:flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:58px;border-radius:14px;color:#fff;box-shadow:0 8px 16px rgba(37,99,235,.18);font-size:22px}.suksma-icon-blue{background:linear-gradient(145deg,#3eb9fa,#177ce8)}.suksma-icon-cyan{background:linear-gradient(145deg,#25d6d0,#10aead)}.suksma-icon-violet{background:linear-gradient(145deg,#9566f5,#6536d8)}.suksma-icon-amber{background:linear-gradient(145deg,#ffbe2f,#f39000)}.suksma-stat-copy{display:flex;min-width:0;flex:1;flex-direction:column;margin-left:13px}.suksma-stat-copy small{overflow:hidden;color:#2d4867;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.suksma-stat-copy strong{margin:4px 0;color:#15375e;font-size:23px;line-height:1}.suksma-stat-copy em{overflow:hidden;color:#71869d;font-size:9px;font-style:normal;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.suksma-stat-arrow{color:#b6cee4;font-size:14px}
.suksma-main-grid{display:grid;grid-template-columns:minmax(430px,1.35fr) minmax(310px,.95fr) minmax(250px,.7fr);gap:16px;margin-bottom:16px}.suksma-panel{min-width:0;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.suksma-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:19px 21px 12px}.suksma-panel-head h3{margin:2px 0 0;color:#15375e;font-size:15px;font-weight:800}.suksma-eyebrow{color:#1f9ee9;font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.suksma-filter{padding:8px 10px;border:1px solid var(--border);border-radius:9px;color:#467096;background:#fbfdff;font-size:9px;font-weight:700}
.suksma-comparison{display:grid;grid-template-columns:.75fr 1.4fr;gap:20px;padding:16px 22px 20px}.suksma-comparison-total{display:flex;min-height:180px;flex-direction:column;justify-content:center;padding:22px;border:1px solid #d8edff;border-radius:17px;background:linear-gradient(145deg,#f7fcff,#eaf7ff)}.suksma-comparison-total small{color:#5e7d9c;font-size:10px;font-weight:700}.suksma-comparison-total strong{margin:8px 0;color:#087edf;font-size:38px;letter-spacing:-1.5px}.suksma-comparison-total span{color:#8294a8;font-size:9px;line-height:1.5}.suksma-bars{display:flex;flex-direction:column;justify-content:center;gap:25px}.suksma-bar-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;color:#315579;font-size:10px;font-weight:700}.suksma-bar-row>div:first-child strong{color:#15375e;font-size:12px}.suksma-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%}.dot-blue{background:#2563eb}.dot-cyan{background:#16bfb4}.suksma-bar-track{height:11px;overflow:hidden;border-radius:99px;background:#edf4fa}.suksma-bar-track span{display:block;min-width:6px;height:100%;border-radius:99px;animation:suksmaBar .7s ease-out both}.bar-blue{background:linear-gradient(90deg,#2563eb,#38bdf8)}.bar-cyan{background:linear-gradient(90deg,#0cae9e,#67e8f9)}@keyframes suksmaBar{from{width:0}}.suksma-bar-row>small{display:block;margin-top:7px;color:#8b9bad;font-size:8px}.suksma-chart-actions{display:flex;gap:20px;padding:13px 22px 18px;border-top:1px solid #eef5fb}.suksma-chart-actions a{color:#267ab8;font-size:9px;font-weight:750;text-decoration:none}
.suksma-line-chart{padding:0 21px 10px}.suksma-chart-legend{display:flex;justify-content:center;gap:28px;padding:2px 0 8px;color:#496b8a;font-size:9px;font-weight:700}.suksma-chart-legend span{display:flex;align-items:center;gap:3px}.suksma-chart-legend strong{margin-left:4px;color:#15375e;font-size:11px}.suksma-canvas-wrap{width:100%;height:235px}.suksma-canvas-wrap canvas{display:block;width:100%;height:100%}
.suksma-activity-list{padding:0 20px 15px}.suksma-activity-list>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:53px;padding:8px 2px;border-bottom:1px solid #edf3f9;color:var(--ink)!important;text-decoration:none!important;transition:.2s}.suksma-activity-list>a:hover{padding-right:7px;padding-left:7px;border-radius:10px;background:#f6fbff}.suksma-activity-list>a:last-child{border:0}.activity-icon,.quick-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px}.activity-icon.blue,.quick-icon.blue{color:#197fe1;background:#eaf5ff}.activity-icon.cyan,.quick-icon.cyan{color:#0eaa9f;background:#e8fbf8}.activity-icon.violet,.quick-icon.violet{color:#7647dd;background:#f0ebff}.activity-icon.amber,.quick-icon.amber{color:#ec9108;background:#fff5df}.activity-icon.slate,.quick-icon.slate{color:#57728e;background:#eff4f8}.suksma-activity-list a>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.suksma-activity-list strong{overflow:hidden;color:#15375e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.suksma-activity-list small{overflow:hidden;margin-top:3px;color:#7d91a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.suksma-activity-list>a>i{color:#b4c9db}
.suksma-summary-list{padding:2px 20px 8px}.suksma-summary-list>div{display:flex;align-items:center;justify-content:space-between;min-height:39px;color:#456684;font-size:9px}.suksma-summary-list i{width:25px;font-size:13px}.suksma-summary-list i.blue{color:#2585e3}.suksma-summary-list i.cyan{color:#12b4a7}.suksma-summary-list i.violet{color:#7b4ce0}.suksma-summary-list i.amber{color:#ef9408}.suksma-summary-list strong{color:#15375e;font-size:13px}.suksma-summary-total{display:flex;align-items:center;justify-content:space-between;margin:5px 19px 11px;padding:13px;border:1px solid #d9ebfb;border-radius:10px;color:#147dcc;background:#f2f9ff;font-size:9px;font-weight:700}.suksma-summary-total strong{font-size:19px}.suksma-primary-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin:0 19px 18px;border-radius:10px;color:#fff!important;background:linear-gradient(135deg,var(--sky),var(--blue));box-shadow:0 8px 18px rgba(37,99,235,.18);font-size:10px;font-weight:800;text-decoration:none!important;transition:.2s}.suksma-primary-action:hover{transform:translateY(-1px)}
.suksma-bottom-grid{display:grid;grid-template-columns:minmax(370px,.75fr) minmax(520px,1.55fr);gap:16px}.suksma-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:2px 18px 18px}.suksma-quick-grid a{display:flex;align-items:center;min-height:63px;flex-direction:column;justify-content:center;gap:7px;padding:8px 4px;border:1px solid #e3eff9;border-radius:13px;color:#284d72!important;background:#fff;box-shadow:0 5px 14px rgba(37,99,235,.05);text-align:center;text-decoration:none!important;transition:.2s}.suksma-quick-grid a:hover,.suksma-document-grid a:hover{box-shadow:0 10px 20px rgba(37,99,235,.12);transform:translateY(-2px)}.suksma-quick-grid .quick-icon{width:30px;height:30px;font-size:14px}.suksma-quick-grid strong{font-size:8px;line-height:1.2}
.suksma-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:2px 18px 18px}.suksma-document-grid a{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;min-height:65px;padding:10px;border:1px solid #e3eff9;border-radius:13px;color:var(--ink)!important;background:#fff;text-decoration:none!important;transition:.2s}.suksma-document-grid>a>i{font-size:29px;text-align:center}.suksma-document-grid .word{color:#2585e3}.suksma-document-grid .pdf{color:#ef5e51}.suksma-document-grid .excel{color:#28a66a}.suksma-document-grid span{display:flex;min-width:0;flex-direction:column}.suksma-document-grid strong{overflow:hidden;color:#15375e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.suksma-document-grid small{margin-top:4px;color:#8496a9;font-size:7px}.suksma-document-grid em{padding:5px 7px;border:1px solid #d5e9fa;border-radius:6px;color:#1681d5;font-size:7px;font-style:normal;font-weight:800}.suksma-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 3px 2px;color:#7790a7;font-size:9px}.suksma-footer i{display:inline-block;width:3px;height:3px;margin:0 10px;border-radius:50%;background:#9db6cc;vertical-align:middle}
@media(max-width:1500px){:root{--sidebar:235px}.suksma-topbar{grid-template-columns:minmax(280px,1fr) minmax(245px,.75fr) auto;padding-right:20px!important;padding-left:22px!important}.suksma-clock{display:none}.suksma-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.suksma-main-grid{grid-template-columns:1.25fr .9fr}.suksma-summary-panel{grid-column:1/-1}.suksma-summary-list{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.suksma-summary-total,.suksma-primary-action{max-width:320px;margin-right:auto;margin-left:auto}}
@media(max-width:1100px){:root{--topbar:82px}body.with-login #main-content,body.with-login #main #main-content{margin-left:0!important}.suksma-topbar{left:0;grid-template-columns:auto 1fr minmax(230px,.8fr) auto;min-height:var(--topbar)!important;padding:14px 18px!important}.suksma-menu-toggle{display:block}.suksma-welcome small,.suksma-user-copy{display:none}#sidebar.suksma-sidebar{width:260px!important;transform:translateX(-105%);transition:transform .2s ease}#sidebar.suksma-sidebar.active{transform:translateX(0)}.suksma-dashboard{padding:19px}.suksma-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.suksma-bottom-grid{grid-template-columns:1fr}}
@media(max-width:800px){.suksma-topbar{grid-template-columns:auto 1fr auto}.suksma-welcome{display:none}.suksma-global-search{grid-column:2}.suksma-notification{display:none}.suksma-user{padding:0;border:0}.suksma-mobile-welcome{display:flex;flex-direction:column;margin-bottom:16px;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#f8fdff,#eaf7ff)}.suksma-mobile-welcome span{color:#1689dd;font-size:9px;font-weight:800;text-transform:uppercase}.suksma-mobile-welcome strong{margin:5px 0;color:#15375e;font-size:19px}.suksma-mobile-welcome small{color:#68819a;font-size:10px}.suksma-main-grid{grid-template-columns:1fr}.suksma-summary-panel{grid-column:auto}.suksma-summary-list{grid-template-columns:1fr}.suksma-comparison{grid-template-columns:1fr}.suksma-comparison-total{min-height:130px}.suksma-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){:root{--topbar:72px}.suksma-topbar{grid-template-columns:auto 1fr;gap:9px;padding:11px 12px!important}.suksma-menu-toggle{width:42px;height:42px}.suksma-global-search input{height:43px;font-size:11px}.suksma-user{display:none}.suksma-dashboard{padding:12px}.suksma-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.suksma-stat-card{min-height:102px;padding:12px}.suksma-icon{width:43px;min-width:43px;height:48px;font-size:18px}.suksma-stat-copy{margin-left:9px}.suksma-stat-copy strong{font-size:20px}.suksma-stat-arrow{display:none}.suksma-main-grid,.suksma-bottom-grid{gap:12px;margin-bottom:12px}.suksma-panel{border-radius:17px}.suksma-panel-head{padding:17px 16px 11px}.suksma-comparison{padding:10px 16px 17px}.suksma-chart-actions{flex-direction:column;gap:9px;padding:13px 16px 17px}.suksma-activity-list{padding-right:14px;padding-left:14px}.suksma-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 13px 15px}.suksma-document-grid{grid-template-columns:1fr;padding:2px 13px 15px}.suksma-footer{align-items:flex-start;flex-direction:column;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Readability and full-width refinement */
body.with-login #main-content,
body.with-login #main #main-content{
    width:calc(100vw - var(--sidebar))!important;
    max-width:calc(100vw - var(--sidebar))!important;
    flex:0 0 calc(100vw - var(--sidebar))!important;
}
body.with-login #page-content{width:100%!important;max-width:none!important}
.suksma-dashboard{max-width:none!important;margin:0!important;padding:26px 30px 22px}
.suksma-stat-grid{gap:16px;margin-bottom:22px}
.suksma-stat-card{min-height:126px;padding:19px}
.suksma-icon{width:60px;min-width:60px;height:66px;font-size:26px}
.suksma-stat-copy{margin-left:16px}
.suksma-stat-copy small{font-size:12px}
.suksma-stat-copy strong{margin:6px 0;font-size:29px}
.suksma-stat-copy em{font-size:11px}
.suksma-stat-arrow{font-size:17px}
.suksma-main-grid{grid-template-columns:minmax(500px,1.35fr) minmax(360px,.95fr) minmax(300px,.7fr);gap:20px;margin-bottom:20px}
.suksma-panel-head{padding:23px 25px 15px}
.suksma-panel-head h3{font-size:19px}
.suksma-eyebrow{font-size:10px}
.suksma-filter{padding:9px 12px;font-size:11px}
.suksma-line-chart{padding-right:25px;padding-left:25px}
.suksma-chart-legend{font-size:12px}
.suksma-chart-legend strong{font-size:14px}
.suksma-canvas-wrap{height:300px}
.suksma-chart-actions a{font-size:12px}
.suksma-activity-list{padding-right:25px;padding-left:25px}
.suksma-activity-list>a{grid-template-columns:44px 1fr auto;gap:13px;min-height:68px}
.activity-icon{width:42px;height:42px;font-size:17px}
.suksma-activity-list strong{font-size:13px}
.suksma-activity-list small{margin-top:4px;font-size:10px}
.suksma-summary-list{padding-right:25px;padding-left:25px}
.suksma-summary-list>div{min-height:51px;font-size:12px}
.suksma-summary-list i{width:30px;font-size:17px}
.suksma-summary-list strong{font-size:17px}
.suksma-summary-total{padding:16px;font-size:12px}
.suksma-summary-total strong{font-size:24px}
.suksma-primary-action{min-height:47px;font-size:12px}
.suksma-quick-grid strong{font-size:11px}
.suksma-document-grid a{min-height:80px;padding:13px}
.suksma-document-grid>a>i{font-size:35px}
.suksma-document-grid strong{font-size:11px}
.suksma-document-grid small{font-size:9px}
.suksma-document-grid em{padding:6px 9px;font-size:9px}
.suksma-footer{font-size:11px}
#sidebar .navbar-nav a.nav-link,#sidebar .navbar-nav li>a{font-size:14px!important}
#sidebar .suksma-menu-group{font-size:10px}
.suksma-brand small{font-size:11px}

/* Ensure the legacy #topbar flex rule cannot override the new header grid */
#topbar.suksma-topbar{
    display:grid!important;
    grid-template-columns:minmax(420px,1fr) minmax(330px,480px) minmax(360px,auto)!important;
    align-items:center!important;
    gap:28px!important;
    width:auto!important;
}
.suksma-global-search{width:100%;max-width:480px;justify-self:center}
.suksma-topbar-right{justify-self:end}
.suksma-user-copy strong{font-size:13px}
.suksma-user-copy small{font-size:11px}
.suksma-clock{min-width:170px;font-size:12px}
.suksma-clock strong{font-size:13px}

@media(max-width:1500px){
    .suksma-main-grid{grid-template-columns:1.25fr .9fr}
    #topbar.suksma-topbar{
        grid-template-columns:minmax(320px,1fr) minmax(280px,390px) minmax(230px,auto)!important;
        gap:18px!important;
    }
    .suksma-global-search{max-width:390px}
    .suksma-clock{display:none}
}
@media(max-width:1100px){
    body.with-login #main-content,
    body.with-login #main #main-content{width:100vw!important;max-width:100vw!important;flex-basis:100vw!important}
    .suksma-dashboard{padding:20px}
    .suksma-main-grid{grid-template-columns:1fr}
    #topbar.suksma-topbar{
        grid-template-columns:auto minmax(220px,1fr) minmax(230px,.7fr) auto!important;
        gap:14px!important;
    }
    .suksma-global-search{max-width:none}
}
@media(max-width:800px){
    #topbar.suksma-topbar{grid-template-columns:auto 1fr auto!important}
}
@media(max-width:560px){
    .suksma-dashboard{padding:12px}
    .suksma-stat-card{min-height:108px;padding:12px}
    .suksma-icon{width:45px;min-width:45px;height:50px;font-size:19px}
    .suksma-stat-copy{margin-left:9px}
    .suksma-stat-copy small{font-size:10px}
    .suksma-stat-copy strong{font-size:22px}
    .suksma-stat-copy em{font-size:9px}
    .suksma-canvas-wrap{height:245px}
    #topbar.suksma-topbar{grid-template-columns:auto 1fr!important;gap:9px!important}
}