/* ---- consolidated css ---- */

/* Safira.id v91.8 - Direct System Install Ready
   Safe public data + footer + update-center compatibility */
html,body{min-height:100%!important}
body{min-height:100vh!important;display:flex!important;flex-direction:column!important}
.footer{display:block!important;visibility:visible!important;opacity:1!important;margin-top:auto!important;background:#081a31!important;color:#dbe5f2!important;border-top:1px solid rgba(255,255,255,.08)!important}
.footer-grid{display:grid!important;grid-template-columns:1.6fr 1fr 1fr!important;gap:22px!important;align-items:start!important;padding-top:28px!important;padding-bottom:26px!important}
.footer h3{margin:0 0 8px!important;color:#fff!important;font-size:18px!important;font-weight:600!important}
.footer p,.footer a{color:#b9c7d8!important;font-size:13.5px!important;line-height:1.55!important}
.footer a{display:block!important;margin:7px 0!important;text-decoration:none!important}
.footer b{display:block!important;color:#fff!important;font-size:13.5px!important;margin-bottom:8px!important}
.footer .copyright,.copyright{display:block!important;text-align:center!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:14px 12px!important;color:#a9b8c9!important;font-size:12.5px!important}
.cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,320px))!important;gap:16px!important;align-items:stretch!important;justify-content:flex-start!important;margin-top:18px!important;min-height:40px!important}
.card{display:block!important;visibility:visible!important;opacity:1!important}
.cards .muted{grid-column:1/-1!important;background:#fff!important;border:1px dashed #d0d5dd!important;border-radius:14px!important;padding:14px!important;color:#667085!important}
.product-img span{display:inline-flex!important}
.public-data-alert{grid-column:1/-1;background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:14px;color:#475467;box-shadow:0 8px 22px rgba(16,35,63,.045)}
@media(max-width:900px){
  .footer-grid{display:none!important}
  .footer{margin-top:auto!important;padding-top:0!important}
  .footer .copyright,.copyright{display:block!important;border-top:0!important}
  .cards{grid-template-columns:1fr!important}
}


/* Safira.id v91.6 - Total Audit + Data Visibility Fix */
.sf916-audit-wrap{max-width:1180px;margin:24px auto;padding:0 18px}
.sf916-card{background:#fff;border:1px solid #e6eaf0;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(16,35,63,.055);margin-bottom:14px}
.sf916-card h1,.sf916-card h2,.sf916-card h3{margin:0 0 10px;color:#10233f;font-weight:600;line-height:1.22}
.sf916-card h1{font-size:26px}.sf916-card h2{font-size:19px}.sf916-card p,.sf916-card td,.sf916-card th,.sf916-card small{font-size:13px;line-height:1.55}
.sf916-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.sf916-tile{background:#f8fafc;border:1px solid #e6eaf0;border-radius:15px;padding:14px}
.sf916-tile b{display:block;font-size:24px;font-weight:600;color:#10233f;margin-bottom:3px}.sf916-tile span{font-size:12.5px;color:#667085}
.sf916-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6eaf0;border-radius:14px;overflow:hidden;margin-top:12px}
.sf916-table th,.sf916-table td{padding:9px 10px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top;font-size:13px}
.sf916-table th{background:#f8fafc;font-weight:600;color:#10233f}
.sf916-badge{display:inline-flex;border-radius:999px;padding:4px 8px;background:#edf3f8;color:#10233f;font-size:11px;font-weight:600}.sf916-badge.ok{background:#dcfae6;color:#027a48}.sf916-badge.warn{background:#fef0c7;color:#b54708}.sf916-badge.bad{background:#fee4e2;color:#b42318}
.sf916-note{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e6eaf0;color:#475467;font-size:13px}
.cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,310px))!important;gap:14px!important;align-items:stretch!important;justify-content:flex-start!important;margin-top:18px!important}
.card{display:block!important;visibility:visible!important;opacity:1!important;min-height:130px!important}
.container.section .cards > .muted{grid-column:1/-1!important}
.panel table, .dashboard-main table, table{display:table!important;width:100%!important;visibility:visible!important;opacity:1!important}
.panel details + table, .dashboard-main details + table{margin-top:16px!important}
@media(max-width:760px){.sf916-audit-wrap{padding:0 14px;margin:18px auto}.sf916-grid{grid-template-columns:1fr}.sf916-table{display:block;overflow:auto}.cards{grid-template-columns:1fr!important}}


/* Safira.id v91.3 - Standalone Asset + Admin Polish */
:root{--sf-navy:#10233f;--sf-deep:#07182e;--sf-gold:#dba733;--sf-bg:#f6f8fb;--sf-line:#e3eaf3;--sf-text:#1d2939;--sf-muted:#667085}
body{background:linear-gradient(135deg,#eefaf8 0%,#f6f8fb 48%,#f8fafc 100%)!important;color:var(--sf-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:14px!important;line-height:1.55!important}
a{text-decoration:none!important}
.topline{height:4px!important;background:linear-gradient(90deg,var(--sf-navy),#0f766e,var(--sf-gold))!important}
.navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--sf-line)!important}
.nav-inner{max-width:1180px!important;margin:0 auto!important;min-height:66px!important;padding:12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.brand,.brand-logo{display:flex!important;align-items:center!important;min-width:170px!important;max-width:230px!important;color:var(--sf-navy)!important}
.brand img,.brand-logo img,.logo-header{display:block!important;width:auto!important;max-width:178px!important;max-height:42px!important;object-fit:contain!important}
.nav-links{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important}
.nav-links a{font-size:13.5px!important;color:#344054!important;font-weight:500!important;white-space:nowrap!important}
.nav-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.btn,.nav-actions a.btn,button{border:0!important;border-radius:11px!important;min-height:36px!important;padding:8px 13px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.btn-gold{background:linear-gradient(135deg,#dba733,#f5c85b)!important;color:#17120a!important}
.btn-dark{background:var(--sf-navy)!important;color:#fff!important}
.btn-ghost{background:#f2f6fa!important;color:var(--sf-navy)!important;border:1px solid var(--sf-line)!important}
.user-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid var(--sf-line)!important;background:#fff!important;color:#344054!important;border-radius:999px!important;padding:8px 11px!important;font-size:12.5px!important;font-weight:500!important}
.dashboard-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;min-height:calc(100vh - 70px)!important}
.sidebar{background:var(--sf-deep)!important;color:#dbe5f2!important;padding:16px 12px!important;overflow:auto!important}
.sidebar-title{font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#aab7ca!important;margin:0 0 10px!important}
.sidebar a{display:block!important;color:#dbe5f2!important;padding:8px 10px!important;margin:0 0 4px!important;border-radius:10px!important;font-size:12.5px!important;font-weight:500!important;line-height:1.35!important}
.sidebar a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.dashboard-main{padding:16px!important;min-width:0!important}
.panel{background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:22px!important;padding:18px!important;box-shadow:0 12px 34px rgba(16,35,63,.06)!important;overflow:auto!important}
.panel>h1{font-size:24px!important;line-height:1.18!important;margin:0 0 14px!important;color:var(--sf-navy)!important;font-weight:600!important}
.su-panel-wrap{margin-top:4px!important}
.su-panel-card{background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 8px 22px rgba(16,35,63,.045)!important;margin-bottom:14px!important}
.su-panel-card h2,.su-panel-card h3{margin:0 0 10px!important;color:var(--sf-navy)!important;font-weight:600!important;line-height:1.25!important}
.su-panel-card h2{font-size:18px!important}.su-panel-card h3{font-size:16px!important}
.su-panel-card p,.su-panel-card label,.su-panel-card td,.su-panel-card th,.su-panel-card small{font-size:13px!important;line-height:1.55!important}
.su-panel-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important}
.su-panel-tile{background:#f8fafc!important;border:1px solid var(--sf-line)!important;border-radius:15px!important;padding:13px!important}
.su-panel-tile b{display:block!important;font-weight:600!important;color:var(--sf-navy)!important;margin-bottom:4px!important}
.su-panel-tile small{color:var(--sf-muted)!important}
.su-panel-form{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
.su-panel-form label{display:flex!important;flex-direction:column!important;gap:6px!important;color:#344054!important;font-weight:500!important;margin:0!important}
.su-panel-form input,.su-panel-form select,.su-panel-form textarea{width:100%!important;border:1px solid #d0d5dd!important;border-radius:11px!important;padding:10px 12px!important;min-height:41px!important;font:inherit!important;background:#fff!important;color:#101828!important}
.su-panel-form input[type=file]{padding:9px!important;background:#f8fafc!important}
.su-panel-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 12px!important;border-radius:10px!important;background:var(--sf-navy)!important;color:#fff!important;text-decoration:none!important;border:0!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;margin:2px 4px 2px 0!important}
.su-panel-btn.gold{background:linear-gradient(135deg,#dba733,#f5c85b)!important;color:#17120a!important}
.su-panel-btn.soft{background:#edf3f8!important;color:var(--sf-navy)!important}
.su-panel-table{width:100%!important;border-collapse:collapse!important;margin-top:10px!important;background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:14px!important;overflow:hidden!important}
.su-panel-table th,.su-panel-table td{padding:9px 10px!important;border-bottom:1px solid #eef2f7!important;text-align:left!important;vertical-align:top!important;font-size:13px!important}
.su-panel-table th{background:#f8fafc!important;font-weight:600!important;color:var(--sf-navy)!important}
.su-panel-badge{display:inline-flex!important;border-radius:999px!important;padding:4px 8px!important;background:#edf3f8!important;color:var(--sf-navy)!important;font-size:11px!important;font-weight:600!important}
.su-panel-badge.ok{background:#dcfae6!important;color:#027a48!important}.su-panel-badge.warn{background:#fef0c7!important;color:#b54708!important}.su-panel-badge.bad{background:#fee4e2!important;color:#b42318!important}
.su-panel-notice{padding:10px 12px!important;border-radius:12px!important;margin:10px 0!important;font-size:13px!important}
.su-panel-notice.ok{background:#dcfae6!important;color:#027a48!important}.su-panel-notice.bad{background:#fee4e2!important;color:#b42318!important}
.su-panel-code{font-family:ui-monospace,Menlo,Consolas,monospace!important;background:#f2f4f7!important;border-radius:8px!important;padding:2px 6px!important;font-size:12px!important;word-break:break-all!important}
.footer{margin-top:34px!important;background:var(--sf-deep)!important;color:#dbe5f2!important}.footer-grid{max-width:1180px!important;margin:0 auto!important;padding:22px 18px!important;display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;gap:20px!important}.copyright{text-align:center!important;padding:13px!important;color:#a9b8c9!important;border-top:1px solid rgba(255,255,255,.08)!important;font-size:12.5px!important}
.auth-visual-page{min-height:calc(100vh - 160px)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:42px 18px!important}
.auth-visual-card{width:100%!important;max-width:460px!important;background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;padding:26px!important;box-shadow:0 18px 48px rgba(16,35,63,.09)!important}
.auth-logo-center{display:flex!important;justify-content:center!important;margin:0 0 18px!important}
.auth-logo-center img{display:block!important;max-width:170px!important;max-height:48px!important;object-fit:contain!important}
.auth-visual-card h1{font-size:25px!important;line-height:1.18!important;margin:0 0 10px!important;color:var(--sf-navy)!important;font-weight:600!important}
.auth-visual-card p{font-size:13.5px!important;line-height:1.6!important;color:var(--sf-muted)!important}
.auth-visual-card label{display:flex!important;flex-direction:column!important;gap:6px!important;font-size:13px!important;color:#344054!important;font-weight:500!important;margin:13px 0 0!important}
.auth-visual-card input{width:100%!important;border:1px solid #d0d5dd!important;border-radius:12px!important;padding:11px 12px!important;min-height:42px!important;font:inherit!important}
.auth-visual-card button{width:100%!important;margin-top:15px!important}
.auth-visual-card .center{text-align:center!important}
@media(max-width:900px){.nav-inner{min-height:58px!important;padding:9px 14px!important}.brand,.brand-logo{min-width:126px!important;max-width:160px!important}.brand img,.brand-logo img,.logo-header{max-width:138px!important;max-height:30px!important}.nav-links{display:none!important}.dashboard-layout{display:block!important}.sidebar{position:relative!important;height:auto!important}.dashboard-main{padding:12px!important}.panel{padding:15px!important;border-radius:18px!important}.footer .footer-grid{display:none!important}.footer{margin-top:20px!important}.copyright{display:block!important}.su-panel-table{display:block!important;overflow:auto!important}.auth-visual-page{padding:28px 14px!important}.auth-visual-card{padding:21px!important;border-radius:20px!important}.auth-logo-center img{max-width:150px!important}}


/* Safira.id v91.1 Admin/Auth Visual Repair */
:root{--sf-navy:#10233f;--sf-deep:#081a31;--sf-gold:#dba733;--sf-bg:#f6f8fb;--sf-line:#e6eaf0;--sf-text:#1d2939;--sf-muted:#667085;--sf-white:#fff}
*{box-sizing:border-box}
body{margin:0!important;background:linear-gradient(135deg,#eefaf8 0%,#f6f8fb 42%,#f9fafb 100%)!important;color:var(--sf-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:14px!important;line-height:1.55!important;-webkit-font-smoothing:antialiased!important}
a{text-decoration:none!important;color:inherit}
.topline{height:4px!important;background:linear-gradient(90deg,var(--sf-navy),#0f766e,var(--sf-gold))!important}
.navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--sf-line)!important;position:relative!important;z-index:50!important}
.nav-inner{max-width:1180px!important;margin:0 auto!important;min-height:66px!important;padding:12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.brand,.brand-logo{display:flex!important;align-items:center!important;gap:10px!important;min-width:170px!important;max-width:230px!important;color:var(--sf-navy)!important}
.brand img,.brand-logo img,.logo-header{display:block!important;width:auto!important;max-width:178px!important;max-height:42px!important;object-fit:contain!important}
.brand b{font-size:20px!important;font-weight:600!important;line-height:1!important}.brand small{display:block!important;font-size:10.5px!important;color:var(--sf-muted)!important}
.brand-mark{width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(135deg,#0077ff,#12c6dd)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important}
.nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important}
.nav-links a{font-size:13.5px!important;color:#344054!important;font-weight:500!important;white-space:nowrap!important}
.nav-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.user-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid var(--sf-line)!important;background:#fff!important;color:#344054!important;border-radius:999px!important;padding:8px 11px!important;font-size:12.5px!important;font-weight:500!important}
.btn,.nav-actions a.btn,button{border:0!important;border-radius:11px!important;min-height:36px!important;padding:8px 13px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.btn-gold,.sf-btn.gold,.su-btn.gold{background:linear-gradient(135deg,#dba733,#f5c85b)!important;color:#17120a!important}
.btn-dark,.sf-btn,.su-btn{background:var(--sf-navy)!important;color:#fff!important}
.btn-ghost,.sf-btn.soft,.su-btn.soft{background:#f2f6fa!important;color:var(--sf-navy)!important;border:1px solid var(--sf-line)!important}
.footer{margin-top:36px!important;background:var(--sf-deep)!important;color:#dbe5f2!important;padding-top:22px!important}
.footer-grid{max-width:1180px!important;margin:0 auto!important;padding:0 18px 22px!important;display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;gap:20px!important}
.footer h3{margin:0 0 8px!important;color:#fff!important;font-size:18px!important}.footer p,.footer a{font-size:13px!important;color:#b9c7d8!important;line-height:1.55!important}.footer a{display:block!important;margin:5px 0!important}
.logo-footer{max-width:180px!important;max-height:46px!important;object-fit:contain!important}.copyright{border-top:1px solid rgba(255,255,255,.08)!important;text-align:center!important;padding:13px!important;color:#a9b8c9!important;font-size:12.5px!important}
.sv-wrap,.su-wrap{max-width:1120px!important;margin:28px auto!important;padding:0 18px!important}
.sv-card,.su-card{background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:22px!important;padding:22px!important;box-shadow:0 18px 48px rgba(16,35,63,.08)!important;margin-bottom:16px!important}
.sv-card h1,.su-card h1{font-size:26px!important;line-height:1.18!important;margin:0 0 10px!important;color:var(--sf-navy)!important;font-weight:600!important;letter-spacing:-.02em!important}
.sv-card h2,.su-card h2{font-size:19px!important;margin:0 0 10px!important;color:var(--sf-navy)!important;font-weight:600!important}
.sv-card p,.sv-card label,.sv-card td,.sv-card th,.su-card p,.su-card label,.su-card td,.su-card th{font-size:13.5px!important;line-height:1.55!important}
.sv-muted,.muted{color:var(--sf-muted)!important}
.su-grid,.sv-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important}
.su-tile,.sv-tile{background:#f8fafc!important;border:1px solid var(--sf-line)!important;border-radius:16px!important;padding:14px!important}
.su-tile b,.sv-tile b{display:block!important;color:var(--sf-navy)!important;font-weight:600!important;margin-bottom:4px!important}
.su-tile small,.sv-tile small{color:var(--sf-muted)!important;font-size:12.5px!important}
.su-form,.sv-form{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.su-form label,.sv-form label{display:flex!important;flex-direction:column!important;gap:6px!important;color:#344054!important;font-weight:500!important;margin:0!important}
.su-form input,.su-form select,.su-form textarea,.sv-form input,.sv-form select,.sv-form textarea{width:100%!important;border:1px solid #d0d5dd!important;border-radius:12px!important;padding:10px 12px!important;min-height:42px!important;font:inherit!important;background:#fff!important;color:#101828!important}
.su-form input[type=file]{padding:9px!important;background:#f8fafc!important}
.su-btn,.sv-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:9px 13px!important;border-radius:11px!important;background:var(--sf-navy)!important;color:#fff!important;text-decoration:none!important;border:0!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;margin:2px 4px 2px 0!important}
.su-table,.sv-table{width:100%!important;border-collapse:collapse!important;background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:14px!important;overflow:hidden!important;margin-top:12px!important}
.su-table th,.su-table td,.sv-table th,.sv-table td{padding:10px!important;border-bottom:1px solid #eef2f7!important;text-align:left!important;vertical-align:top!important;font-size:13px!important}
.su-table th,.sv-table th{background:#f8fafc!important;font-weight:600!important;color:var(--sf-navy)!important}
.su-badge,.sv-badge{display:inline-flex!important;border-radius:999px!important;padding:4px 8px!important;background:#edf3f8!important;color:var(--sf-navy)!important;font-size:11px!important;font-weight:600!important}.su-badge.ok,.sv-badge.ok{background:#dcfae6!important;color:#027a48!important}.su-badge.warn,.sv-badge.warn{background:#fef0c7!important;color:#b54708!important}.su-badge.bad,.sv-badge.bad{background:#fee4e2!important;color:#b42318!important}
.su-notice,.sv-notice{padding:11px 13px!important;border-radius:13px!important;margin:12px 0!important;font-size:13px!important}.su-notice.ok,.sv-notice.ok{background:#dcfae6!important;color:#027a48!important}.su-notice.bad,.sv-notice.bad{background:#fee4e2!important;color:#b42318!important}.su-notice.warn{background:#fef0c7!important;color:#b54708!important}
.su-code{font-family:ui-monospace,Menlo,Consolas,monospace!important;background:#f2f4f7!important;border-radius:8px!important;padding:2px 6px!important;font-size:12px!important;word-break:break-all!important}
.auth-visual-page{min-height:calc(100vh - 160px)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:42px 18px!important}
.auth-visual-card{width:100%!important;max-width:460px!important;background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;padding:26px!important;box-shadow:0 18px 48px rgba(16,35,63,.09)!important}
.auth-visual-card h1{font-size:26px!important;line-height:1.18!important;margin:0 0 10px!important;color:var(--sf-navy)!important;font-weight:600!important}
.auth-visual-card p{font-size:13.5px!important;line-height:1.6!important;color:var(--sf-muted)!important}
.auth-visual-card label{display:flex!important;flex-direction:column!important;gap:6px!important;font-size:13px!important;color:#344054!important;font-weight:500!important;margin:13px 0 0!important}
.auth-visual-card input{width:100%!important;border:1px solid #d0d5dd!important;border-radius:12px!important;padding:11px 12px!important;min-height:42px!important;font:inherit!important}
.auth-visual-card button{width:100%!important;margin-top:15px!important}
.auth-visual-card .center{text-align:center!important}
@media(max-width:900px){.nav-inner{min-height:58px!important;padding:9px 14px!important}.brand,.brand-logo{min-width:126px!important;max-width:160px!important}.brand img,.brand-logo img,.logo-header{max-width:138px!important;max-height:30px!important}.brand small,.nav-links{display:none!important}.nav-actions{margin-left:auto!important}.footer .footer-grid{display:none!important}.footer{padding-top:0!important;margin-top:22px!important}.copyright{display:block!important;padding:14px 12px!important}.sv-wrap,.su-wrap{margin:18px auto!important;padding:0 14px!important}.sv-card,.su-card{padding:17px!important;border-radius:19px!important}.sv-card h1,.su-card h1{font-size:22px!important}.su-table,.sv-table{display:block!important;overflow:auto!important}.auth-visual-page{padding:28px 14px!important}.auth-visual-card{padding:21px!important;border-radius:20px!important}.auth-visual-card h1{font-size:23px!important}}


\n\n:root{--navy:#10233f;--green:#0f766e;--gold:#d69e2e;--gold2:#f7d77a;--bg:#f6f8fb;--text:#1d2939;--muted:#667085;--white:#fff;--line:#e6eaf0;--danger:#d92d20;--success:#039855;--warning:#dc6803}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.topline{height:4px;background:linear-gradient(90deg,var(--navy),var(--green),var(--gold))}.container{max-width:1180px;margin:auto;padding:0 22px}.navbar{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.nav-inner{max-width:1240px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--green));display:inline-flex;align-items:center;justify-content:center;color:var(--gold2);font-weight:900}.brand-mark.big{width:70px;height:70px;border-radius:24px;font-size:30px;margin:auto}.brand small{display:block;color:var(--muted);font-size:11px}.nav-links{display:flex;gap:16px;flex:1;justify-content:center}.nav-links a{font-size:14px;color:#344054}.nav-links a:hover{color:var(--green)}.nav-actions{display:flex;gap:8px;align-items:center}.user-chip{font-size:13px;color:var(--muted);white-space:nowrap}.btn,button{border:0;border-radius:12px;padding:10px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-gold{background:linear-gradient(135deg,var(--gold),#f5bf4c);color:#16120a}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--navy)}.btn-light{background:#fff;color:var(--navy)}.full{width:100%}.hero{background:radial-gradient(circle at top right,rgba(15,118,110,.18),transparent 35%),linear-gradient(135deg,#10233f,#14325b);color:#fff;padding:72px 0 64px}.hero-grid{display:grid;grid-template-columns:1.35fr .75fr;gap:40px;align-items:center}.eyebrow{display:inline-flex;background:rgba(214,158,46,.14);color:var(--gold2);border:1px solid rgba(247,215,122,.35);border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.hero h1,.page-hero h1{font-size:48px;line-height:1.06;margin:18px 0}.hero p,.page-hero p,.lead{font-size:18px;line-height:1.7;color:rgba(255,255,255,.84)}.lead{color:#475467}.searchbar{display:flex;background:#fff;border-radius:18px;padding:8px;margin-top:26px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.searchbar input,.filterbar input{border:0;outline:none;padding:14px;flex:1;font-size:15px}.searchbar button{background:var(--gold);color:#111}.hero-actions{display:flex;gap:12px;margin-top:18px}.hero-card{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:28px;overflow:hidden;min-height:300px}.pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(45deg,#fff 12.5%,transparent 12.5%,transparent 50%,#fff 50%,#fff 62.5%,transparent 62.5%,transparent 100%);background-size:28px 28px}.hero-card h3,.hero-card p,.stats{position:relative}.stats{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:24px}.stats b{font-size:34px;color:var(--gold2)}.section{padding:48px 22px}.section h1,.section h2{color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(16,35,63,.06)}.card h3{margin:10px 0 8px;color:var(--navy)}.card p{color:#475467}.card small{color:var(--muted)}.product-img{height:150px;border-radius:16px;background:linear-gradient(135deg,#eef4ff,#ecfdf3);display:flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover}.badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.badge-success{background:#dcfae6;color:var(--success)}.badge-warning{background:#fef0c7;color:var(--warning)}.badge-danger{background:#fee4e2;color:var(--danger)}.badge-muted{background:#f2f4f7;color:#475467}.page-hero{background:linear-gradient(135deg,var(--navy),var(--green));color:#fff;padding:70px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.checklist li{margin-bottom:10px}.auth-page{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{width:100%;max-width:520px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 20px 60px rgba(16,35,63,.1)}label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px;margin-bottom:14px}input,select,textarea{border:1px solid #d0d5dd;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}textarea{min-height:110px}.role-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.role-choice label{border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer}.role-choice small{display:block;color:var(--muted);font-weight:400}.inline{flex-direction:row;align-items:center}.center{text-align:center}.dashboard-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 76px)}.sidebar{background:#0f1f38;color:#d0d5dd;padding:20px;position:sticky;top:73px;height:calc(100vh - 73px);overflow:auto}.sidebar-title{color:#fff;font-weight:900;margin-bottom:18px}.sidebar a{display:block;padding:11px 12px;border-radius:12px;margin-bottom:6px}.sidebar a:hover{background:rgba(255,255,255,.08);color:#fff}.dashboard-main{padding:26px}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px rgba(16,35,63,.06);overflow:auto}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.metric-grid div{background:linear-gradient(135deg,#f8fafc,#eef4ff);border:1px solid var(--line);border-radius:18px;padding:18px}.metric-grid b{display:block;font-size:30px;color:var(--navy)}.metric-grid span{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label:has(textarea),.form-grid label.inline{grid-column:span 2}.filterbar{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;margin-bottom:20px}table{width:100%;border-collapse:collapse;margin-top:18px;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc;color:var(--navy)}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{padding:8px}.details{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px;margin:14px 0}.details summary{cursor:pointer;font-weight:900;color:var(--navy)}.alert{padding:12px 14px;border-radius:14px;margin-top:14px}.alert.success{background:#dcfae6;color:#027a48}.alert.danger,.alert.danger{background:#fee4e2;color:#b42318}.flash-wrap{padding-top:12px}.maintenance-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px}.maintenance-card{max-width:620px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:0 20px 60px rgba(16,35,63,.1)}.muted{color:var(--muted)}.footer{background:#0f1f38;color:#d0d5dd;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;padding-top:34px;padding-bottom:34px}.footer a{display:block;color:#d0d5dd;margin:8px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:16px;color:#98a2b3}@media(max-width:900px){.nav-links{display:none}.hero-grid,.split,.dashboard-layout{grid-template-columns:1fr}.cards,.metric-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto}.hero h1,.page-hero h1{font-size:34px}.nav-inner{flex-wrap:wrap}.nav-actions{margin-left:auto}.searchbar,.filterbar{flex-direction:column}.form-grid label:has(textarea),.form-grid label.inline{grid-column:span 1}}
/* Safira.id v1.1 */
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:24px;align-items:start}.detail-media,.detail-card,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 32px rgba(16,35,63,.06)}.detail-media img{width:100%;max-height:520px;object-fit:cover;border-radius:18px}.product-img.big{min-height:360px}.detail-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding:10px 0}.detail-row span{color:var(--muted)}.detail-row b{text-align:right}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.mini{padding:6px 10px;font-size:12px;margin-top:10px}.chat-box{background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-msg{max-width:78%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:0 8px 18px rgba(16,35,63,.05)}.chat-msg.mine{align-self:flex-end;background:#ecfdf3;border-color:#b7e4c7}.chat-msg p{margin:6px 0}.chat-msg small{color:var(--muted)}.reply-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.reply-box textarea{min-height:70px}.details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:18px}.details summary{font-weight:800;cursor:pointer}.filterbar select{min-width:180px}.card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(16,35,63,.1)}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.reply-box{grid-template-columns:1fr}.chat-msg{max-width:100%}}

/* Safira.id v1.2 - verification documents */
.verified-badge{vertical-align:middle;margin-left:6px;display:inline-flex}.verification-summary{display:grid;grid-template-columns:1fr 180px;gap:16px;align-items:stretch;margin:18px 0}.trust-card{background:linear-gradient(135deg,#ecfdf3,#fff7e6);border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center}.trust-card b{display:block;font-size:42px;color:var(--green)}.trust-card span{color:var(--muted);font-weight:700}.full{grid-column:1/-1}.doc-link{font-weight:800}.status-note{font-size:12px;color:var(--muted);margin-top:4px}@media(max-width:900px){.verification-summary{grid-template-columns:1fr}}
.badge-gold{background:#fff3c4;color:#8a5a00;border:1px solid #f2c94c}.notice-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 8px 24px rgba(16,35,63,.05)}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0 28px}.package-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(16,35,63,.06);display:flex;flex-direction:column;gap:10px}.package-card h3{margin:0;color:var(--navy)}.package-card .price{font-size:24px;font-weight:900;color:var(--green)}.package-card ul{padding-left:18px;margin:0;color:#475467}.package-card form{margin-top:auto}.mini{padding:6px 10px;font-size:12px}@media(max-width:980px){.package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.package-grid{grid-template-columns:1fr}}
/* Safira.id v1.4 - manual payment & invoice */
.invoice-bank{background:linear-gradient(135deg,#fff7e6,#f8fafc);border:1px solid var(--line);border-radius:20px;padding:18px;margin:14px 0 20px}.invoice-bank h3{margin-top:0;color:var(--navy)}.invoice-box{border:1px dashed #d69e2e;background:#fffaf0;border-radius:18px;padding:16px}.payment-proof{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.payment-proof input[type=file]{max-width:260px}.badge-paid{background:#dcfae6;color:#039855}.badge-waiting{background:#fef0c7;color:#dc6803}

/* Safira.id v1.5 - printable invoice, PDF link, email notification */
.invoice-document{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(16,35,63,.08);max-width:980px;margin:0 auto}.invoice-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:2px solid var(--line);padding-bottom:20px;margin-bottom:20px}.invoice-head h1{margin:10px 0 4px;color:var(--navy)}.invoice-head p{margin:0;color:var(--muted)}.invoice-meta{text-align:right}.invoice-meta b{font-size:22px;color:var(--navy)}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.invoice-grid h3,.invoice-note h3{color:var(--navy);margin:0 0 10px}.invoice-table{margin:22px 0}.invoice-total{display:flex;justify-content:flex-end;gap:24px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:16px}.invoice-total span{font-weight:800;color:var(--muted)}.invoice-total b{font-size:26px;color:var(--green)}.invoice-note{background:#fffaf0;border:1px solid #f7d77a;border-radius:18px;padding:16px;margin-top:18px}.print-body{background:#fff}.no-print{margin-bottom:18px}@media print{.navbar,.footer,.topline,.flash-wrap,.no-print{display:none!important}body{background:#fff}.container{max-width:none;padding:0}.section{padding:0}.invoice-document{box-shadow:none;border:0;border-radius:0;padding:0}.invoice-head{border-bottom:2px solid #111}.badge{border:1px solid #111;color:#111;background:#fff}.detail-row{break-inside:avoid}.invoice-table th{background:#f2f2f2!important;color:#111}.invoice-note{border:1px solid #999;background:#fff}}@media(max-width:800px){.invoice-head,.invoice-grid{grid-template-columns:1fr;display:grid}.invoice-meta{text-align:left}.invoice-total{justify-content:space-between}.invoice-document{padding:18px}}

/* Safira.id v1.6 - SMTP, email templates, email log viewer */
textarea[name=body_html]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.45}.action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mini{font-size:12px;padding:6px 9px}


/* Safira Mega Update v10.0 */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.gallery-grid img{width:100%;height:140px;object-fit:cover;border-radius:16px;border:1px solid #e5e7eb;background:#f8fafc}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:20px}.feature-item{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;box-shadow:0 8px 25px rgba(15,23,42,.05)}.feature-item span{background:#10b981;color:#fff;border-radius:999px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(2,6,23,.06)}.stat-card b{display:block;font-size:28px;color:#0f172a}.stat-card span{color:#64748b}.code-box{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:16px;border-radius:14px;max-height:520px;overflow:auto}.article-view{max-width:900px}.article-view .panel{line-height:1.8}.filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filterbar select,.filterbar input{min-height:42px}

/* =========================================================
   Safira.id Premium UI Big Build v50.9
   Fokus: profesional, gagah, trust-first, mobile & desktop polish
   ========================================================= */
:root{
  --navy:#0b1f3a;
  --navy-2:#102a4c;
  --navy-3:#173b67;
  --green:#0f8b6d;
  --green-2:#10b981;
  --gold:#d6a43a;
  --gold-2:#f4c95d;
  --ink:#0b1220;
  --muted:#667085;
  --soft:#f6f8fb;
  --soft-2:#eef4f8;
  --line:#dde5ef;
  --white:#ffffff;
  --danger:#d92d20;
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --shadow-sm:0 8px 24px rgba(11,31,58,.08);
  --shadow:0 18px 55px rgba(11,31,58,.12);
  --shadow-xl:0 30px 90px rgba(11,31,58,.20);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;text-size-adjust:100%}
body.safira-premium-ui{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f7fafc 0%,#eef4f7 46%,#ffffff 100%);color:var(--ink);letter-spacing:-.01em;min-height:100vh;overflow-x:hidden}
body.safira-premium-ui:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(16,185,129,.12),transparent 34%),radial-gradient(circle at 90% 0%,rgba(214,164,58,.14),transparent 28%),linear-gradient(90deg,rgba(11,31,58,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(11,31,58,.025) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;z-index:-2}.premium-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.premium-bg span{position:absolute;border-radius:999px;filter:blur(2px);opacity:.45}.premium-bg span:nth-child(1){width:320px;height:320px;background:rgba(15,139,109,.13);left:-130px;top:160px}.premium-bg span:nth-child(2){width:380px;height:380px;background:rgba(214,164,58,.16);right:-170px;top:80px}.premium-bg span:nth-child(3){width:280px;height:280px;background:rgba(16,42,76,.12);right:18%;bottom:-110px}
.container{max-width:var(--container);margin-inline:auto;padding-inline:22px}.section{padding:56px 0}.lead{font-size:18px;line-height:1.75;color:#475467;max-width:860px}.topline{height:4px;background:linear-gradient(90deg,var(--green),var(--gold),var(--navy))}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.navbar.premium-navbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(221,229,239,.78);box-shadow:0 12px 40px rgba(11,31,58,.05)}.nav-inner{max-width:var(--container);min-height:76px;margin-inline:auto;padding:0 22px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none;min-width:max-content}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--green));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:22px;box-shadow:0 14px 30px rgba(11,31,58,.22),inset 0 1px rgba(255,255,255,.25);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-60% -30% auto auto;width:70%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(24deg)}.brand-mark.small{width:38px;height:38px;border-radius:13px;font-size:18px}.brand b{font-size:20px;font-weight:950;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:700;line-height:1.2}.premium-nav-links{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.premium-nav-links a{font-weight:800;font-size:14px;color:#344054;text-decoration:none;padding:10px 13px;border-radius:999px}.premium-nav-links a:hover{background:#eef4f8;color:var(--navy);transform:translateY(-1px)}.nav-actions{display:flex;align-items:center;gap:10px;min-width:max-content}.user-chip{display:inline-flex;align-items:center;gap:7px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:#344054;box-shadow:var(--shadow-sm);font-weight:800}.btn,button.btn,a.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;line-height:1.1;box-shadow:none;min-height:42px}.btn:hover,button:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1f1601!important;box-shadow:0 14px 30px rgba(214,164,58,.26)}.btn-dark{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff!important;box-shadow:0 14px 30px rgba(11,31,58,.22)}.btn-ghost{background:rgba(255,255,255,.78);border:1px solid var(--line);color:var(--navy)!important}.btn-light{background:#fff;color:var(--navy)!important;border:1px solid rgba(255,255,255,.46)}.btn.full{width:100%}.mobile-menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:14px;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:var(--shadow-sm);margin-left:auto}.mobile-menu-btn span{width:18px;height:2px;background:var(--navy);border-radius:99px}.mobile-only{display:none!important}
.hero{position:relative;padding:82px 0 70px;overflow:hidden;background:linear-gradient(135deg,#07182d 0%,#0b2747 48%,#0f8b6d 130%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(244,201,93,.22),transparent 28%),radial-gradient(circle at 80% 10%,rgba(16,185,129,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.055) 0 1px,transparent 1px);background-size:auto,auto,26px 26px}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(180deg,transparent,#f7fafc)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.96;margin:14px 0 18px;letter-spacing:-.06em;max-width:880px}.hero p{font-size:18px;line-height:1.75;color:#e4edf5;max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(214,164,58,.14);border:1px solid rgba(244,201,93,.35);color:#f4d989;border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--gold-2);box-shadow:0 0 0 5px rgba(244,201,93,.14)}.searchbar{display:flex;gap:10px;max-width:780px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:9px;backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.18);margin:28px 0}.searchbar input{flex:1;border:0;border-radius:16px;background:#fff;padding:17px 18px;font-size:15px;min-width:0}.searchbar button{border:0;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--gold-2));font-weight:950;padding:0 24px;color:#1f1601}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:28px;box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);position:relative;overflow:hidden}.hero-card .pattern{height:160px;border-radius:24px;background:linear-gradient(135deg,rgba(244,201,93,.25),rgba(15,139,109,.2)),repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 1px,transparent 1px 16px);border:1px solid rgba(255,255,255,.2);margin-bottom:20px}.hero-card h3{font-size:28px;margin:0 0 10px}.hero-card p{font-size:15px;color:#f2f5f7}.stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:end;margin-top:20px}.stats b{font-size:34px;color:#fff}.stats span{color:#c7d7e5;font-weight:800;margin-bottom:6px}
.card,.detail-card,.detail-media,.panel,.auth-card,.package-card,.notice-card,.stat-card{border:1px solid rgba(221,229,239,.95)!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:blur(12px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{border-radius:24px;padding:20px;color:var(--ink);text-decoration:none;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--green),var(--gold));opacity:.85}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)!important;border-color:rgba(214,164,58,.48)!important}.card h3{color:var(--navy);letter-spacing:-.03em}.product-img{background:linear-gradient(135deg,#f8fafc,#e9f2f0);border:1px solid var(--line);border-radius:20px;min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.card:hover .product-img img{transform:scale(1.04)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;letter-spacing:.04em;border:1px solid transparent;text-transform:uppercase}.badge-success{background:#dcfae6;color:#027a48;border-color:#abefc6}.badge-warning,.badge-gold{background:#fff3c4;color:#8a5a00;border-color:#f4c95d}.badge-danger{background:#fee4e2;color:#b42318;border-color:#fecdca}.badge-muted{background:#eef2f6;color:#475467;border-color:#dde5ef}.verified-badge{box-shadow:0 8px 22px rgba(15,139,109,.12)}.detail-grid{gap:28px}.detail-media,.detail-card{border-radius:28px}.detail-row{padding:13px 0;border-bottom:1px dashed #d6dee9}.detail-row span{font-weight:700}.detail-row b{color:var(--navy)}.action-row{gap:12px}.page-hero{background:linear-gradient(135deg,var(--navy),#0c365c);color:#fff;padding:70px 0;border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(214,164,58,.18),transparent 30%),radial-gradient(circle at 10% 70%,rgba(16,185,129,.18),transparent 32%)}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.055em}.page-hero p{color:#d7e2ee;line-height:1.7;font-size:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px}.checklist li{margin:10px 0;color:#475467}.checklist li::marker{color:var(--green)}
.auth-page{min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center;padding:48px 18px;background:radial-gradient(circle at top left,rgba(16,185,129,.10),transparent 36%)}.auth-card{width:min(560px,100%);border-radius:32px;padding:32px}.auth-card h1{font-size:34px;color:var(--navy);margin:0 0 8px}.auth-card p{color:var(--muted)}label{font-weight:850;color:#344054;display:block;margin-bottom:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;transition:border .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 5px rgba(16,185,129,.12)}textarea{min-height:120px}.role-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.role-choice label{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;cursor:pointer;transition:.2s ease}.role-choice label:hover{border-color:var(--gold);box-shadow:var(--shadow-sm)}.role-choice input{width:auto;margin-right:6px}.role-choice small{display:block;color:var(--muted);margin-top:6px}.inline{display:flex;align-items:center;gap:10px}.inline input{width:auto}.center{text-align:center}
.dashboard-layout.premium-dashboard-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 80px);background:transparent}.sidebar.premium-sidebar{background:linear-gradient(180deg,#081a31,#102a4c 58%,#0b1f3a);border-right:1px solid rgba(255,255,255,.08);color:#dbe6ef;padding:20px 14px;position:sticky;top:80px;height:calc(100vh - 80px);overflow:auto;scrollbar-width:thin}.sidebar-title{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:12px;margin-bottom:18px}.sidebar-title b{display:block;color:#fff}.sidebar-title small{display:block;color:#a9bacb;font-size:12px;margin-top:2px}.sidebar a{display:flex;align-items:center;gap:10px;color:#cfd9e5;text-decoration:none;border-radius:14px;padding:11px 13px;font-weight:800;margin:3px 0}.sidebar a:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(3px)}.sidebar-group-label{text-transform:uppercase;letter-spacing:.12em;color:#87a4c2;font-size:11px;font-weight:950;margin:18px 12px 8px}.dashboard-main.premium-dashboard-main{padding:28px;min-width:0}.panel.premium-panel{border-radius:28px;padding:26px;min-height:70vh;overflow:visible}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.page-title-row h1{margin:6px 0 0;color:var(--navy);font-size:clamp(28px,3vw,42px);letter-spacing:-.05em}.metric-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.metric-grid div,.stat-card{border-radius:22px;padding:20px;background:linear-gradient(135deg,#fff,#f6fbf9)!important}.metric-grid b,.stat-card b{font-size:32px;color:var(--navy);letter-spacing:-.04em}.metric-grid span,.stat-card span{color:var(--muted);font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full,.form-grid label.full{grid-column:1/-1}.filterbar{border-radius:22px;padding:10px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(11,31,58,.05)}th{background:#f3f7fb;color:var(--navy);font-weight:950}th,td{padding:13px 14px;border-bottom:1px solid #edf1f5;text-align:left}tr:last-child td{border-bottom:0}tbody tr:hover,table tr:hover td{background:#fbfdff}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.details{border-radius:20px;border:1px solid var(--line);background:#fff;padding:16px}.details summary{font-weight:950;color:var(--navy)}.notice-card{border-radius:22px;padding:18px}.chat-box{border-radius:24px;background:#f7fafc}.chat-msg{border-radius:18px}.chat-msg.mine{background:#e9fbf4}.reply-box textarea{border-radius:18px}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.package-card{border-radius:26px}.invoice-document{border-radius:28px}.footer.premium-footer{background:linear-gradient(180deg,#081a31,#051324);color:#d7e2ee;margin-top:0;padding-bottom:78px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:44px 22px}.footer a{color:#d7e2ee;text-decoration:none;margin:9px 0}.footer a:hover{color:#fff}.footer-brand{margin-bottom:12px}.copyright{border-top:1px solid rgba(255,255,255,.09);text-align:center;color:#95a6b8;padding:18px 22px}.empty-state,.error-card{border:1px dashed var(--line);border-radius:24px;background:#fff;padding:28px;text-align:center;color:var(--muted)}.empty-state:before{content:"✦";display:block;color:var(--gold);font-size:34px;margin-bottom:8px}.loading-skeleton{background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:200% 100%;animation:safiraSkeleton 1.4s infinite;border-radius:14px}@keyframes safiraSkeleton{to{background-position:-200% 0}}.reveal-ready [data-reveal]{opacity:0;transform:translateY(16px);transition:.55s ease}.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}.mobile-bottom-nav{display:none}.premium-qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.premium-qa-grid .qa-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;font-weight:850}.qa-item:before{content:"✓";display:inline-flex;width:24px;height:24px;border-radius:999px;background:#dcfae6;color:#027a48;align-items:center;justify-content:center;margin-right:8px;font-weight:950}.premium-ui-list{columns:2;column-gap:26px}.premium-ui-list li{break-inside:avoid;margin:0 0 8px;color:#344054}.trust-card{border-radius:26px}.trust-card b{font-size:48px}.verification-summary{gap:18px}.security-notice{display:flex;gap:12px;align-items:flex-start;background:#fff8e1;border:1px solid #f7d77a;border-radius:18px;padding:14px;color:#674d00}.security-notice:before{content:"🛡️"}.brand-pattern{background:linear-gradient(135deg,rgba(11,31,58,.92),rgba(15,139,109,.88)),repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 1px,transparent 1px 12px);border-radius:30px;color:#fff;padding:28px}
@media (min-width:1200px){.dashboard-main.premium-dashboard-main{padding:34px}.panel.premium-panel{padding:30px}.cards{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}}
@media (max-width:1080px){.premium-nav-links{position:fixed;left:18px;right:18px;top:84px;display:none;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow-xl);z-index:120}.premium-nav-links.is-open{display:flex}.premium-nav-links a{border-radius:14px;padding:13px 14px}.mobile-menu-btn{display:flex}.mobile-only{display:block!important}.nav-actions .btn,.nav-actions .user-chip{display:none}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:620px}.dashboard-layout.premium-dashboard-layout{grid-template-columns:1fr}.sidebar.premium-sidebar{position:relative;top:0;height:auto;border-right:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px;padding:16px}.sidebar-title,.sidebar-group-label{grid-column:1/-1}.dashboard-main.premium-dashboard-main{padding:18px}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){body.safira-premium-ui{padding-bottom:72px}.container{padding-inline:16px}.nav-inner{min-height:68px;padding:0 16px}.brand small{display:none}.brand-mark{width:42px;height:42px;border-radius:14px}.hero{padding:56px 0 52px}.hero h1{font-size:42px}.hero p,.page-hero p{font-size:16px}.searchbar{flex-direction:column;border-radius:22px}.searchbar button{min-height:52px}.hero-actions .btn{width:100%}.section{padding:38px 0}.cards{grid-template-columns:1fr}.card{border-radius:22px}.page-hero{padding:50px 0}.role-choice{grid-template-columns:1fr}.auth-card{padding:24px;border-radius:26px}.form-grid{grid-template-columns:1fr}.filterbar{flex-direction:column}.filterbar input,.filterbar select,.filterbar .btn{width:100%}.page-title-row{flex-direction:column}.dashboard-main.premium-dashboard-main{padding:12px}.panel.premium-panel{border-radius:22px;padding:18px}.sidebar.premium-sidebar{grid-template-columns:1fr;border-radius:0}.metric-grid,.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-grid b,.stat-card b{font-size:24px}table{display:block;overflow-x:auto;white-space:nowrap;border-radius:16px}.detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.premium-ui-list{columns:1}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;height:62px;background:rgba(255,255,255,.92);border:1px solid rgba(221,229,239,.9);border-radius:22px;box-shadow:0 18px 55px rgba(11,31,58,.18);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr);z-index:90;padding:6px}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#475467;font-size:11px;font-weight:900;border-radius:16px}.mobile-bottom-nav a span{font-size:18px;line-height:1}.mobile-bottom-nav a:hover{background:#eef7f4;color:var(--green)}}
@media (max-width:430px){.hero h1{font-size:36px}.page-hero h1{font-size:32px}.metric-grid,.stats-grid{grid-template-columns:1fr}.btn{width:auto}.stats{grid-template-columns:auto 1fr}.stats b{font-size:28px}.product-img{min-height:150px}.auth-page{padding:28px 12px}.auth-card h1{font-size:28px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover,.card:hover{transform:none!important}}

/* Safira.id v50.10 - Header Precision Compact Fix */
body.safira-premium-ui .topline{
  height:3px;
  background:linear-gradient(90deg,#0b6b5a 0%,#0f8b6d 44%,#d6a43a 74%,#12213a 100%);
}
body.safira-premium-ui .navbar.premium-navbar{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(226,232,240,.82)!important;
  box-shadow:0 8px 26px rgba(16,24,40,.055)!important;
  backdrop-filter:blur(14px)!important;
}
body.safira-premium-ui .navbar.premium-navbar .nav-inner{
  max-width:1280px!important;
  min-height:68px!important;
  height:68px!important;
  padding:0 22px!important;
  gap:20px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
body.safira-premium-ui .brand{
  min-width:300px!important;
  flex:0 0 300px!important;
  gap:12px!important;
  align-items:center!important;
  line-height:1.05!important;
}
body.safira-premium-ui .brand-mark{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:15px!important;
  font-size:21px!important;
  color:#ffffff!important;
  box-shadow:0 10px 22px rgba(15,118,110,.20)!important;
}
body.safira-premium-ui .brand b{
  display:block!important;
  font-size:24px!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
  color:#10233f!important;
  white-space:nowrap!important;
}
body.safira-premium-ui .brand small{
  display:block!important;
  margin-top:5px!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  color:#667085!important;
  white-space:nowrap!important;
}
body.safira-premium-ui .premium-nav-links{
  flex:1 1 auto!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
body.safira-premium-ui .premium-nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:850!important;
  color:#233149!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
body.safira-premium-ui .premium-nav-links a:hover{
  background:#f2f7f6!important;
  color:#0f766e!important;
  transform:translateY(-1px)!important;
}
body.safira-premium-ui .nav-actions{
  flex:0 0 auto!important;
  gap:10px!important;
  align-items:center!important;
  padding-left:18px!important;
  margin-left:2px!important;
  border-left:1px solid #e2e8f0!important;
}
body.safira-premium-ui .nav-actions .btn{
  min-height:40px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.safira-premium-ui .nav-actions .btn-ghost{
  border:0!important;
  background:transparent!important;
  color:#10233f!important;
}
body.safira-premium-ui .nav-actions .btn-ghost:hover{
  background:#f4f7fb!important;
}
body.safira-premium-ui .nav-actions .btn-gold{
  min-width:88px!important;
  background:linear-gradient(135deg,#e7b540,#f5c75b)!important;
  color:#101828!important;
  box-shadow:0 10px 24px rgba(214,158,46,.24)!important;
}
body.safira-premium-ui .nav-actions .btn-gold:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 14px 30px rgba(214,158,46,.30)!important;
}
body.safira-premium-ui .mobile-menu-btn{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  margin-left:auto!important;
}

@media (max-width:1180px){
  body.safira-premium-ui .navbar.premium-navbar .nav-inner{gap:14px!important;padding-inline:18px!important;}
  body.safira-premium-ui .brand{min-width:250px!important;flex-basis:250px!important;}
  body.safira-premium-ui .brand b{font-size:22px!important;}
  body.safira-premium-ui .brand small{font-size:11px!important;max-width:205px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.safira-premium-ui .premium-nav-links a{font-size:13px!important;padding-inline:9px!important;}
  body.safira-premium-ui .nav-actions{padding-left:12px!important;gap:6px!important;}
  body.safira-premium-ui .nav-actions .btn{padding-inline:14px!important;}
}
@media (max-width:1080px){
  body.safira-premium-ui .navbar.premium-navbar .nav-inner{height:64px!important;min-height:64px!important;}
  body.safira-premium-ui .brand{min-width:0!important;flex:1 1 auto!important;}
  body.safira-premium-ui .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;font-size:19px!important;}
  body.safira-premium-ui .brand b{font-size:21px!important;}
  body.safira-premium-ui .brand small{font-size:11px!important;}
  body.safira-premium-ui .premium-nav-links{top:76px!important;gap:4px!important;}
  body.safira-premium-ui .premium-nav-links a{justify-content:flex-start!important;font-size:14px!important;padding:13px 14px!important;min-height:44px!important;}
  body.safira-premium-ui .nav-actions{border-left:0!important;padding-left:0!important;}
}
@media (max-width:760px){
  body.safira-premium-ui .navbar.premium-navbar .nav-inner{height:60px!important;min-height:60px!important;padding-inline:14px!important;}
  body.safira-premium-ui .brand{gap:10px!important;}
  body.safira-premium-ui .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important;font-size:18px!important;}
  body.safira-premium-ui .brand b{font-size:20px!important;}
  body.safira-premium-ui .brand small{display:none!important;}
  body.safira-premium-ui .premium-nav-links{left:12px!important;right:12px!important;top:72px!important;border-radius:18px!important;}
}
@media (max-width:430px){
  body.safira-premium-ui .brand b{font-size:19px!important;}
  body.safira-premium-ui .mobile-menu-btn{width:40px!important;height:40px!important;}
}

/* Safira.id v50.11 - Dashboard Header & Footer Precision Fix */
body.safira-premium-ui.is-panel-page .navbar.premium-navbar .nav-inner{
  max-width:100%!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 22px!important;
  gap:14px!important;
}
body.safira-premium-ui.is-panel-page .brand{
  flex:0 0 auto!important;
  min-width:235px!important;
  max-width:285px!important;
  gap:10px!important;
}
body.safira-premium-ui.is-panel-page .brand-mark{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  font-size:19px!important;
}
body.safira-premium-ui.is-panel-page .brand b{
  font-size:21px!important;
  letter-spacing:-.04em!important;
}
body.safira-premium-ui.is-panel-page .brand small{
  max-width:210px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  margin-top:4px!important;
}
body.safira-premium-ui.is-panel-page .premium-nav-links{
  display:none!important;
}
body.safira-premium-ui.is-panel-page .mobile-menu-btn{
  display:none!important;
}
body.safira-premium-ui.is-panel-page .nav-actions{
  margin-left:auto!important;
  border-left:0!important;
  padding-left:0!important;
  gap:10px!important;
}
body.safira-premium-ui.is-panel-page .user-chip{
  max-width:360px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  border-radius:999px!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.safira-premium-ui.is-panel-page .user-chip span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.safira-premium-ui.is-panel-page .nav-actions .btn-dark{
  min-height:40px!important;
  padding:0 20px!important;
  border-radius:14px!important;
}
body.safira-premium-ui.is-panel-page .dashboard-layout.premium-dashboard-layout{
  min-height:calc(100vh - 61px)!important;
}
body.safira-premium-ui.is-panel-page .sidebar.premium-sidebar{
  top:58px!important;
  height:calc(100vh - 58px)!important;
}
body.safira-premium-ui.is-panel-page .footer,
body.safira-premium-ui.is-panel-page .premium-footer,
body.safira-premium-ui.is-panel-page .mobile-bottom-nav{
  display:none!important;
}
@media (max-width:900px){
  body.safira-premium-ui.is-panel-page .navbar.premium-navbar .nav-inner{
    height:56px!important;
    min-height:56px!important;
    padding:0 14px!important;
  }
  body.safira-premium-ui.is-panel-page .brand{
    min-width:0!important;
    max-width:58vw!important;
    flex:1 1 auto!important;
  }
  body.safira-premium-ui.is-panel-page .brand small{display:none!important;}
  body.safira-premium-ui.is-panel-page .brand b{font-size:20px!important;}
  body.safira-premium-ui.is-panel-page .brand-mark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:18px!important;
  }
  body.safira-premium-ui.is-panel-page .user-chip{
    display:none!important;
  }
  body.safira-premium-ui.is-panel-page .nav-actions .btn-dark{
    min-height:38px!important;
    padding:0 15px!important;
    font-size:13px!important;
  }
  body.safira-premium-ui.is-panel-page .sidebar.premium-sidebar{
    top:0!important;
    height:auto!important;
  }
}
@media (max-width:430px){
  body.safira-premium-ui.is-panel-page .brand{max-width:62vw!important;}
  body.safira-premium-ui.is-panel-page .brand b{font-size:19px!important;}
  body.safira-premium-ui.is-panel-page .nav-actions .btn-dark{padding:0 13px!important;}
}

/* Safira.id v50.12 - Global Logged-In Header Fix
   Jika user sudah login, menu publik tidak tampil di halaman mana pun agar header tidak tabrakan. */
body.safira-premium-ui.is-logged-in .navbar.premium-navbar .nav-inner{
  max-width:100%!important;
  height:62px!important;
  min-height:62px!important;
  padding:0 22px!important;
  gap:14px!important;
  overflow:hidden!important;
}
body.safira-premium-ui.is-logged-in .brand{
  flex:0 0 auto!important;
  min-width:260px!important;
  max-width:320px!important;
  gap:10px!important;
}
body.safira-premium-ui.is-logged-in .brand-mark{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  font-size:19px!important;
}
body.safira-premium-ui.is-logged-in .brand b{
  font-size:22px!important;
  line-height:1!important;
}
body.safira-premium-ui.is-logged-in .brand small{
  font-size:11px!important;
  line-height:1.1!important;
  max-width:230px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.safira-premium-ui.is-logged-in .premium-nav-links{
  display:flex!important;
  flex:1 1 auto!important;
  justify-content:flex-end!important;
  gap:0!important;
  min-width:20px!important;
}
body.safira-premium-ui.is-logged-in .premium-nav-links > a:not(.mobile-only){
  display:none!important;
}
body.safira-premium-ui.is-logged-in .nav-actions{
  margin-left:auto!important;
  flex:0 0 auto!important;
  border-left:1px solid #e2e8f0!important;
  padding-left:16px!important;
  gap:9px!important;
  min-width:0!important;
  max-width:calc(100vw - 360px)!important;
}
body.safira-premium-ui.is-logged-in .user-chip{
  height:38px!important;
  max-width:260px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  border-radius:999px!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.safira-premium-ui.is-logged-in .user-chip span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.safira-premium-ui.is-logged-in .nav-actions .btn{
  min-height:38px!important;
  height:38px!important;
  padding:0 15px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.safira-premium-ui.is-logged-in .nav-actions .dashboard-btn{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  color:#10233f!important;
}
body.safira-premium-ui.is-logged-in .nav-actions .logout-btn{
  background:#10233f!important;
  color:#fff!important;
  min-width:86px!important;
}
body.safira-premium-ui.is-logged-in .mobile-bottom-nav{
  display:none!important;
}
body.safira-premium-ui.is-logged-in .mobile-menu-btn{
  display:none!important;
}

@media (max-width:1100px){
  body.safira-premium-ui.is-logged-in .navbar.premium-navbar .nav-inner{height:58px!important;min-height:58px!important;padding-inline:14px!important;}
  body.safira-premium-ui.is-logged-in .brand{min-width:0!important;max-width:52vw!important;flex:1 1 auto!important;}
  body.safira-premium-ui.is-logged-in .brand small{display:none!important;}
  body.safira-premium-ui.is-logged-in .brand b{font-size:20px!important;}
  body.safira-premium-ui.is-logged-in .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;font-size:18px!important;}
  body.safira-premium-ui.is-logged-in .premium-nav-links{display:none!important;}
  body.safira-premium-ui.is-logged-in .nav-actions{border-left:0!important;padding-left:0!important;max-width:none!important;gap:7px!important;}
  body.safira-premium-ui.is-logged-in .user-chip{display:none!important;}
  body.safira-premium-ui.is-logged-in .nav-actions .btn{height:38px!important;min-height:38px!important;padding-inline:13px!important;font-size:12.5px!important;}
}
@media (max-width:430px){
  body.safira-premium-ui.is-logged-in .brand{max-width:50vw!important;}
  body.safira-premium-ui.is-logged-in .brand b{font-size:18px!important;}
  body.safira-premium-ui.is-logged-in .nav-actions .dashboard-btn{display:none!important;}
  body.safira-premium-ui.is-logged-in .nav-actions .logout-btn{min-width:76px!important;}
}

/* Safira.id v50.13 - Public Header Cleanup & Precision Fix
   Menghilangkan duplikasi Masuk/Daftar dan merapikan header publik desktop/mobile. */
body.safira-premium-ui.is-guest .navbar.premium-navbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(226,232,240,.9)!important;
  box-shadow:0 8px 28px rgba(16,24,40,.06)!important;
}
body.safira-premium-ui.is-guest .navbar.premium-navbar .nav-inner{
  max-width:100%!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  padding:0 32px!important;
  gap:22px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
body.safira-premium-ui.is-guest .brand{
  flex:0 0 360px!important;
  min-width:0!important;
  max-width:360px!important;
  gap:14px!important;
  align-items:center!important;
}
body.safira-premium-ui.is-guest .brand-mark{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:18px!important;
  font-size:24px!important;
  color:#ffffff!important;
}
body.safira-premium-ui.is-guest .brand b{
  font-size:25px!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  color:#10233f!important;
}
body.safira-premium-ui.is-guest .brand small{
  display:block!important;
  margin-top:6px!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:800!important;
  color:#667085!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:285px!important;
}
body.safira-premium-ui.is-guest .premium-nav-links{
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  position:static!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
body.safira-premium-ui.is-guest .premium-nav-links .mobile-only{
  display:none!important;
}
body.safira-premium-ui.is-guest .premium-nav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:850!important;
  color:#233149!important;
  white-space:nowrap!important;
  letter-spacing:-.018em!important;
}
body.safira-premium-ui.is-guest .premium-nav-links a:hover{
  background:#f2f7f6!important;
  color:#0f766e!important;
  transform:none!important;
}
body.safira-premium-ui.is-guest .premium-nav-links a[href*="page=home"],
body.safira-premium-ui.is-guest .premium-nav-links a:first-child{
  color:#0f766e!important;
}
body.safira-premium-ui.is-guest .nav-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding-left:18px!important;
  margin-left:0!important;
  border-left:1px solid #e2e8f0!important;
  min-width:228px!important;
}
body.safira-premium-ui.is-guest .nav-actions .btn{
  height:44px!important;
  min-height:44px!important;
  padding:0 20px!important;
  border-radius:16px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
body.safira-premium-ui.is-guest .nav-actions .btn-ghost{
  min-width:78px!important;
  border:0!important;
  background:transparent!important;
  color:#10233f!important;
  box-shadow:none!important;
}
body.safira-premium-ui.is-guest .nav-actions .btn-gold{
  min-width:106px!important;
  background:linear-gradient(135deg,#e6b23e,#f5c75b)!important;
  color:#101828!important;
  box-shadow:0 12px 28px rgba(214,158,46,.23)!important;
}
body.safira-premium-ui.is-guest .mobile-menu-btn{
  display:none!important;
}

@media (max-width:1380px){
  body.safira-premium-ui.is-guest .navbar.premium-navbar .nav-inner{padding:0 24px!important;gap:14px!important;}
  body.safira-premium-ui.is-guest .brand{flex-basis:310px!important;max-width:310px!important;}
  body.safira-premium-ui.is-guest .brand b{font-size:23px!important;}
  body.safira-premium-ui.is-guest .brand small{max-width:245px!important;font-size:11px!important;}
  body.safira-premium-ui.is-guest .premium-nav-links{gap:4px!important;}
  body.safira-premium-ui.is-guest .premium-nav-links a{font-size:14px!important;padding:0 9px!important;}
  body.safira-premium-ui.is-guest .nav-actions{min-width:205px!important;padding-left:14px!important;gap:8px!important;}
  body.safira-premium-ui.is-guest .nav-actions .btn{font-size:14px!important;padding:0 16px!important;}
}
@media (max-width:1120px){
  body.safira-premium-ui.is-guest .navbar.premium-navbar .nav-inner{
    height:66px!important;
    min-height:66px!important;
    padding:0 16px!important;
  }
  body.safira-premium-ui.is-guest .brand{flex:1 1 auto!important;max-width:55vw!important;}
  body.safira-premium-ui.is-guest .brand-mark{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;font-size:21px!important;}
  body.safira-premium-ui.is-guest .brand b{font-size:22px!important;}
  body.safira-premium-ui.is-guest .brand small{font-size:11px!important;max-width:260px!important;}
  body.safira-premium-ui.is-guest .mobile-menu-btn{display:flex!important;}
  body.safira-premium-ui.is-guest .premium-nav-links{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:78px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid #e2e8f0!important;
    border-radius:20px!important;
    padding:12px!important;
    box-shadow:0 22px 60px rgba(16,24,40,.16)!important;
    z-index:120!important;
  }
  body.safira-premium-ui.is-guest .premium-nav-links.is-open{display:flex!important;}
  body.safira-premium-ui.is-guest .premium-nav-links a{justify-content:flex-start!important;height:44px!important;min-height:44px!important;padding:0 14px!important;font-size:14px!important;}
  body.safira-premium-ui.is-guest .nav-actions{border-left:0!important;padding-left:0!important;min-width:auto!important;gap:8px!important;}
  body.safira-premium-ui.is-guest .nav-actions .btn-ghost{display:none!important;}
  body.safira-premium-ui.is-guest .nav-actions .btn-gold{height:40px!important;min-height:40px!important;min-width:92px!important;padding:0 16px!important;font-size:14px!important;border-radius:14px!important;}
}
@media (max-width:640px){
  body.safira-premium-ui.is-guest .navbar.premium-navbar .nav-inner{height:62px!important;min-height:62px!important;gap:10px!important;}
  body.safira-premium-ui.is-guest .brand{max-width:calc(100vw - 150px)!important;gap:10px!important;}
  body.safira-premium-ui.is-guest .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;font-size:19px!important;}
  body.safira-premium-ui.is-guest .brand b{font-size:20px!important;}
  body.safira-premium-ui.is-guest .brand small{display:none!important;}
  body.safira-premium-ui.is-guest .nav-actions .btn-gold{min-width:78px!important;padding:0 13px!important;font-size:13px!important;}
  body.safira-premium-ui.is-guest .mobile-menu-btn{width:40px!important;height:40px!important;border-radius:14px!important;}
  body.safira-premium-ui.is-guest .premium-nav-links{top:74px!important;}
}
@media (max-width:420px){
  body.safira-premium-ui.is-guest .nav-actions .btn-gold{display:none!important;}
  body.safira-premium-ui.is-guest .brand{max-width:calc(100vw - 74px)!important;}
}

/* v50.14 Official Safira.id Logo Integration */
.official-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-width:auto!important;
  flex:0 0 auto!important;
  line-height:1!important;
}
.brand-logo-img{
  display:block!important;
  height:42px!important;
  width:auto!important;
  max-width:180px!important;
  object-fit:contain!important;
  object-position:left center!important;
  flex:0 0 auto!important;
}
.logo-header{height:40px!important;max-width:180px!important;}
.footer-brand.official-brand{align-items:flex-start!important;margin-bottom:12px!important;}
.footer-brand .brand-logo-img,.logo-footer{height:38px!important;max-width:170px!important;filter:none!important;}
.official-sidebar-icon{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
.official-sidebar-icon:after{display:none!important;}
.brand-logo-icon{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  display:block!important;
}
.premium-navbar .brand.official-brand:hover{transform:none!important;}
.premium-navbar .brand.official-brand:hover .brand-logo-img{filter:drop-shadow(0 8px 14px rgba(13,71,161,.12));}
.auth-card:before{
  content:"";
  display:block;
  width:180px;
  height:54px;
  background:url('../../public/brand/safira-logo-full.png?v=50.14') left center/contain no-repeat;
  margin:0 auto 18px;
}
.maintenance-card .brand-mark.big{
  background:url('../../public/brand/safira-app-icon-square.png?v=50.14') center/contain no-repeat!important;
  color:transparent!important;
  border-radius:22px!important;
}
.invoice-head .brand-mark{
  background:url('../../public/brand/safira-logo-icon.png?v=50.14') center/contain no-repeat!important;
  color:transparent!important;
  box-shadow:none!important;
}
.invoice-head .brand-mark:after{display:none!important;}
@media (max-width: 1024px){
  .brand-logo-img,.logo-header{height:36px!important;max-width:160px!important;}
}
@media (max-width: 768px){
  .brand-logo-img,.logo-header{height:32px!important;max-width:140px!important;}
  .footer-brand .brand-logo-img,.logo-footer{height:30px!important;max-width:135px!important;}
  .brand-logo-icon,.official-sidebar-icon{width:30px!important;height:30px!important;min-width:30px!important;}
  .auth-card:before{width:180px;height:46px;margin-bottom:14px;}
}

/* v50.15 country flag desktop consistency */
.country-identity{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;min-width:0;line-height:1.25}
.country-identity span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.country-flag-img{width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(15,35,65,.12);display:inline-block;vertical-align:-3px;background:#fff;flex:0 0 auto}
.card p .country-identity,.card h3 .country-identity,td .country-identity{max-width:100%}
@media(max-width:768px){.country-flag-img{width:22px;height:16px;border-radius:3px}.country-identity{gap:6px}}


/* =========================================================
   Safira.id v50.16 - v50.20 Dashboard Final Polish
   Dashboard Precision UI Fix + Typography/Layout Cleanup
   Scroll & Sidebar Premium Fix + Responsive Beautify
   Applies to Super Admin, Admin, Supplier, Buyer panels only
   ========================================================= */

body.safira-premium-ui.is-panel-page{
  --dash-navy:#0b1f3a;
  --dash-navy-2:#102a4d;
  --dash-muted:#667085;
  --dash-text:#17233a;
  --dash-line:#e5edf6;
  --dash-soft:#f7fafc;
  --dash-card:#ffffff;
  --dash-green:#0f766e;
  --dash-gold:#d8a640;
  --dash-radius:20px;
  --dash-shadow:0 16px 40px rgba(16,35,63,.055);
  font-size:14px;
  line-height:1.52;
  letter-spacing:-.006em;
  background:
    radial-gradient(circle at 2% 2%, rgba(15,118,110,.08), transparent 28%),
    radial-gradient(circle at 98% 2%, rgba(216,166,64,.08), transparent 26%),
    linear-gradient(180deg,#f7fbfc 0%,#f5f8fb 100%)!important;
  color:var(--dash-text);
  overflow-y:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
body.safira-premium-ui.is-panel-page::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;}
body.safira-premium-ui.is-panel-page *{scrollbar-width:none;-ms-overflow-style:none;}
body.safira-premium-ui.is-panel-page *::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;}

/* Topbar dashboard: compact, clean, no public-menu feeling */
body.safira-premium-ui.is-panel-page .topline{height:3px!important;}
body.safira-premium-ui.is-panel-page .navbar.premium-navbar{
  height:62px!important;
  min-height:62px!important;
  border-bottom:1px solid rgba(226,232,240,.82)!important;
  box-shadow:0 8px 26px rgba(15,23,42,.04)!important;
  z-index:60!important;
}
body.safira-premium-ui.is-panel-page .navbar.premium-navbar .nav-inner{
  height:62px!important;
  min-height:62px!important;
  padding:0 clamp(14px,2vw,26px)!important;
  gap:14px!important;
  max-width:100%!important;
}
body.safira-premium-ui.is-panel-page .brand.official-brand{
  min-width:210px!important;
  max-width:255px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
body.safira-premium-ui.is-panel-page .brand-logo-img.logo-header,
body.safira-premium-ui.is-panel-page .official-brand .brand-logo-img{
  display:block!important;
  width:auto!important;
  height:42px!important;
  max-width:235px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.safira-premium-ui.is-panel-page .premium-nav-links,
body.safira-premium-ui.is-panel-page [data-mobile-menu]{display:none!important;}
body.safira-premium-ui.is-panel-page .mobile-menu-btn{display:none!important;}
body.safira-premium-ui.is-panel-page .nav-actions{
  margin-left:auto!important;
  padding-left:14px!important;
  gap:10px!important;
  border-left:1px solid rgba(226,232,240,.9)!important;
  flex:0 0 auto!important;
}
body.safira-premium-ui.is-panel-page .user-chip{
  height:34px!important;
  max-width:280px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 13px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 8px 24px rgba(16,35,63,.04)!important;
}
body.safira-premium-ui.is-panel-page .user-chip span{overflow:hidden;text-overflow:ellipsis;}
body.safira-premium-ui.is-panel-page .nav-actions .btn{
  min-height:36px!important;
  height:36px!important;
  padding:0 15px!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:-.006em!important;
}
body.safira-premium-ui.is-panel-page .nav-actions .logout-btn,
body.safira-premium-ui.is-panel-page .nav-actions .btn-dark{
  background:#0b1f3a!important;
  box-shadow:0 10px 22px rgba(11,31,58,.14)!important;
}

/* Dashboard shell precision */
body.safira-premium-ui.is-panel-page .dashboard-layout.premium-dashboard-layout{
  display:grid!important;
  grid-template-columns:248px minmax(0,1fr)!important;
  min-height:calc(100vh - 65px)!important;
  width:100%!important;
  align-items:stretch!important;
  background:transparent!important;
}
body.safira-premium-ui.is-panel-page .sidebar.premium-sidebar{
  position:sticky!important;
  top:65px!important;
  height:calc(100vh - 65px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px 14px 18px 16px!important;
  background:linear-gradient(180deg,#0b1f3a 0%,#102a4d 100%)!important;
  color:#d7e1ef!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03)!important;
}
body.safira-premium-ui.is-panel-page .sidebar-title{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:8px 8px 16px!important;
  margin:0 0 8px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
}
body.safira-premium-ui.is-panel-page .sidebar-title .brand-mark,
body.safira-premium-ui.is-panel-page .official-sidebar-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.safira-premium-ui.is-panel-page .sidebar-title .brand-logo-icon{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
body.safira-premium-ui.is-panel-page .sidebar-title b{
  display:block!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:#fff!important;
  letter-spacing:-.01em!important;
}
body.safira-premium-ui.is-panel-page .sidebar-title small{
  display:block!important;
  max-width:160px!important;
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:500!important;
  color:#9fb1c9!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.safira-premium-ui.is-panel-page .sidebar-group-label{
  margin:18px 8px 8px!important;
  font-size:10px!important;
  line-height:1!important;
  color:#93a8c2!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.safira-premium-ui.is-panel-page .sidebar a{
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  padding:9px 10px!important;
  margin:2px 0!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:#d8e3f2!important;
  letter-spacing:-.008em!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
body.safira-premium-ui.is-panel-page .sidebar a:hover{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}
body.safira-premium-ui.is-panel-page .sidebar a[aria-current="page"],
body.safira-premium-ui.is-panel-page .sidebar a.active{
  background:linear-gradient(135deg,rgba(15,118,110,.42),rgba(216,166,64,.18))!important;
  color:#fff!important;
}

body.safira-premium-ui.is-panel-page .dashboard-main.premium-dashboard-main{
  min-width:0!important;
  padding:clamp(16px,2.2vw,28px)!important;
  overflow:auto!important;
  background:
    linear-gradient(rgba(16,35,63,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,35,63,.025) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
}
body.safira-premium-ui.is-panel-page .panel.premium-panel{
  width:100%!important;
  max-width:1280px!important;
  min-height:calc(100vh - 118px)!important;
  margin:0 auto!important;
  padding:clamp(20px,2.2vw,32px)!important;
  border-radius:24px!important;
  border:1px solid rgba(220,229,241,.95)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--dash-shadow)!important;
  overflow:visible!important;
}
body.safira-premium-ui.is-panel-page .page-title-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 24px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid rgba(226,232,240,.9)!important;
}
body.safira-premium-ui.is-panel-page .page-title-row h1{
  margin:12px 0 0!important;
  color:var(--dash-navy)!important;
  font-size:clamp(26px,3vw,42px)!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.055em!important;
}
body.safira-premium-ui.is-panel-page .page-title-row .eyebrow{
  min-height:34px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  color:#ad7b16!important;
  background:#fff7df!important;
  border:1px solid #f4d58a!important;
}
body.safira-premium-ui.is-panel-page .page-title-row>.badge{
  align-self:flex-start!important;
  margin-top:4px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
}

/* Typography cleanup inside dashboards */
body.safira-premium-ui.is-panel-page h1,
body.safira-premium-ui.is-panel-page h2,
body.safira-premium-ui.is-panel-page h3{
  color:var(--dash-navy)!important;
  letter-spacing:-.035em!important;
}
body.safira-premium-ui.is-panel-page h2{font-size:22px!important;line-height:1.25!important;font-weight:650!important;margin:22px 0 12px!important;}
body.safira-premium-ui.is-panel-page h3{font-size:18px!important;line-height:1.3!important;font-weight:650!important;margin:16px 0 10px!important;}
body.safira-premium-ui.is-panel-page p,
body.safira-premium-ui.is-panel-page td,
body.safira-premium-ui.is-panel-page .muted,
body.safira-premium-ui.is-panel-page label{
  font-size:13.5px!important;
  font-weight:400!important;
}
body.safira-premium-ui.is-panel-page label{
  gap:7px!important;
  margin-bottom:12px!important;
  color:#344054!important;
  font-weight:600!important;
}

/* Metric cards: smaller, precise, balanced */
body.safira-premium-ui.is-panel-page .metric-grid,
body.safira-premium-ui.is-panel-page .stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:16px 0 22px!important;
}
body.safira-premium-ui.is-panel-page .metric-grid div,
body.safira-premium-ui.is-panel-page .stat-card{
  min-height:104px!important;
  padding:18px 20px!important;
  border:1px solid rgba(220,229,241,.95)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  box-shadow:0 10px 28px rgba(16,35,63,.035)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.safira-premium-ui.is-panel-page .metric-grid b,
body.safira-premium-ui.is-panel-page .stat-card b{
  display:block!important;
  color:#0b1f3a!important;
  font-size:clamp(25px,2.3vw,34px)!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
  margin:0 0 8px!important;
}
body.safira-premium-ui.is-panel-page .metric-grid span,
body.safira-premium-ui.is-panel-page .stat-card span{
  color:#667085!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}

/* Cards, notices, content blocks */
body.safira-premium-ui.is-panel-page .card,
body.safira-premium-ui.is-panel-page .notice-card,
body.safira-premium-ui.is-panel-page .details,
body.safira-premium-ui.is-panel-page .invoice-card,
body.safira-premium-ui.is-panel-page .auth-card{
  border-radius:20px!important;
  border:1px solid rgba(220,229,241,.95)!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(16,35,63,.04)!important;
}
body.safira-premium-ui.is-panel-page .notice-card{padding:16px 18px!important;margin:14px 0!important;color:#344054!important;}
body.safira-premium-ui.is-panel-page .cards{gap:14px!important;}
body.safira-premium-ui.is-panel-page .card{padding:16px!important;}
body.safira-premium-ui.is-panel-page .card h3{font-size:17px!important;font-weight:650!important;margin:9px 0 8px!important;}
body.safira-premium-ui.is-panel-page .card p{font-size:13.5px!important;line-height:1.55!important;}

/* Tables: clean, compact, premium */
body.safira-premium-ui.is-panel-page table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin-top:16px!important;
  overflow:hidden!important;
  border:1px solid rgba(220,229,241,.95)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(16,35,63,.025)!important;
}
body.safira-premium-ui.is-panel-page th,
body.safira-premium-ui.is-panel-page td{
  padding:11px 13px!important;
  border-bottom:1px solid rgba(226,232,240,.9)!important;
  vertical-align:middle!important;
  text-align:left!important;
}
body.safira-premium-ui.is-panel-page th{
  background:#f8fafc!important;
  color:#344054!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
body.safira-premium-ui.is-panel-page td{
  color:#344054!important;
  font-size:13px!important;
  line-height:1.4!important;
}
body.safira-premium-ui.is-panel-page tr:last-child td{border-bottom:0!important;}
body.safira-premium-ui.is-panel-page tr:hover td{background:#fbfdff!important;}
body.safira-premium-ui.is-panel-page .inline-form{gap:7px!important;}

/* Forms & controls */
body.safira-premium-ui.is-panel-page input,
body.safira-premium-ui.is-panel-page select,
body.safira-premium-ui.is-panel-page textarea{
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid #d9e2ee!important;
  background:#fff!important;
  color:#17233a!important;
  font-size:13.5px!important;
  font-weight:400!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body.safira-premium-ui.is-panel-page textarea{min-height:104px!important;line-height:1.5!important;}
body.safira-premium-ui.is-panel-page input:focus,
body.safira-premium-ui.is-panel-page select:focus,
body.safira-premium-ui.is-panel-page textarea:focus{
  border-color:rgba(15,118,110,.55)!important;
  box-shadow:0 0 0 4px rgba(15,118,110,.08)!important;
}
body.safira-premium-ui.is-panel-page .form-grid{
  gap:14px 16px!important;
  align-items:start!important;
}
body.safira-premium-ui.is-panel-page .btn,
body.safira-premium-ui.is-panel-page button{
  min-height:40px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:-.006em!important;
}
body.safira-premium-ui.is-panel-page .btn-gold{background:linear-gradient(135deg,#d8a640,#f3c762)!important;color:#101828!important;}
body.safira-premium-ui.is-panel-page .btn-ghost{background:#fff!important;border:1px solid #d9e2ee!important;color:#0b1f3a!important;}
body.safira-premium-ui.is-panel-page .badge{
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}

/* Responsive dashboard beautify */
@media (max-width:1180px){
  body.safira-premium-ui.is-panel-page .dashboard-layout.premium-dashboard-layout{grid-template-columns:228px minmax(0,1fr)!important;}
  body.safira-premium-ui.is-panel-page .sidebar.premium-sidebar{padding-inline:12px!important;}
  body.safira-premium-ui.is-panel-page .metric-grid,
  body.safira-premium-ui.is-panel-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:980px){
  body.safira-premium-ui.is-panel-page .dashboard-layout.premium-dashboard-layout{grid-template-columns:1fr!important;}
  body.safira-premium-ui.is-panel-page .sidebar.premium-sidebar{
    position:relative!important;
    top:0!important;
    height:auto!important;
    max-height:280px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 8px!important;
    padding:14px!important;
    border-right:0!important;
  }
  body.safira-premium-ui.is-panel-page .sidebar-title,
  body.safira-premium-ui.is-panel-page .sidebar-group-label{grid-column:1/-1!important;}
  body.safira-premium-ui.is-panel-page .dashboard-main.premium-dashboard-main{padding:16px!important;}
  body.safira-premium-ui.is-panel-page .panel.premium-panel{min-height:auto!important;}
  body.safira-premium-ui.is-panel-page .nav-actions .user-chip{display:none!important;}
}
@media (max-width:760px){
  body.safira-premium-ui.is-panel-page{font-size:13.5px!important;padding-bottom:0!important;}
  body.safira-premium-ui.is-panel-page .navbar.premium-navbar,
  body.safira-premium-ui.is-panel-page .navbar.premium-navbar .nav-inner{height:58px!important;min-height:58px!important;}
  body.safira-premium-ui.is-panel-page .brand.official-brand{max-width:170px!important;min-width:0!important;}
  body.safira-premium-ui.is-panel-page .brand-logo-img.logo-header,
  body.safira-premium-ui.is-panel-page .official-brand .brand-logo-img{height:36px!important;max-width:160px!important;}
  body.safira-premium-ui.is-panel-page .nav-actions{gap:6px!important;padding-left:8px!important;}
  body.safira-premium-ui.is-panel-page .nav-actions .dashboard-btn{display:none!important;}
  body.safira-premium-ui.is-panel-page .nav-actions .btn{height:34px!important;min-height:34px!important;padding-inline:12px!important;font-size:12px!important;}
  body.safira-premium-ui.is-panel-page .sidebar.premium-sidebar{grid-template-columns:1fr!important;max-height:260px!important;}
  body.safira-premium-ui.is-panel-page .dashboard-main.premium-dashboard-main{padding:12px!important;background-size:34px 34px!important;}
  body.safira-premium-ui.is-panel-page .panel.premium-panel{padding:16px!important;border-radius:20px!important;}
  body.safira-premium-ui.is-panel-page .page-title-row{flex-direction:column!important;gap:10px!important;margin-bottom:18px!important;padding-bottom:14px!important;}
  body.safira-premium-ui.is-panel-page .page-title-row h1{font-size:28px!important;letter-spacing:-.045em!important;}
  body.safira-premium-ui.is-panel-page h2{font-size:20px!important;}
  body.safira-premium-ui.is-panel-page .metric-grid,
  body.safira-premium-ui.is-panel-page .stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  body.safira-premium-ui.is-panel-page .metric-grid div,
  body.safira-premium-ui.is-panel-page .stat-card{min-height:92px!important;padding:14px!important;border-radius:16px!important;}
  body.safira-premium-ui.is-panel-page .metric-grid b,
  body.safira-premium-ui.is-panel-page .stat-card b{font-size:24px!important;}
  body.safira-premium-ui.is-panel-page .metric-grid span,
  body.safira-premium-ui.is-panel-page .stat-card span{font-size:12.5px!important;}
  body.safira-premium-ui.is-panel-page .cards{grid-template-columns:1fr!important;}
  body.safira-premium-ui.is-panel-page .form-grid{grid-template-columns:1fr!important;}
  body.safira-premium-ui.is-panel-page table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;border-radius:16px!important;}
  body.safira-premium-ui.is-panel-page th,
  body.safira-premium-ui.is-panel-page td{padding:10px 11px!important;font-size:12.5px!important;}
}
@media (max-width:430px){
  body.safira-premium-ui.is-panel-page .metric-grid,
  body.safira-premium-ui.is-panel-page .stats-grid{grid-template-columns:1fr!important;}
  body.safira-premium-ui.is-panel-page .panel.premium-panel{padding:14px!important;}
  body.safira-premium-ui.is-panel-page .page-title-row h1{font-size:25px!important;}
  body.safira-premium-ui.is-panel-page .brand-logo-img.logo-header,
  body.safira-premium-ui.is-panel-page .official-brand .brand-logo-img{height:32px!important;max-width:140px!important;}
}



/* Safira.id v50.27 - Dashboard Sidebar Real Minimal Fix */
.dashboard-layout.v50-27-layout,
.dashboard-layout{
  grid-template-columns:224px minmax(0,1fr)!important;
  min-height:calc(100vh - 72px)!important;
  gap:0!important;
}
.sidebar.v50-27-sidebar,
.sidebar{
  background:linear-gradient(180deg,#0b213d 0%,#081a31 100%)!important;
  color:#dbe5f2!important;
  padding:12px!important;
  position:sticky!important;
  top:72px!important;
  height:calc(100vh - 72px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
}
.sidebar.v50-27-sidebar::-webkit-scrollbar,
.sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.sidebar-user-card{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:10px!important;margin-bottom:12px!important;border-radius:16px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;
}
.sidebar-avatar{
  width:34px!important;height:34px!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#1565c0,#00bcd4)!important;color:#fff!important;
  font-size:15px!important;font-weight:800!important;
}
.sidebar-user-card b{display:block!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important}
.sidebar-user-card small{display:block!important;color:#aab7ca!important;font-size:10.5px!important;line-height:1.3!important;margin-top:2px!important}
.sidebar-menu-primary{display:flex!important;flex-direction:column!important;gap:5px!important}
.sidebar a.sidebar-link,
.sidebar a{
  display:flex!important;align-items:center!important;
  padding:9px 10px!important;margin:0!important;border-radius:12px!important;
  color:#dbe5f2!important;font-size:12.5px!important;font-weight:500!important;line-height:1.35!important;
  text-decoration:none!important;transition:all .16s ease!important;
}
.sidebar a.sidebar-link:hover,
.sidebar a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:translateX(1px)!important}
.sidebar a.sidebar-link.active,
.sidebar a.active{
  background:linear-gradient(90deg,rgba(19,85,80,.95),rgba(24,59,96,.95))!important;
  color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}
.sidebar-more-menu{
  margin-top:8px!important;border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;overflow:hidden!important;
}
.sidebar-more-menu summary{
  cursor:pointer!important;list-style:none!important;
  padding:10px!important;color:#cfd9e8!important;font-size:12px!important;font-weight:600!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
}
.sidebar-more-menu summary::-webkit-details-marker{display:none!important}
.sidebar-more-menu summary::after{content:'+';font-size:15px!important;opacity:.75}
.sidebar-more-menu[open] summary::after{content:'–'}
.sidebar-more-list{display:flex!important;flex-direction:column!important;gap:5px!important;padding:0 7px 8px!important}
.sidebar-more-list a{font-size:12px!important;color:#cad5e3!important;background:rgba(255,255,255,.025)!important}
.sidebar-bottom{margin-top:10px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.logout-link{background:rgba(217,45,32,.12)!important;color:#ffe2df!important}
.sidebar-title,.sidebar .sidebar-title,.menu-group-title,.sidebar-heading,.section-title{display:none!important}
.dashboard-main.v50-27-main,
.dashboard-main{padding:18px 20px 22px!important;min-width:0!important}
.panel.v50-27-panel,
.panel{border-radius:22px!important;padding:20px!important}
.panel.v50-27-panel h1,
.panel h1{font-size:28px!important;line-height:1.16!important;font-weight:700!important;letter-spacing:-.02em!important;margin:0 0 16px!important}
@media(max-width:980px){
  .dashboard-layout.v50-27-layout,.dashboard-layout{grid-template-columns:1fr!important}
  .sidebar.v50-27-sidebar,.sidebar{position:relative!important;top:0!important;height:auto!important;padding:12px!important}
  .dashboard-main.v50-27-main,.dashboard-main{padding:14px!important}
  .panel.v50-27-panel,.panel{padding:16px!important;border-radius:20px!important}
  .panel.v50-27-panel h1,.panel h1{font-size:23px!important}
}

/* Safira.id v50.28 - Footer Logo Premium */
.footer.footer-premium{background:linear-gradient(135deg,#05152b 0%,#082246 52%,#04162d 100%)!important;color:#d9e3f0!important;margin-top:54px!important;position:relative;overflow:hidden}
.footer.footer-premium::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,188,212,.10),transparent 24%),radial-gradient(circle at 90% 0%,rgba(247,215,122,.08),transparent 18%);pointer-events:none}
.footer-premium-grid{display:grid!important;grid-template-columns:1.6fr .8fr .8fr!important;gap:40px!important;align-items:start!important;padding-top:44px!important;padding-bottom:40px!important;position:relative;z-index:1}
.footer-brand-block{max-width:560px!important}
.footer-logo-premium{display:block!important;width:clamp(180px,24vw,260px)!important;height:auto!important;object-fit:contain!important;margin:0 0 18px!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28)) drop-shadow(0 0 18px rgba(31,142,255,.18))!important}
.footer-brand-desc{margin:0!important;color:#f3f7fc!important;font-size:16px!important;line-height:1.55!important;max-width:640px!important}
.footer-links-col b{display:block!important;font-size:18px!important;line-height:1.25!important;color:#ffffff!important;margin-bottom:14px!important}
.footer-links-col a{display:block!important;margin:0 0 10px!important;color:#e2e8f0!important;font-size:15px!important;line-height:1.45!important;transition:all .16s ease!important}
.footer-links-col a:hover{color:#ffffff!important;transform:translateX(2px)!important}
.footer .copyright{text-align:center!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:16px 16px 18px!important;color:#a9b8c9!important;font-size:13px!important;position:relative;z-index:1}
@media(max-width:900px){.footer-premium-grid{grid-template-columns:1fr!important;gap:22px!important;padding-top:30px!important;padding-bottom:28px!important}.footer-logo-premium{width:min(220px,70vw)!important;margin-bottom:14px!important}.footer-brand-desc{font-size:15px!important}.footer-links-col b{font-size:16px!important}.footer-links-col a{font-size:14px!important}}

/* Safira.id v50.29 - Correct Footer Logo Fix */
.footer-logo-premium{width:clamp(190px,22vw,320px)!important;height:auto!important;object-fit:contain!important;display:block!important;margin:0 0 16px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))!important;mix-blend-mode:normal!important;}
.footer-brand-block{max-width:680px!important;}
.footer-brand-desc{margin-top:4px!important;max-width:780px!important;color:#f5f7fb!important;}
.footer.footer-premium{background:linear-gradient(135deg,#03142a 0%,#052149 48%,#03142a 100%)!important;}
@media(max-width:900px){.footer-logo-premium{width:min(220px,72vw)!important;}}

/* Safira.id v50.30 - Footer Logo Shell Fix */
.footer.footer-premium{background:linear-gradient(135deg,#05152b 0%,#082246 52%,#04162d 100%)!important;color:#d9e3f0!important;margin-top:54px!important;position:relative;overflow:hidden}
.footer.footer-premium::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,188,212,.08),transparent 24%),radial-gradient(circle at 90% 0%,rgba(247,215,122,.07),transparent 18%);pointer-events:none}
.footer-premium-grid{display:grid!important;grid-template-columns:1.55fr .8fr .8fr!important;gap:40px!important;align-items:start!important;padding-top:42px!important;padding-bottom:38px!important;position:relative;z-index:1}
.footer-brand-block{max-width:620px!important}
.footer-logo-shell{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,247,251,.98))!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 18px 40px rgba(2,8,23,.24),0 2px 10px rgba(255,255,255,.08) inset!important;border-radius:24px!important;padding:14px 18px!important;margin:0 0 18px!important;max-width:100%!important}
.footer-logo-premium{display:block!important;width:clamp(220px,26vw,330px)!important;height:auto!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 8px 16px rgba(10,27,60,.10))!important}
.footer-brand-desc{margin:0!important;color:#f3f7fc!important;font-size:16px!important;line-height:1.58!important;max-width:740px!important}
.footer-links-col b{display:block!important;font-size:18px!important;line-height:1.25!important;color:#ffffff!important;margin-bottom:14px!important}
.footer-links-col a{display:block!important;margin:0 0 10px!important;color:#e2e8f0!important;font-size:15px!important;line-height:1.45!important;transition:all .16s ease!important}
.footer-links-col a:hover{color:#ffffff!important;transform:translateX(2px)!important}
.footer .copyright{text-align:center!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:16px 16px 18px!important;color:#a9b8c9!important;font-size:13px!important;position:relative;z-index:1}
@media(max-width:900px){.footer-premium-grid{grid-template-columns:1fr!important;gap:22px!important;padding-top:28px!important;padding-bottom:26px!important}.footer-logo-shell{padding:12px 14px!important;border-radius:20px!important;margin-bottom:14px!important}.footer-logo-premium{width:min(250px,74vw)!important}.footer-brand-desc{font-size:15px!important}.footer-links-col b{font-size:16px!important}.footer-links-col a{font-size:14px!important}}
/* Safira.id v50.31 Logo Transparent Dark/Light Fix */
.logo-main{display:block;height:auto;object-fit:contain;max-width:100%}
.brand.brand-logo{min-width:auto;gap:0}
.logo-header{width:min(220px,22vw);min-width:160px}
.nav-inner{align-items:center}
.sidebar-brand{display:flex;align-items:center;justify-content:center;padding:6px 6px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-logo{width:min(170px,100%)}
.auth-logo-wrap,.maintenance-logo-wrap{text-align:center;margin:0 0 18px}
.auth-logo{width:min(240px,78vw);margin:0 auto}
.logo-maintenance{width:min(250px,78vw);margin:0 auto}
.hero-logo-dark{width:min(280px,100%);height:auto;display:block;margin:0 0 18px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.16))}
.hero-card{display:flex;flex-direction:column;justify-content:center}
.footer-premium{background:linear-gradient(135deg,#05152b 0%,#072149 52%,#04152b 100%)!important;color:#d0d9e8}
.footer-grid-premium{grid-template-columns:1.6fr 1fr 1fr;gap:24px;padding-top:34px;padding-bottom:28px;align-items:start}
.footer-brand p{margin:14px 0 0;color:#eef4ff;line-height:1.62;font-size:16px;max-width:640px}
.logo-footer{width:min(260px,28vw)}
.footer b{display:block;color:#fff;margin-bottom:10px}
.footer a{opacity:.95}
.copyright{font-size:13px}
.brand-mark,.brand-mark.big{display:none!important}
@media(max-width:900px){
  .logo-header{width:min(190px,58vw);min-width:0}
  .nav-inner{padding:12px 16px}
  .sidebar-logo{width:min(150px,88%)}
  .auth-logo{width:min(220px,70vw)}
  .logo-maintenance{width:min(220px,72vw)}
  .hero-logo-dark{width:min(220px,76vw);margin-bottom:14px}
  .logo-footer{width:min(220px,72vw)}
  .footer-brand p{font-size:15px}
}
/* Safira.id v50.32 - Hero Logo Remove + Mobile Logo Size Fix */
.hero-logo-dark{display:none!important}

@media (max-width: 900px){
  .logo-header,
  .logo-main.logo-header,
  .brand-logo img,
  .navbar .brand img{
    width:auto!important;
    max-width:150px!important;
    height:30px!important;
  }

  .sidebar-logo,
  .logo-main.sidebar-logo,
  .sidebar-brand img{
    width:auto!important;
    max-width:122px!important;
    height:34px!important;
  }

  .logo-footer,
  .logo-main.logo-footer,
  .footer-brand img{
    width:auto!important;
    max-width:180px!important;
    height:auto!important;
  }

  .auth-logo,
  .logo-maintenance,
  .logo-main.auth-logo,
  .logo-main.logo-maintenance{
    width:auto!important;
    max-width:170px!important;
    height:auto!important;
  }

  .footer-brand p{
    font-size:14px!important;
    line-height:1.65!important;
  }
}

@media (max-width: 640px){
  .logo-header,
  .logo-main.logo-header,
  .brand-logo img,
  .navbar .brand img{
    max-width:138px!important;
    height:28px!important;
  }

  .sidebar-logo,
  .logo-main.sidebar-logo,
  .sidebar-brand img{
    max-width:112px!important;
    height:30px!important;
  }

  .logo-footer,
  .logo-main.logo-footer,
  .footer-brand img{
    max-width:160px!important;
  }

  .auth-logo,
  .logo-maintenance,
  .logo-main.auth-logo,
  .logo-main.logo-maintenance{
    max-width:155px!important;
  }
}
/* Safira.id v50.33 - Auth Single Logo Fix */
.auth-logo-wrap{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 0 14px!important}
.auth-logo{display:block!important;width:auto!important;max-width:180px!important;height:auto!important;object-fit:contain!important}
.auth-card .brand-mark,.auth-card img + img{display:none!important}
@media(max-width:900px){.auth-logo{max-width:160px!important}}
@media(max-width:640px){.auth-logo{max-width:145px!important}.auth-logo-wrap{margin-bottom:12px!important}}
/* Safira.id v50.34 - Auth Logo Hard Cleanup */
.auth-card .auth-logo-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 0 14px!important;
}
.auth-card .auth-logo-wrap ~ .auth-logo-wrap{
  display:none!important;
}
.auth-card .auth-logo-wrap:nth-of-type(n+2){
  display:none!important;
}
.auth-card > img.logo-main.auth-logo{
  display:none!important;
}
.auth-card .auth-logo{
  display:block!important;
  width:auto!important;
  max-width:175px!important;
  height:auto!important;
  object-fit:contain!important;
}
.auth-card h1{
  margin-top:4px!important;
}
@media(max-width:900px){
  .auth-card .auth-logo{max-width:155px!important;}
}
@media(max-width:640px){
  .auth-card .auth-logo{max-width:140px!important;}
  .auth-card .auth-logo-wrap{margin-bottom:10px!important;}
}

/* Safira.id v50.36 - Emergency 500 Recovery + Safe Audit Fix */
.logo-main{display:block;height:auto;object-fit:contain;max-width:100%}
.brand.brand-logo{min-width:auto!important;gap:0!important}
.logo-header{width:auto!important;max-width:190px!important;height:42px!important}
.sidebar-brand{display:flex;align-items:center;justify-content:center;padding:6px 6px 12px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-logo{width:auto!important;max-width:145px!important;height:auto!important}
.logo-footer{width:auto!important;max-width:220px!important;height:auto!important}
body.dashboard-context .nav-links,
body.dashboard-context .footer{display:none!important}
body.dashboard-context .navbar .nav-inner{justify-content:space-between!important}
body.dashboard-context .nav-actions{margin-left:auto!important}
.auth-card .auth-logo-wrap{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 0 14px!important}
.auth-card .auth-logo-wrap ~ .auth-logo-wrap{display:none!important}
.auth-card > img.logo-main.auth-logo{display:none!important}
.auth-card .auth-logo{width:auto!important;max-width:165px!important;height:auto!important;object-fit:contain!important}
.auth-card h1{margin-top:4px!important}
.hero-logo-dark{display:none!important}

@media(max-width:900px){
  .logo-header{max-width:145px!important;height:30px!important}
  .sidebar-logo{max-width:118px!important}
  .auth-card .auth-logo{max-width:145px!important}
  .footer .footer-grid,
  .footer .footer-grid-safe,
  .footer .footer-premium-grid,
  .footer .footer-grid-premium,
  .footer .footer-brand,
  .footer .footer-brand-block,
  .footer .footer-links-col,
  .footer .container{display:none!important}
  .footer{display:block!important;margin-top:18px!important;background:#081a31!important;border-top:1px solid rgba(255,255,255,.08)!important}
  .footer .copyright{display:block!important;border-top:0!important;padding:14px 12px!important;text-align:center!important;color:#a9b8c9!important;font-size:12.5px!important;font-weight:500!important}
}
@media(max-width:640px){
  .logo-header{max-width:132px!important;height:28px!important}
  .sidebar-logo{max-width:108px!important}
  .auth-card .auth-logo{max-width:132px!important}
  .auth-card .auth-logo-wrap{margin-bottom:10px!important}
}
/* Safira.id v50.37 - Single Logo Safe Fix */
/* LOGIN / REGISTER: keep only header logo, hide all card logos */
.auth-card .auth-logo-wrap,
.auth-card .auth-logo,
.auth-card .brand-mark.big,
.auth-card .auth-brand,
.auth-card .logo-auth,
.auth-card .logo-main.auth-logo {
  display:none !important;
}

/* DASHBOARD: keep only header logo, hide sidebar logo */
.sidebar-brand,
.sidebar .sidebar-logo,
.sidebar .brand-block,
.sidebar .brand-logo,
.sidebar .logo-main.sidebar-logo {
  display:none !important;
}

/* spacing cleanup after sidebar logo hidden */
.sidebar {
  padding-top: 18px !important;
}
.sidebar .sidebar-title {
  margin-top: 0 !important;
}

/* extra protection if multiple identical logos appear inside auth card */
.auth-card img[src*="safira"],
.auth-card img[alt*="Safira"] {
  display:none !important;
}

/* keep header logo neat */
.navbar .brand img,
.navbar .brand-logo img,
.navbar img.logo-header,
.navbar .logo-main.logo-header {
  width:auto !important;
  max-width:190px !important;
  height:42px !important;
  object-fit:contain !important;
}

@media (max-width: 900px) {
  .navbar .brand img,
  .navbar .brand-logo img,
  .navbar img.logo-header,
  .navbar .logo-main.logo-header {
    max-width:145px !important;
    height:30px !important;
  }
  .sidebar { padding-top: 14px !important; }
}

@media (max-width: 640px) {
  .navbar .brand img,
  .navbar .brand-logo img,
  .navbar img.logo-header,
  .navbar .logo-main.logo-header {
    max-width:132px !important;
    height:28px !important;
  }
}

/* Safira.id v51.09 - UI Stable Release
   Global compact, premium, anti-overlap, no heavy bold. */

/* Typography reset: smaller, softer, cleaner */
html, body{
  -webkit-font-smoothing: antialiased!important;
  text-rendering: optimizeLegibility!important;
}
body{
  font-size:14px!important;
  line-height:1.55!important;
  letter-spacing:-.005em!important;
}
body, input, select, textarea, button{
  font-weight:400!important;
}
b,strong,h1,h2,h3,h4,h5,h6,
.nav-links a,.sidebar a,.btn,button,label,th,.badge,.sidebar-title{
  font-weight:500!important;
}
h1{font-size:28px!important;line-height:1.18!important;margin-top:0!important;margin-bottom:14px!important;letter-spacing:-.025em!important}
h2{font-size:22px!important;line-height:1.22!important;margin-top:0!important;margin-bottom:12px!important;letter-spacing:-.02em!important}
h3{font-size:17px!important;line-height:1.3!important;margin-top:0!important;margin-bottom:9px!important}
p,small,td,th,label,input,select,textarea{font-size:13.5px!important}
small,.muted{font-size:12.5px!important}

/* Header: compact and no overlap */
.navbar{z-index:50!important}
.nav-inner{
  min-height:62px!important;
  padding:10px 18px!important;
  gap:16px!important;
  align-items:center!important;
}
.brand{min-width:160px!important;max-width:220px!important;gap:8px!important;flex-shrink:0!important}
.brand b{font-size:20px!important;line-height:1!important;font-weight:500!important}
.brand small{font-size:10.5px!important;line-height:1.2!important}
.brand-mark{width:34px!important;height:34px!important;border-radius:11px!important}
.logo-header,.navbar .brand img{
  width:auto!important;
  max-width:178px!important;
  height:38px!important;
  object-fit:contain!important;
}
.nav-links{
  gap:14px!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}
.nav-links a{
  font-size:13.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  color:#344054!important;
}
.nav-actions{gap:8px!important;align-items:center!important;flex-shrink:0!important}
.user-chip{font-size:12.5px!important}

/* Buttons: smaller, not chunky */
.btn,button{
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.btn-gold{background:linear-gradient(135deg,#dba733,#f5c85b)!important;color:#16120a!important}
.btn-dark{background:#0b213d!important;color:#fff!important}

/* Compact sections and backgrounds */
.container{max-width:1120px!important;padding-left:18px!important;padding-right:18px!important}
.section{padding:34px 18px!important}
.section h1,.section h2{margin-bottom:14px!important}
.page-hero{padding:44px 0!important}
.hero{padding:50px 0 46px!important}
.hero-grid{gap:28px!important}
.hero h1,.page-hero h1{font-size:36px!important;line-height:1.12!important;margin:12px 0!important}
.hero p,.page-hero p,.lead{font-size:15.5px!important;line-height:1.65!important}
.eyebrow{font-size:11px!important;padding:6px 10px!important;font-weight:500!important}

/* Search/filter: compact */
.searchbar,.filterbar{
  border-radius:15px!important;
  padding:7px!important;
  margin-top:18px!important;
  gap:7px!important;
}
.searchbar input,.filterbar input,.filterbar select{
  font-size:13.5px!important;
  padding:10px 11px!important;
}

/* Cards and boxes: smaller, premium */
.cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(245px,310px))!important;
  gap:14px!important;
  justify-content:center!important;
  align-items:stretch!important;
  margin-top:14px!important;
}
.card{
  max-width:310px!important;
  padding:14px!important;
  border-radius:17px!important;
  box-shadow:0 8px 22px rgba(16,35,63,.055)!important;
  border-color:#e7ecf3!important;
  transform:none!important;
}
.card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(16,35,63,.08)!important;
}
.card h3{font-size:16px!important;margin:8px 0 6px!important}
.card p{margin:0 0 7px!important;color:#475467!important}
.card small{line-height:1.45!important}
.product-img{
  height:128px!important;
  border-radius:14px!important;
  margin-bottom:10px!important;
}
.badge{
  font-size:10.5px!important;
  padding:4px 8px!important;
  line-height:1.05!important;
}

/* Dashboard: compact, clean, no public nav/footer */
body:has(.dashboard-layout) .navbar .nav-links{
  display:none!important;
}
body:has(.dashboard-layout) .footer{
  display:none!important;
}
body:has(.dashboard-layout) .nav-inner{
  justify-content:space-between!important;
}
.dashboard-layout{
  grid-template-columns:220px minmax(0,1fr)!important;
  min-height:calc(100vh - 66px)!important;
}
.sidebar{
  padding:14px 12px!important;
  top:66px!important;
  height:calc(100vh - 66px)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.sidebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.sidebar-title{
  font-size:11px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  margin:0 0 10px!important;
  color:#aab7ca!important;
}
.sidebar a{
  padding:8px 10px!important;
  margin-bottom:4px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  color:#dbe5f2!important;
}
.sidebar a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.sidebar-brand,.sidebar .sidebar-logo,.sidebar .brand-logo,.sidebar .logo-main.sidebar-logo{
  display:none!important;
}
.dashboard-main{
  padding:16px!important;
  min-width:0!important;
}
.panel{
  padding:18px!important;
  border-radius:20px!important;
  overflow:auto!important;
  box-shadow:0 8px 24px rgba(16,35,63,.055)!important;
}
.panel h1{
  font-size:25px!important;
  line-height:1.18!important;
  margin:0 0 14px!important;
}

/* Dashboard cards/statistics/tables */
.metric-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:11px!important;
  margin:14px 0!important;
}
.metric-grid div{
  padding:14px!important;
  border-radius:15px!important;
}
.metric-grid b{
  font-size:24px!important;
  line-height:1.1!important;
  font-weight:500!important;
}
.metric-grid span{font-size:12.5px!important}
table{
  font-size:13px!important;
  margin-top:14px!important;
}
th,td{
  padding:9px 10px!important;
  line-height:1.45!important;
}
th{font-weight:500!important}

/* Forms */
label{
  gap:6px!important;
  margin-bottom:11px!important;
  font-size:13px!important;
}
input,select,textarea{
  border-radius:10px!important;
  padding:10px 11px!important;
  min-height:40px!important;
}
textarea{min-height:92px!important}
.form-grid{gap:11px!important}
.inline-form{gap:7px!important}
.alert{
  padding:10px 12px!important;
  border-radius:12px!important;
  font-size:13px!important;
}

/* Auth pages: one logo only, smaller form, forgot password */
.auth-page{
  min-height:calc(100vh - 142px)!important;
  padding:34px 18px!important;
  align-items:flex-start!important;
}
.auth-card{
  max-width:460px!important;
  border-radius:22px!important;
  padding:24px!important;
  box-shadow:0 18px 48px rgba(16,35,63,.08)!important;
}
.auth-card .auth-logo-wrap,
.auth-card .auth-logo,
.auth-card .brand-mark.big,
.auth-card .auth-brand,
.auth-card .logo-auth,
.auth-card .logo-main.auth-logo,
.auth-card img[src*="safira"]{
  display:none!important;
}
.auth-card h1{
  font-size:26px!important;
  margin:0 0 14px!important;
}
.auth-card .center{
  font-size:13.5px!important;
}
.auth-forgot{
  margin:10px 0 8px!important;
  text-align:right!important;
}
.auth-forgot a{
  color:#0f766e!important;
  font-size:13px!important;
}

/* Footer */
.footer{
  margin-top:34px!important;
}
.footer-grid{
  padding-top:24px!important;
  padding-bottom:22px!important;
  gap:18px!important;
}
.footer h3{font-size:18px!important}
.footer p,.footer a{font-size:13.5px!important;line-height:1.55!important}
.copyright{
  padding:13px!important;
  font-size:12.5px!important;
  font-weight:400!important;
}

/* Mobile: compact, footer only copyright */
@media(max-width:900px){
  body{font-size:13.5px!important}
  .nav-inner{padding:9px 14px!important;min-height:56px!important}
  .logo-header,.navbar .brand img{max-width:132px!important;height:28px!important}
  .brand{min-width:118px!important;max-width:150px!important}
  .brand b{font-size:18px!important}
  .brand small{display:none!important}
  .brand-mark{width:30px!important;height:30px!important}
  .nav-links{display:none!important}
  .nav-actions{margin-left:auto!important;gap:6px!important}
  .btn,button{min-height:34px!important;padding:7px 11px!important;font-size:13px!important;border-radius:10px!important}
  .container{padding-left:15px!important;padding-right:15px!important}
  .section{padding:26px 15px!important}
  .hero{padding:36px 0!important}
  .hero-grid,.split,.dashboard-layout,.footer-grid{grid-template-columns:1fr!important}
  .hero h1,.page-hero h1{font-size:28px!important}
  h1{font-size:24px!important}
  h2{font-size:20px!important}
  .cards{grid-template-columns:1fr!important;gap:12px!important}
  .card{max-width:100%!important;padding:13px!important;border-radius:16px!important}
  .product-img{height:120px!important}
  .dashboard-layout{display:block!important}
  .sidebar{position:relative!important;top:0!important;height:auto!important;padding:12px!important}
  .dashboard-main{padding:12px!important}
  .panel{padding:15px!important;border-radius:18px!important}
  .panel h1{font-size:22px!important}
  .metric-grid{grid-template-columns:1fr!important}
  .form-grid{grid-template-columns:1fr!important}
  .form-grid label:has(textarea),.form-grid label.inline{grid-column:span 1!important}
  .auth-page{padding:26px 14px!important}
  .auth-card{max-width:100%!important;padding:20px!important;border-radius:20px!important}
  .auth-card h1{font-size:23px!important}
  .footer .footer-grid,
  .footer .footer-brand,
  .footer .footer-links-col,
  .footer .container{
    display:none!important;
  }
  .footer{
    display:block!important;
    margin-top:18px!important;
    background:#081a31!important;
  }
  .footer .copyright{
    display:block!important;
    border-top:0!important;
    padding:14px 12px!important;
    text-align:center!important;
    color:#a9b8c9!important;
    font-size:12.5px!important;
  }
}

/* Anti-overlap safety */
*{min-width:0}
img{max-width:100%;height:auto}
.navbar,.dashboard-layout,.panel,.card,.auth-card{max-width:100%}


/* ---- consolidated css ---- */

/* Safira.id v110.0 - Canonical Base Design System
   Single source of truth for spacing, typography, colors and components. */
:root{
  --sf110-navy:#0b1f3a;
  --sf110-navy-2:#102a4c;
  --sf110-ink:#101828;
  --sf110-text:#344054;
  --sf110-muted:#667085;
  --sf110-line:#e4e7ec;
  --sf110-soft:#f6f8fb;
  --sf110-soft-2:#eef4f8;
  --sf110-white:#ffffff;
  --sf110-gold:#d6a43a;
  --sf110-gold-2:#f4c95d;
  --sf110-green:#0f766e;
  --sf110-red:#b42318;
  --sf110-orange:#b54708;
  --sf110-blue:#175cd3;
  --sf110-radius:16px;
  --sf110-radius-lg:22px;
  --sf110-shadow:0 12px 34px rgba(16,35,63,.07);
  --sf110-shadow-soft:0 8px 24px rgba(16,35,63,.05);
  --sf110-container:1180px;
  --sf110-dashboard-max:1380px;
  --sf110-sidebar:248px;
  --sf110-topbar:68px;
}
*{box-sizing:border-box}
html{min-width:0;overflow-x:hidden;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden;background:linear-gradient(135deg,#eef7f6 0%,#f6f8fb 45%,#fff 100%);color:var(--sf110-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;margin:0;font-weight:400}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}b,strong{font-weight:650}small{color:var(--sf110-muted)}
.topline{height:3px;background:linear-gradient(90deg,var(--sf110-navy),var(--sf110-green),var(--sf110-gold))}
.container{width:min(var(--sf110-container),calc(100% - 32px));margin-inline:auto}.section{padding:34px 0}.muted{color:var(--sf110-muted)}
.btn,button,.nav-actions a.btn,.mini{border:0;border-radius:12px;min-height:38px;padding:9px 14px;font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease;line-height:1.15;white-space:nowrap}.btn:hover,button:hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--sf110-gold),var(--sf110-gold-2));color:#17120a}.btn-dark{background:var(--sf110-navy);color:#fff}.btn-ghost{background:#fff;color:var(--sf110-navy);border:1px solid var(--sf110-line)}.mini{min-height:30px;padding:6px 10px;font-size:12px;border-radius:10px}
.alert{padding:12px 14px;border-radius:14px;margin:12px 0;border:1px solid transparent}.alert.success{background:#ecfdf3;color:#027a48;border-color:#abefc6}.alert.danger{background:#fef3f2;color:#b42318;border-color:#fecdca}.notice-card{background:#fff;border:1px solid var(--sf110-line);border-radius:18px;padding:16px;margin:14px 0;box-shadow:var(--sf110-shadow-soft)}
.badge,.verified-badge,.dash-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:650;line-height:1.1}.badge-success,.badge-paid,.dash-pill-green{background:#dcfae6;color:#027a48}.dash-pill-gold,.badge-gold{background:#fff4cc;color:#8a5a00}.dash-pill-blue{background:#eaf2ff;color:#175cd3}.dash-pill-orange{background:#fff2e0;color:#b54708}.dash-pill-purple{background:#f4ebff;color:#6941c6}.dash-pill-gray{background:#f2f4f7;color:#475467}.dash-pill-teal{background:#ccfbef;color:#0f766e}.dash-pill-pink{background:#fdf2fa;color:#c11574}
input,select,textarea{font:inherit;max-width:100%;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:var(--sf110-ink);padding:10px 12px;min-height:42px}textarea{min-height:104px;resize:vertical}label{font-weight:550;color:#344054}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,118,110,.14);border-color:#69b7ad}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid .full,.form-grid label:has(textarea),.form-grid label.inline{grid-column:1/-1}.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--sf110-line);border-radius:18px;padding:10px;margin-bottom:18px}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--sf110-line);border-radius:16px;overflow:hidden;margin-top:16px}th,td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top;font-size:13px}th{background:#f8fafc;color:var(--sf110-navy);font-weight:650}tr:last-child td{border-bottom:0}.table-card{overflow:auto}.dash-table{margin-top:0}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{min-height:36px;padding:8px 10px}
.sf110-empty{grid-column:1/-1;display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px dashed #cfd8e3;border-radius:18px;padding:18px;color:#475467;box-shadow:var(--sf110-shadow-soft)}.sf110-empty i{width:38px;height:38px;border-radius:14px;background:#f2f6fa;color:var(--sf110-navy);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}.sf110-empty b{display:block;color:var(--sf110-navy);font-size:14px;margin-bottom:2px}.sf110-empty p{margin:0;color:var(--sf110-muted);font-size:13px}.sf110-empty a{margin-top:10px}


/* ---- consolidated css ---- */

/* Safira.id v110.0 - Layout Stabilization */
.navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--sf110-line);position:sticky;top:0;z-index:50}.nav-inner{width:min(var(--sf110-container),calc(100% - 32px));margin-inline:auto;min-height:var(--sf110-topbar);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand,.brand-logo{display:flex;align-items:center;min-width:158px;max-width:224px;color:var(--sf110-navy);font-weight:700}.brand img,.brand-logo img,.logo-header{display:block;width:auto;max-width:176px;max-height:42px;object-fit:contain}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--sf110-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:10px}.brand small{display:block;color:var(--sf110-muted);font-size:11px;font-weight:500}.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-links a{font-size:13.5px;color:#344054;font-weight:520;white-space:nowrap}.nav-links a:hover{color:var(--sf110-navy)}.nav-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.user-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--sf110-line);background:#fff;color:#344054;border-radius:999px;padding:8px 11px;font-size:12.5px;font-weight:520;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-toggle{display:none}
.dashboard-layout{display:grid;grid-template-columns:var(--sf110-sidebar) minmax(0,1fr);align-items:stretch;min-height:calc(100vh - var(--sf110-topbar));width:100%;max-width:none;overflow:hidden}.dashboard-main{min-width:0;width:100%;padding:18px 20px 28px;background:linear-gradient(135deg,#f6f8fb,#fbfcfe)}.dashboard-main>.panel{width:min(100%,var(--sf110-dashboard-max));margin:0 auto;background:#fff;border:1px solid var(--sf110-line);border-radius:24px;padding:20px;box-shadow:var(--sf110-shadow);overflow:visible}.panel>h1{font-size:24px;line-height:1.2;margin:0 0 16px;color:var(--sf110-navy);font-weight:680;letter-spacing:-.02em}.panel-dashboard-premium{padding:0;background:transparent;border:0;box-shadow:none}.panel-dashboard-premium>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sidebar{background:#081a31;color:#dbe5f2;padding:14px 12px;min-width:0;position:sticky;top:var(--sf110-topbar);height:calc(100vh - var(--sf110-topbar));overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.08);scrollbar-width:thin}.sidebar-brand{display:flex;align-items:center;min-height:48px;margin:0 4px 10px}.sidebar-logo{max-width:160px;max-height:42px;object-fit:contain}.sidebar-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#aab7ca;margin:8px 8px 14px;font-weight:620}.sidebar-menu{display:flex;flex-direction:column;gap:10px}.sidebar-section{padding:0;margin:0}.sidebar-section-title{font-size:10.5px;line-height:1;color:#8ea1b7;text-transform:uppercase;letter-spacing:.08em;font-weight:650;padding:9px 10px 7px}.sidebar-link{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 10px;margin:1px 0;border-radius:12px;color:#dbe5f2;font-size:13px;font-weight:500;line-height:1.25}.sidebar-link:hover{background:rgba(255,255,255,.09);color:#fff}.sidebar-link.is-active{background:linear-gradient(135deg,rgba(214,164,58,.22),rgba(15,118,110,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.sidebar-link.is-active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:999px;background:var(--sf110-gold)}.sidebar-ico{flex:0 0 26px;width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-size:14px;line-height:1}.sidebar-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link.has-dot .sidebar-label:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#12b76a;margin-left:7px}.sidebar-link.has-badge .sidebar-label:after{content:"";display:inline-flex;align-items:center;justify-content:center;min-width:7px;height:7px;border-radius:999px;background:#f04438;margin-left:7px}.sidebar-submenu{border:1px solid rgba(255,255,255,.08);border-radius:14px;margin:4px 0;background:rgba(255,255,255,.025);overflow:hidden}.sidebar-submenu summary{list-style:none;cursor:pointer;padding:10px 12px;color:#f2f4f7;font-size:12.5px;font-weight:600}.sidebar-submenu summary::-webkit-details-marker{display:none}.sidebar-submenu summary:after{content:"⌄";float:right;color:#98a2b3}.sidebar-submenu[open] summary:after{content:"⌃"}.sidebar-submenu-body{padding:0 8px 8px}.sidebar-upgrade-card,.sidebar-help-card{margin:12px 2px;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(214,164,58,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.10);color:#fff}.sidebar-upgrade-card i{display:inline-flex;width:34px;height:34px;border-radius:12px;align-items:center;justify-content:center;background:rgba(214,164,58,.25);font-style:normal}.sidebar-upgrade-card b,.sidebar-help-card b{display:block;font-size:13px;margin:8px 0 4px}.sidebar-upgrade-card p,.sidebar-help-card p,.sidebar-help-card span{display:block;color:#cbd5e1;font-size:12px;margin:4px 0;line-height:1.45}.sidebar-upgrade-card a{display:inline-flex;margin-top:8px;color:#17120a;background:linear-gradient(135deg,var(--sf110-gold),var(--sf110-gold-2));border-radius:10px;padding:8px 10px;font-size:12px;font-weight:650}.sidebar-logout-section{border-top:1px solid rgba(255,255,255,.09);padding-top:10px;margin-top:2px}.sidebar-logout{color:#fecaca}.dashboard-footer{display:none}.footer{background:#0f1f38;color:#d0d5dd;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;padding:30px 0}.footer a{display:block;color:#d0d5dd;margin:8px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:16px;color:#98a2b3;font-size:12.5px}


/* ---- consolidated css ---- */

/* Safira.id v110.0 - Dashboard Premium Stabilization */
.safira-dash-pro{min-width:0;width:100%;max-width:var(--sf110-dashboard-max);margin:0 auto;color:#344054}.dash-topbar,.dash-head,.dash-card,.dash-bottom-summary,.buyer-benefit-strip{background:#fff;border:1px solid var(--sf110-line);box-shadow:var(--sf110-shadow-soft)}.dash-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:22px;padding:12px;margin-bottom:16px}.dash-search{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.dash-search input{min-width:0;flex:1}.dash-search select{max-width:190px}.dash-search button{width:42px;padding:0;background:var(--sf110-navy);color:#fff}.dash-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.dash-top-actions>a,.dash-top-actions>span{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sf110-line);border-radius:12px;background:#f8fafc}.dash-top-actions b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:#f04438;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.dash-profile-mini{display:flex;align-items:center;gap:9px;border:1px solid var(--sf110-line);border-radius:14px;padding:7px 10px;background:#fff;min-width:0}.dash-profile-mini i,.buyer-avatar,.business-main i,.supplier-reco-item i,.mini-logo{font-style:normal;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sf110-navy),#0f766e);color:#fff;font-weight:700}.dash-profile-mini i{width:32px;height:32px;border-radius:11px}.dash-profile-mini b{display:block;color:var(--sf110-navy);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-profile-mini small{display:block;font-size:11.5px}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:24px;padding:18px 20px;margin-bottom:16px}.dash-head h1{margin:0;color:var(--sf110-navy);font-size:25px;letter-spacing:-.03em}.dash-head p{margin:5px 0 0;color:#667085}.dash-head select{max-width:230px}.supplier-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.supplier-main-col,.supplier-side-col{min-width:0}.dash-card-row{display:grid;gap:14px;margin-bottom:14px}.dash-card-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-card{border-radius:22px;padding:16px;min-width:0;overflow:hidden}.profile-progress,.verification-card,.membership-card,.buyer-profile-card,.buyer-verification-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-progress small,.verification-card small,.membership-card small{display:block;color:#667085;margin-bottom:5px}.profile-progress b,.membership-card b{display:block;color:var(--sf110-navy);font-size:24px}.profile-progress p,.verification-card p,.membership-card p{margin:6px 0;color:#667085;font-size:13px}.profile-progress a,.verification-card a,.membership-card a,.business-main a{color:#0f766e;font-size:13px;font-weight:650}.profile-progress>i,.verification-card>i,.membership-card>i{font-style:normal;width:44px;height:44px;border-radius:16px;background:#f2f6fa;color:var(--sf110-navy);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.dash-progress{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.dash-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#12b76a)}.dash-metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.dash-metric-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--sf110-line);border-radius:20px;padding:15px;box-shadow:var(--sf110-shadow-soft);min-width:0}.dash-metric-card small{display:block;color:#667085;font-size:12px}.dash-metric-card b{display:block;color:var(--sf110-navy);font-size:24px;line-height:1.15;margin:4px 0}.dash-metric-card span{display:block;color:#667085;font-size:12px}.dash-icon{font-style:normal;width:42px;height:42px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:#f2f6fa;flex:0 0 auto}.dash-quick-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--sf110-line);border-radius:20px;padding:12px 14px;box-shadow:var(--sf110-shadow-soft);margin-bottom:14px}.dash-quick-panel b{color:var(--sf110-navy);margin-right:auto}.ghost-gold{border-color:#f4d477;background:#fffaf0;color:#8a5a00}.dash-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:14px;margin-bottom:14px}.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.dash-card-head h3{margin:0;color:var(--sf110-navy);font-size:16px}.dash-card-head a{color:#0f766e;font-size:13px;font-weight:650}.chart-card svg{width:100%;height:auto;display:block;max-height:250px}.dash-line-chart path,.dash-line-chart polyline{fill:none;stroke:#175cd3;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.dash-line-chart .line2{stroke:#0f766e}.dash-line-chart .line3{stroke:#d6a43a}.dash-line-chart line{stroke:#eef2f7;stroke-width:1}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;color:#667085;font-size:12px;margin-top:8px}.chart-legend span:before{content:"";width:8px;height:8px;border-radius:999px;background:#175cd3;display:inline-block;margin-right:6px}.chart-legend span:nth-child(2):before{background:#0f766e}.chart-legend span:nth-child(3):before{background:#d6a43a}.mini-logo{width:26px;height:26px;border-radius:9px;font-size:11px;margin-right:8px}.dash-bottom-summary{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(100px,.65fr)) minmax(210px,1.1fr);gap:14px;border-radius:22px;padding:16px;align-items:center}.summary-title{display:flex;align-items:center;gap:12px}.summary-title i{font-style:normal;width:42px;height:42px;border-radius:15px;background:#ecfdf3;color:#0f766e;display:inline-flex;align-items:center;justify-content:center}.summary-title b,.dash-bottom-summary>div>b{display:block;color:var(--sf110-navy);font-size:16px}.summary-title span,.dash-bottom-summary>div>span,.tips-box span{display:block;color:#667085;font-size:12.5px}.tips-box{background:#f8fafc;border:1px solid var(--sf110-line);border-radius:16px;padding:12px}.business-main{display:flex;align-items:center;gap:12px;margin-bottom:14px}.business-main i{width:44px;height:44px;border-radius:15px}.business-main b,.supplier-reco-item b{display:block;color:var(--sf110-navy)}.business-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.business-card dt{color:#667085;font-size:12px}.business-card dd{margin:3px 0 0;color:var(--sf110-navy);font-weight:620}.best-product-item,.supplier-reco-item,.activity-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f7}.best-product-item:last-child,.supplier-reco-item:last-child,.activity-row:last-child{border-bottom:0}.best-product-item i{width:42px;height:42px;border-radius:14px;background:#f2f6fa;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;font-style:normal}.best-product-item img{width:100%;height:100%;object-fit:cover}.best-product-item b,.activity-row b{display:block;color:var(--sf110-navy);font-size:13px}.best-product-item small,.activity-row small{display:block;font-size:12px}.buyer-top-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:14px;margin-bottom:14px}.buyer-profile-card{min-height:142px}.buyer-avatar{width:56px;height:56px;border-radius:18px;flex:0 0 auto}.buyer-profile-card>div:nth-child(2){min-width:0;flex:1}.buyer-profile-card span{display:block;margin-top:5px;color:#667085}.score-ring{width:82px;height:82px;border-radius:50%;border:8px solid #dcfae6;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.score-ring b{color:#027a48;font-size:22px}.score-ring small{font-size:10px}.buyer-verification-card i{font-style:normal;width:54px;height:54px;border-radius:18px;background:#ecfdf3;color:#0f766e;display:inline-flex;align-items:center;justify-content:center}.buyer-verification-card h3{margin:0 0 8px;color:var(--sf110-navy)}.buyer-verification-card p{margin:4px 0;color:#475467}.buyer-metric-strip{grid-column:1/-1}.buyer-mid-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-bottom:14px}.buyer-actions-grid{display:grid;grid-template-columns:1fr;gap:10px}.dash-action-card{display:flex;align-items:center;gap:12px;border:1px solid var(--sf110-line);border-radius:16px;padding:12px;background:#fff}.dash-action-card>i{font-style:normal;width:38px;height:38px;border-radius:13px;background:#f2f6fa;display:inline-flex;align-items:center;justify-content:center}.dash-action-card b{display:block;color:var(--sf110-navy)}.dash-action-card small{display:block}.dash-action-card em{margin-left:auto;font-style:normal;color:#98a2b3}.buyer-bottom-grid{display:grid;grid-template-columns:.8fr 1.35fr .85fr;gap:14px;margin-bottom:14px}.supplier-reco-item i{width:40px;height:40px;border-radius:14px;flex:0 0 auto}.supplier-reco-item div{min-width:0;flex:1}.supplier-reco-item a{font-size:12px;color:#0f766e;font-weight:650}.activity-row i{font-style:normal;width:28px;height:28px;border-radius:10px;background:#f2f6fa;color:var(--sf110-navy);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}.buyer-benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-radius:22px;padding:15px}.buyer-benefit-strip div{display:flex;align-items:flex-start;gap:10px}.buyer-benefit-strip i{font-style:normal}.buyer-benefit-strip b{display:block;color:var(--sf110-navy);font-size:13px}.buyer-benefit-strip span{display:block;color:#667085;font-size:12px}.metric-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.metric-grid>div,.stat-card{background:#fff;border:1px solid var(--sf110-line);border-radius:18px;padding:16px;box-shadow:var(--sf110-shadow-soft)}.metric-grid b,.stat-card b{display:block;color:var(--sf110-navy);font-size:26px}.metric-grid span,.stat-card span{color:#667085;font-size:12.5px}

/* v113 dashboard accuracy */
.dash-top-actions>a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sf110-line);border-radius:12px;background:#f8fafc;text-decoration:none;color:var(--sf110-navy)}.verified-mark{color:#039855;font-weight:900}.dash-line-chart polyline{stroke:#175cd3;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.dash-line-chart polyline.line2{stroke:#0f766e}.dash-line-chart polyline.line3{stroke:#d6a43a}


/* ---- consolidated css ---- */

/* Safira.id v110.0 - Responsive, Desktop 100%, Mobile Drawer */
@media (max-width:1240px){:root{--sf110-sidebar:232px}.dashboard-main{padding:16px}.dashboard-main>.panel{border-radius:22px}.supplier-layout-grid{grid-template-columns:1fr}.supplier-side-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dash-bottom-summary{grid-template-columns:repeat(3,1fr)}.summary-title,.tips-box{grid-column:span 3}.buyer-bottom-grid{grid-template-columns:1fr 1fr}.rfq-activity-card{grid-column:1/-1}.buyer-benefit-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.nav-links{display:none}.mobile-menu-toggle{display:inline-flex}.nav-inner{flex-wrap:wrap}.nav-actions{margin-left:auto}.dashboard-layout{grid-template-columns:1fr;overflow:visible}.sidebar{position:fixed;z-index:90;top:0;left:0;height:100vh;width:min(86vw,320px);transform:translateX(-105%);transition:transform .22s ease;border-right:0;box-shadow:0 24px 80px rgba(2,6,23,.35)}body.mobile-menu-open .sidebar{transform:translateX(0)}body.mobile-menu-open:after{content:"";position:fixed;inset:0;background:rgba(2,6,23,.45);z-index:80}.dashboard-main{padding:14px}.dash-topbar,.dash-head{align-items:flex-start;flex-direction:column}.dash-search{width:100%;flex-wrap:wrap}.dash-search select{max-width:none;flex:1}.dash-card-row.three,.dash-metric-strip,.buyer-top-grid,.buyer-mid-grid,.buyer-bottom-grid{grid-template-columns:1fr}.supplier-side-col{grid-template-columns:1fr}.dash-grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-grid label:has(textarea),.form-grid label.inline{grid-column:1}.footer-grid{grid-template-columns:1fr}.filterbar{flex-direction:column;align-items:stretch}.filterbar input,.filterbar select,.filterbar button{width:100%}table{display:block;overflow-x:auto;white-space:nowrap}.inline-form{align-items:stretch}.inline-form input,.inline-form select,.inline-form button{width:100%}}
@media (max-width:680px){.container{width:min(100%,calc(100% - 24px))}.nav-inner{width:min(100%,calc(100% - 20px));gap:10px}.brand img,.brand-logo img,.logo-header{max-width:142px}.user-chip{display:none}.dashboard-main{padding:10px}.dashboard-main>.panel{padding:14px;border-radius:18px}.dash-head h1{font-size:22px}.dash-top-actions{width:100%;justify-content:space-between}.dash-profile-mini{flex:1}.dash-metric-card{padding:13px}.dash-metric-card b{font-size:22px}.profile-progress,.verification-card,.membership-card,.buyer-profile-card,.buyer-verification-card{align-items:flex-start;flex-direction:column}.dash-bottom-summary{grid-template-columns:1fr}.summary-title,.tips-box{grid-column:auto}.business-card dl{grid-template-columns:1fr}.buyer-benefit-strip{grid-template-columns:1fr}.footer-grid{display:none}.footer{margin-top:24px}.copyright{border-top:0}}
@media (min-width:981px){.dashboard-context .navbar .mobile-menu-toggle{display:none}.dashboard-context .nav-inner{max-width:none;width:calc(100% - 32px)}}
@media (min-width:1440px){.dashboard-main{padding-left:24px;padding-right:24px}.dashboard-main>.panel{max-width:var(--sf110-dashboard-max)}}


/* ---- consolidated css ---- */
/* Safira.id v113.1 - Dashboard, Sidebar & Membership Layout Cleanup */
:root{--sf110-sidebar:280px;--sf110-topbar:76px;--sf110-dashboard-max:1440px}
.dashboard-context{background:linear-gradient(135deg,#f4faf9 0%,#f7f9fc 48%,#ffffff 100%)}
.dashboard-context .navbar{position:sticky;top:0;left:0;right:0;z-index:70;background:rgba(255,255,255,.98);border-bottom:1px solid #dfe5ee;box-shadow:0 8px 26px rgba(16,35,63,.04)}
.dashboard-context .nav-inner{width:100%;max-width:none;margin:0;min-height:var(--sf110-topbar);padding:0 30px;display:grid;grid-template-columns:auto auto minmax(20px,1fr) auto;align-items:center;justify-content:normal;gap:18px}
.dashboard-context .brand,.dashboard-context .brand-logo{grid-column:1;min-width:0;max-width:none;width:auto;justify-self:start}.dashboard-context .brand img,.dashboard-context .brand-logo img,.dashboard-context .logo-header{max-width:178px;max-height:54px;width:auto;height:auto;object-fit:contain}.dashboard-context .nav-links-dashboard{display:none!important}.dashboard-context .mobile-menu-toggle{grid-column:2;display:inline-flex!important;min-height:44px;padding:0 18px;border-radius:16px;background:#f2f4f7;color:#101828;border:1px solid #e4e7ec;font-weight:700;box-shadow:none}.dashboard-context .nav-actions{grid-column:4;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;min-width:0}.dashboard-context .user-chip{min-height:44px;padding:0 18px;font-size:14px;font-weight:650;max-width:280px;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(16,35,63,.04)}.dashboard-context .nav-actions .btn{min-height:44px;border-radius:16px;padding:0 18px;font-size:14px;font-weight:700}.dashboard-context .nav-actions .btn-dark{padding-left:22px;padding-right:22px}
.dashboard-layout{display:grid!important;grid-template-columns:var(--sf110-sidebar) minmax(0,1fr)!important;align-items:start;min-height:calc(100vh - var(--sf110-topbar));width:100%;overflow:visible;background:linear-gradient(135deg,#edf8f7 0%,#f6f8fb 42%,#fff 100%)}
.sidebar{width:var(--sf110-sidebar)!important;min-width:var(--sf110-sidebar)!important;max-width:var(--sf110-sidebar)!important;position:sticky;top:var(--sf110-topbar);height:calc(100vh - var(--sf110-topbar));padding:20px 18px 22px!important;background:linear-gradient(180deg,#071b34 0%,#082342 100%);overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.08);box-shadow:10px 0 28px rgba(16,35,63,.07)}
.sidebar-brand{min-height:64px;margin:0 0 16px;padding:4px 0;justify-content:center;background:rgba(255,255,255,.02);border-radius:18px;overflow:visible}.sidebar-logo{display:block;max-width:210px!important;max-height:58px!important;object-fit:contain}.sidebar-title{margin:8px 4px 18px;font-size:11px;letter-spacing:.1em;color:#a9b7ca;text-align:left}.sidebar-menu{gap:12px}.sidebar-section{margin:0}.sidebar-section-title{padding:10px 6px 9px;font-size:11px;letter-spacing:.09em;color:#a8b5c8}.sidebar-link{min-height:46px;padding:11px 14px;margin:3px 0;border-radius:15px;gap:12px;font-size:14px;font-weight:620;line-height:1.25;max-width:100%;overflow:visible}.sidebar-link.is-active:before{left:-18px;top:11px;bottom:11px;width:4px}.sidebar-ico{flex:0 0 30px;width:30px;height:30px;border-radius:12px;font-size:15px}.sidebar-label{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-submenu{border-radius:16px;margin:6px 0}.sidebar-submenu summary{min-height:44px;padding:12px 14px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.sidebar-submenu summary:after{float:none;margin-left:auto}.sidebar-submenu-body{padding:0 8px 10px}.sidebar-upgrade-card,.sidebar-help-card{margin:14px 0;padding:16px;border-radius:18px}.sidebar-logout-section{padding-top:14px;margin-top:4px}
.dashboard-main{min-width:0;width:100%;padding:32px 40px 44px;background:transparent;overflow:visible}.dashboard-main>.panel{width:min(100%,var(--sf110-dashboard-max));max-width:var(--sf110-dashboard-max);margin:0 auto 0 0;background:#fff;border:1px solid var(--sf110-line);border-radius:26px;padding:28px;box-shadow:0 18px 50px rgba(16,35,63,.08);overflow:visible}.panel-dashboard-premium{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.panel-dashboard-premium>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.safira-dash-pro{max-width:none!important;width:100%;margin:0;color:#344054}
.dash-topbar{border-radius:24px;padding:16px 18px;margin-bottom:18px;gap:16px}.dash-search{gap:12px}.dash-search input,.dash-search select{min-height:48px;border-radius:16px;font-size:15px}.dash-search select{max-width:250px}.dash-search button{width:54px;min-height:48px;border-radius:16px;font-size:18px}.dash-top-actions{gap:12px}.dash-top-actions>a,.dash-top-actions>span{width:48px;height:48px;border-radius:16px;font-size:16px}.dash-profile-mini{min-height:56px;border-radius:18px;padding:8px 14px}.dash-profile-mini i{width:40px;height:40px;border-radius:14px}.dash-profile-mini b{font-size:14px;max-width:190px}.dash-head{border-radius:26px;padding:24px 28px;margin-bottom:18px}.dash-head h1{font-size:34px;line-height:1.12}.dash-head p{font-size:15px}.dash-head span{font-size:15px;color:#475467;text-align:right}.supplier-layout-grid{grid-template-columns:minmax(0,1fr) 390px;gap:22px}.dash-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.dash-metric-card{min-height:132px;border-radius:24px;padding:24px}.dash-metric-card small{font-size:14px}.dash-metric-card b{font-size:34px;margin:7px 0}.dash-metric-card span{font-size:14px;line-height:1.45}.dash-icon{width:56px;height:56px;border-radius:20px;font-size:20px}.dash-bottom-summary{border-radius:26px;padding:22px;gap:18px}.supplier-side-col{display:flex;flex-direction:column;gap:18px}.dash-card{border-radius:24px;padding:22px}.dash-card-head h3{font-size:18px}.best-product-item,.supplier-reco-item,.activity-row{padding:14px 0}.buyer-bottom-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr);gap:22px;margin-bottom:0}.buyer-bottom-grid .rfq-activity-card{display:none!important}.buyer-benefit-strip{display:none!important}.buyer-top-grid,.buyer-mid-grid,.dash-grid-2,.dash-quick-panel{display:none!important}.buyer-dash-pro>.dash-metric-strip{margin-bottom:22px}
.panel-membership-cleanup{max-width:1440px!important;padding:28px!important;margin-left:0!important}.membership-page{width:100%;max-width:1440px;margin:0}.membership-page h2{margin:0 0 14px;color:var(--sf110-navy);font-size:22px;letter-spacing:-.02em}.membership-active-card{border-radius:24px;padding:24px;margin:0 0 22px}.membership-active-card h2{font-size:24px}.membership-active-card p{font-size:15px}.membership-package-section,.membership-invoice-section{margin-top:22px}.package-grid,.membership-package-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 22px}.package-card{border-radius:24px!important;padding:24px!important;min-height:360px;display:flex;flex-direction:column;border:1px solid #d9e2ef;box-shadow:0 12px 34px rgba(16,35,63,.06);background:#fff}.package-card h3{margin:0 0 12px;color:var(--sf110-navy);font-size:18px}.package-card .price{font-size:25px;font-weight:800;color:#0f766e;margin-bottom:12px}.package-card ul{padding-left:18px;margin:12px 0;line-height:1.65}.package-card .btn{width:100%;margin-top:auto}.membership-invoice-card{background:#fff;border:1px solid var(--sf110-line);border-radius:26px;padding:22px;box-shadow:var(--sf110-shadow-soft)}.membership-invoice-card table{margin-top:18px;font-size:14px}.membership-invoice-card th,.membership-invoice-card td{padding:14px;vertical-align:top}.membership-invoice-card .inline-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:420px;align-items:end}.membership-invoice-card .inline-form input[type=file]{grid-column:1/-1}.membership-invoice-card .inline-form button{grid-column:1/-1;min-height:40px}.payment-bank-box,.bank-info,.invoice-bank-info{border-radius:18px!important}
@media (max-width:1280px){:root{--sf110-sidebar:260px}.dashboard-main{padding:26px 28px}.supplier-layout-grid{grid-template-columns:1fr}.supplier-side-col{display:block}.package-grid,.membership-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-invoice-card .inline-form{min-width:320px}}
@media (max-width:980px){:root{--sf110-sidebar:300px}.dashboard-context .nav-inner{grid-template-columns:auto 1fr auto;padding:0 16px}.dashboard-context .brand{grid-column:1}.dashboard-context .mobile-menu-toggle{grid-column:2;justify-self:start}.dashboard-context .nav-actions{grid-column:3}.dashboard-layout{grid-template-columns:1fr!important}.sidebar{position:fixed!important;z-index:90;top:0!important;left:0;height:100vh!important;width:min(88vw,330px)!important;min-width:0!important;max-width:330px!important;transform:translateX(-105%);transition:transform .22s ease}.dashboard-main{padding:18px}.dashboard-main>.panel{margin:0;width:100%;padding:20px}.supplier-layout-grid,.buyer-bottom-grid{grid-template-columns:1fr}.dash-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-head,.dash-topbar{align-items:stretch}.dash-head{flex-direction:column}.dash-head span{text-align:left}.dash-search{flex-wrap:wrap}.dash-search select{max-width:none;flex:1}.package-grid,.membership-package-grid{grid-template-columns:1fr}.membership-invoice-card .inline-form{min-width:0;grid-template-columns:1fr}body.mobile-menu-open .sidebar{transform:translateX(0)}}
@media (max-width:680px){.dashboard-context .brand img,.dashboard-context .logo-header{max-width:136px}.dashboard-context .nav-actions .user-chip,.dashboard-context .nav-actions .btn-ghost{display:none}.dashboard-main{padding:12px}.dash-metric-strip{grid-template-columns:1fr}.dash-metric-card{min-height:112px;padding:18px}.dash-head h1{font-size:26px}.dash-top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.dash-profile-mini{flex:1}.membership-active-card,.membership-invoice-card,.package-card{padding:18px!important;border-radius:20px!important}}


/* ---- consolidated css ---- */
/* Safira.id v113.2 - Header Precision + Topbar Notification System */
:root{--sf1132-header-gap:14px;--sf1132-control-h:44px;--sf1132-control-radius:16px}
.dashboard-context .navbar{overflow:visible!important}.dashboard-context .nav-inner{min-height:76px!important;padding:0 34px!important;gap:var(--sf1132-header-gap)!important;border-bottom:0;overflow:visible!important}.dashboard-context .brand-logo,.dashboard-context .brand{align-self:center!important}.dashboard-context .brand img,.dashboard-context .logo-header{max-width:170px!important;max-height:52px!important}.dashboard-context .mobile-menu-toggle{height:var(--sf1132-control-h)!important;min-height:var(--sf1132-control-h)!important;width:48px!important;min-width:48px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--sf1132-control-radius)!important;background:#f4f6f8!important;border:1px solid #e3e9f2!important;color:#172033!important;font-weight:800!important;line-height:1!important}.dashboard-context .mobile-menu-toggle .menu-trigger-icon{font-size:22px;line-height:1}.dashboard-context .mobile-menu-toggle .menu-trigger-text{display:none!important}.dashboard-context .nav-actions{height:var(--sf1132-control-h);display:flex!important;align-items:center!important;gap:10px!important;overflow:visible!important;position:relative!important}.dashboard-context .user-chip{height:var(--sf1132-control-h)!important;min-height:var(--sf1132-control-h)!important;display:inline-flex!important;align-items:center!important;padding:0 16px!important;border-radius:999px!important;font-size:14px!important;font-weight:700!important;color:#344054!important;max-width:260px!important}.dashboard-context .nav-actions .btn{height:var(--sf1132-control-h)!important;min-height:var(--sf1132-control-h)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;border-radius:var(--sf1132-control-radius)!important;white-space:nowrap!important}.top-notification{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:110}.top-notification summary{list-style:none}.top-notification summary::-webkit-details-marker{display:none}.top-notification-trigger{position:relative;width:var(--sf1132-control-h);height:var(--sf1132-control-h);border-radius:var(--sf1132-control-radius);border:1px solid #e2e8f0;background:#fff;color:#0b1f3a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(16,35,63,.06);transition:all .18s ease}.top-notification-trigger:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 12px 28px rgba(16,35,63,.10)}.top-notification-icon{font-size:18px;line-height:1}.top-notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f04438;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff}.top-notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 28px));background:#fff;border:1px solid #dfe7f2;border-radius:22px;box-shadow:0 24px 60px rgba(16,35,63,.20);padding:12px;z-index:200;display:none}.top-notification[open] .top-notification-panel{display:block}.top-notification-panel:before{content:"";position:absolute;right:16px;top:-8px;width:16px;height:16px;background:#fff;border-left:1px solid #dfe7f2;border-top:1px solid #dfe7f2;transform:rotate(45deg)}.top-notification-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 12px;border-bottom:1px solid #edf2f7}.top-notification-head b{font-size:16px;color:#0b1f3a}.top-notification-head small{font-size:12px;color:#667085;font-weight:700}.top-notification-list{max-height:320px;overflow:auto;padding:6px 0}.top-notification-item{display:grid;grid-template-columns:10px 1fr;gap:10px;text-decoration:none;color:#344054;padding:10px 8px;border-radius:16px}.top-notification-item:hover{background:#f8fafc}.top-notification-item>span{width:8px;height:8px;border-radius:999px;background:#cbd5e1;margin-top:7px}.top-notification-item.is-unread>span{background:#f04438}.top-notification-item b{display:block;color:#0b1f3a;font-size:13.5px;line-height:1.3;margin-bottom:2px}.top-notification-item p{margin:0;color:#667085;font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-notification-item small{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.top-notification-empty{padding:20px 12px;text-align:center;color:#667085}.top-notification-empty b{display:block;color:#0b1f3a;margin-bottom:5px}.top-notification-empty p{margin:0;font-size:12.5px}.top-notification-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px 4px;border-top:1px solid #edf2f7}.top-notification-foot form{margin:0}.top-notification-foot .btn{height:34px!important;min-height:34px!important;border-radius:11px!important;padding:0 12px!important;font-size:12px!important}
.dashboard-layout{grid-template-columns:280px minmax(0,1fr)!important}.sidebar{width:280px!important;min-width:280px!important;max-width:280px!important;padding:20px 18px 24px!important}.sidebar-brand{min-height:62px!important;margin-bottom:14px!important}.sidebar-logo{max-width:206px!important;max-height:56px!important}.sidebar-section-title{padding-left:8px!important}.sidebar-link{min-height:45px!important;padding:11px 14px!important;border-radius:15px!important}.sidebar-link.has-badge .sidebar-label:after{display:none!important}.dashboard-main{padding:30px 38px 44px!important}.dashboard-main>.panel{margin-left:0!important;margin-right:auto!important}.panel-membership-cleanup{width:min(100%,1480px)!important;max-width:1480px!important}.membership-page{max-width:1480px!important}.membership-page>section,.membership-active-card{margin-left:0!important;margin-right:0!important}.membership-package-section h2,.membership-invoice-section h2,.membership-page h2{line-height:1.2!important;margin-bottom:18px!important}.package-grid.membership-package-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:20px!important}.membership-package-grid .package-card{min-height:390px!important;height:100%!important;padding:26px!important;gap:12px!important}.membership-package-grid .package-card h3{font-size:20px!important;line-height:1.2!important}.membership-package-grid .package-card .price{font-size:29px!important;letter-spacing:-.03em!important}.membership-invoice-card{width:100%!important;overflow:auto!important}.membership-invoice-card table{min-width:1000px!important}.membership-invoice-card .inline-form{min-width:460px!important}.dash-topbar-clean{display:flex!important;align-items:center!important;justify-content:space-between!important}.dash-topbar-clean .dash-profile-mini{display:none!important}.dash-top-actions a[href*="notifications"]{display:none!important}.dash-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important}.dash-top-actions>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}.dash-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.dash-head h1,.membership-page h2,.panel>h1{color:#0b1f3a!important}.dash-profile-mini b{color:#0b1f3a!important;background:transparent!important}.dashboard-context .nav-actions,.dashboard-context .nav-inner,.dashboard-layout,.dashboard-main,.sidebar,.panel,.membership-page{box-sizing:border-box!important}
@media (max-width:1280px) and (min-width:981px){.dashboard-layout{grid-template-columns:260px minmax(0,1fr)!important}.sidebar{width:260px!important;min-width:260px!important;max-width:260px!important}.dashboard-main{padding:28px 30px 42px!important}.package-grid.membership-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:980px){.dashboard-context .nav-inner{grid-template-columns:auto auto minmax(0,1fr) auto!important;padding:0 16px!important;gap:10px!important}.dashboard-context .mobile-menu-toggle{width:auto!important;min-width:94px!important;padding:0 16px!important;gap:8px!important}.dashboard-context .mobile-menu-toggle .menu-trigger-text{display:inline!important;font-size:14px!important}.dashboard-context .nav-actions{gap:8px!important}.dashboard-context .user-chip{max-width:180px!important}.top-notification-panel{right:-70px}.dashboard-layout{grid-template-columns:1fr!important}.sidebar{width:min(88vw,330px)!important;min-width:0!important;max-width:330px!important}.dashboard-main{padding:18px!important}.package-grid.membership-package-grid{grid-template-columns:1fr!important}.membership-invoice-card table{min-width:760px!important}.membership-invoice-card .inline-form{min-width:0!important}}
@media (max-width:680px){.dashboard-context .brand img,.dashboard-context .logo-header{max-width:120px!important}.dashboard-context .nav-actions .btn-ghost{display:none!important}.dashboard-context .user-chip{display:none!important}.top-notification-trigger{width:40px;height:40px;border-radius:14px}.top-notification-panel{right:-8px;top:calc(100% + 10px)}.dashboard-context .mobile-menu-toggle{min-width:86px!important;height:40px!important;min-height:40px!important}.dash-head{align-items:flex-start!important;flex-direction:column!important}.dashboard-main{padding:14px!important}}


/* ---- consolidated css ---- */
/* Safira.id v113.3 - Viewport 100% Alignment + Panel Scroll Discipline
   Goal: desktop/laptop harus rapi di browser zoom 100%, bukan hanya 75%.
*/
:root{
  --sf1133-sidebar:264px;
  --sf1133-page-gap:24px;
  --sf1133-card-gap:16px;
  --sf1133-topbar-h:72px;
  --sf1133-control-h:42px;
  --sf1133-radius-xl:22px;
}
html,body{max-width:100%;}
body.dashboard-context{overflow-x:hidden!important;}
.dashboard-context{--sf110-sidebar:var(--sf1133-sidebar)!important;--sf110-topbar:var(--sf1133-topbar-h)!important;--sf110-dashboard-max:100%!important;}
.dashboard-context .navbar{min-height:var(--sf1133-topbar-h)!important;}
.dashboard-context .nav-inner{
  min-height:var(--sf1133-topbar-h)!important;
  height:var(--sf1133-topbar-h)!important;
  padding:0 var(--sf1133-page-gap)!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  gap:12px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.dashboard-context .brand img,.dashboard-context .logo-header{max-width:156px!important;max-height:48px!important;}
.dashboard-context .mobile-menu-toggle,
.dashboard-context .nav-actions,
.dashboard-context .user-chip,
.dashboard-context .nav-actions .btn,
.top-notification-trigger{
  height:var(--sf1133-control-h)!important;
  min-height:var(--sf1133-control-h)!important;
}
.dashboard-context .mobile-menu-toggle{width:44px!important;min-width:44px!important;border-radius:14px!important;}
.dashboard-context .user-chip{padding:0 14px!important;max-width:230px!important;font-size:13px!important;}
.dashboard-context .nav-actions{gap:8px!important;}
.dashboard-context .nav-actions .btn{padding:0 14px!important;border-radius:14px!important;font-size:13px!important;}
.top-notification-trigger{width:var(--sf1133-control-h)!important;border-radius:14px!important;}

.dashboard-layout{
  grid-template-columns:var(--sf1133-sidebar) minmax(0,1fr)!important;
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
  align-items:start!important;
}
.sidebar{
  width:var(--sf1133-sidebar)!important;
  min-width:var(--sf1133-sidebar)!important;
  max-width:var(--sf1133-sidebar)!important;
  top:var(--sf1133-topbar-h)!important;
  height:calc(100vh - var(--sf1133-topbar-h))!important;
  padding:18px 16px 22px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.sidebar-brand{min-height:54px!important;margin-bottom:12px!important;}
.sidebar-logo{max-width:190px!important;max-height:52px!important;}
.sidebar-section-title{font-size:10px!important;padding:9px 6px 7px!important;}
.sidebar-link{min-height:42px!important;padding:10px 12px!important;margin:2px 0!important;border-radius:14px!important;font-size:13px!important;}
.sidebar-ico{flex-basis:28px!important;width:28px!important;height:28px!important;border-radius:11px!important;font-size:14px!important;}
.sidebar-submenu summary{min-height:42px!important;padding:11px 12px!important;font-size:12.5px!important;}
.sidebar-upgrade-card,.sidebar-help-card{padding:14px!important;margin:12px 0!important;}

.dashboard-main{
  min-width:0!important;
  width:100%!important;
  padding:var(--sf1133-page-gap)!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
.dashboard-main>.panel{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.panel-dashboard-premium{padding:0!important;}
.safira-dash-pro{width:100%!important;max-width:100%!important;overflow:visible!important;}

.dash-topbar{
  padding:14px 16px!important;
  margin-bottom:16px!important;
  border-radius:22px!important;
  align-items:center!important;
}
.dash-search{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(170px,240px) 48px!important;gap:10px!important;width:100%!important;min-width:0!important;align-items:center!important;}
.dash-search input,.dash-search select{min-width:0!important;min-height:44px!important;height:44px!important;border-radius:14px!important;font-size:14px!important;}
.dash-search select{max-width:none!important;}
.dash-search button{width:48px!important;min-height:44px!important;height:44px!important;border-radius:14px!important;}
.dash-top-actions{flex:0 0 auto!important;gap:10px!important;align-items:center!important;}
.dash-top-actions>a,.dash-top-actions>span{width:44px!important;height:44px!important;border-radius:14px!important;}

.dash-head{
  padding:22px 24px!important;
  margin-bottom:16px!important;
  border-radius:22px!important;
  align-items:center!important;
}
.dash-head h1{font-size:28px!important;line-height:1.15!important;margin:0 0 8px!important;}
.dash-head p{font-size:14px!important;margin:0!important;max-width:760px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#667085!important;}
.dash-head p b{font-weight:700!important;color:#475467!important;background:transparent!important;}
.dash-head span{font-size:13.5px!important;white-space:nowrap!important;}

.supplier-layout-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.supplier-main-col{min-width:0!important;display:flex!important;flex-direction:column!important;gap:0!important;}
.dash-metric-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.dash-metric-card{
  min-height:118px!important;
  padding:18px 20px!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
}
.dash-metric-card small{font-size:12.5px!important;}
.dash-metric-card b{font-size:28px!important;margin:5px 0!important;line-height:1.05!important;}
.dash-metric-card span{font-size:13px!important;line-height:1.4!important;}
.dash-icon{width:48px!important;height:48px!important;border-radius:17px!important;font-size:18px!important;}
.dash-bottom-summary{
  margin-top:0!important;
  border-radius:22px!important;
  padding:18px!important;
  gap:14px!important;
  min-height:0!important;
}
.supplier-side-col{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
}
.supplier-side-col>.dash-card,
.supplier-side-col .best-products{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.supplier-side-col .best-products .sf110-empty,
.supplier-side-col .best-products .best-product-item{
  flex:0 0 auto!important;
}
.supplier-side-col .best-products{max-height:100%!important;}
.supplier-side-col .dash-card{padding:20px!important;border-radius:22px!important;}
.dash-card-head{gap:12px!important;align-items:center!important;}
.dash-card-head h3{font-size:17px!important;line-height:1.2!important;}

.buyer-bottom-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-bottom:0!important;
}
.buyer-bottom-grid>.dash-card{height:100%!important;min-height:0!important;overflow:auto!important;}

/* Membership page should fit at 100% without needing browser zoom-out */
.panel-membership-cleanup{width:100%!important;max-width:100%!important;padding:24px!important;overflow:hidden!important;}
.membership-page{width:100%!important;max-width:100%!important;overflow:visible!important;}
.membership-page h2{font-size:26px!important;margin:0 0 18px!important;}
.membership-active-card{padding:20px 22px!important;border-radius:22px!important;margin-bottom:18px!important;}
.package-grid.membership-package-grid,
.package-grid,
.membership-package-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.membership-package-grid .package-card,
.package-card{
  min-width:0!important;
  min-height:330px!important;
  padding:20px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.membership-package-grid .package-card h3,.package-card h3{font-size:18px!important;line-height:1.2!important;}
.membership-package-grid .package-card .price,.package-card .price{font-size:25px!important;line-height:1.1!important;}
.package-card ul{font-size:13px!important;line-height:1.55!important;margin:10px 0!important;}
.package-card p{font-size:13px!important;line-height:1.5!important;}
.membership-invoice-card{padding:18px!important;border-radius:22px!important;overflow:auto!important;}

@media (max-width:1600px) and (min-width:1281px){
  :root{--sf1133-sidebar:252px;--sf1133-page-gap:20px;}
  .dashboard-context .brand img,.dashboard-context .logo-header{max-width:148px!important;}
  .supplier-layout-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;gap:16px!important;}
  .dash-metric-strip{gap:12px!important;}
  .dash-metric-card{padding:16px 18px!important;min-height:112px!important;}
  .dash-metric-card b{font-size:26px!important;}
  .package-grid.membership-package-grid,.package-grid,.membership-package-grid{gap:14px!important;}
  .membership-package-grid .package-card,.package-card{padding:18px!important;min-height:320px!important;}
}
@media (max-width:1280px) and (min-width:981px){
  :root{--sf1133-sidebar:236px;--sf1133-page-gap:18px;}
  .dashboard-context .brand img,.dashboard-context .logo-header{max-width:136px!important;}
  .dashboard-context .user-chip{max-width:180px!important;}
  .supplier-layout-grid{grid-template-columns:1fr!important;}
  .supplier-side-col>.dash-card,.supplier-side-col .best-products{height:auto!important;min-height:220px!important;overflow:visible!important;}
  .dash-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .package-grid.membership-package-grid,.package-grid,.membership-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:980px){
  body.dashboard-context{overflow-x:hidden!important;}
  .dashboard-context .nav-inner{height:auto!important;min-height:64px!important;padding:0 14px!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;}
  .dashboard-context .mobile-menu-toggle{width:auto!important;min-width:88px!important;padding:0 14px!important;gap:8px!important;}
  .dashboard-context .mobile-menu-toggle .menu-trigger-text{display:inline!important;}
  .dashboard-layout{display:block!important;max-width:100%!important;}
  .sidebar{top:0!important;height:100vh!important;}
  .dashboard-main{padding:14px!important;}
  .dash-topbar{display:block!important;}
  .dash-search{grid-template-columns:1fr!important;margin-bottom:10px!important;}
  .dash-top-actions{justify-content:flex-start!important;}
  .dash-head{align-items:flex-start!important;flex-direction:column!important;}
  .dash-head p{white-space:normal!important;}
  .dash-head span{text-align:left!important;white-space:normal!important;}
  .supplier-layout-grid,.buyer-bottom-grid{grid-template-columns:1fr!important;}
  .dash-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .package-grid.membership-package-grid,.package-grid,.membership-package-grid{grid-template-columns:1fr!important;}
}
@media (max-width:680px){
  .dash-metric-strip{grid-template-columns:1fr!important;}
  .dash-head h1{font-size:24px!important;}
  .dashboard-context .brand img,.dashboard-context .logo-header{max-width:118px!important;}
}


/* ---- consolidated css ---- */

/* Safira.id v113.4 — Remove Legacy Menu Toggle + Register Professional Cleanup */
:root{
  --sf1134-navy:#0b1f3a;
  --sf1134-blue:#0f6fbf;
  --sf1134-gold:#e8b33f;
  --sf1134-muted:#667085;
  --sf1134-line:#dfe7f2;
  --sf1134-soft:#f6f9fc;
  --sf1134-radius:26px;
}

/* 1) Legacy Menu button must not appear anywhere */
.mobile-menu-toggle,
.menu-toggle,
.nav-toggle,
.mobile-menu-btn,
.header-menu-btn,
.sidebar-toggle,
.menu-trigger,
.menu-trigger-icon,
.menu-trigger-text{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.mobile-menu-open:after{display:none!important;content:none!important;}

/* 2) Public header without Menu button */
.public-context .navbar{z-index:70;}
.public-context .nav-inner{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  width:min(1500px,calc(100% - 56px))!important;
  padding:0!important;
}
.public-context .brand,
.public-context .brand-logo{grid-column:1;min-width:0!important;max-width:none!important;}
.public-context .logo-header{max-width:170px!important;max-height:54px!important;}
.public-context .nav-links{grid-column:2;display:flex!important;justify-content:center!important;gap:26px!important;align-items:center!important;}
.public-context .nav-links a{font-size:16px!important;font-weight:650!important;color:#28364b!important;white-space:nowrap!important;}
.public-context .nav-actions{grid-column:3;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:nowrap!important;}
.public-context .nav-actions .btn{min-height:46px!important;border-radius:15px!important;padding:0 22px!important;font-size:15px!important;}
.page-daftar-akun.public-context .nav-actions .btn-gold{box-shadow:0 10px 24px rgba(232,179,63,.24)!important;}

/* 3) Dashboard header without drawer trigger */
.dashboard-context .nav-inner{
  grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto!important;
  width:min(1500px,calc(100% - 40px))!important;
}
.dashboard-context .brand{grid-column:1!important;}
.dashboard-context .nav-actions{grid-column:3!important;}
.dashboard-context .nav-links-dashboard{display:none!important;}

/* If there is no menu trigger, mobile dashboard sidebar must remain accessible, not hidden offcanvas */
@media (max-width:980px){
  .dashboard-layout{display:block!important;grid-template-columns:1fr!important;}
  .dashboard-layout .sidebar{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    height:auto!important;
    max-height:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    transform:none!important;
    border-radius:0 0 24px 24px!important;
    box-shadow:0 16px 40px rgba(16,35,63,.10)!important;
    overflow:visible!important;
  }
  .dashboard-layout .sidebar-menu{
    max-height:42vh!important;
    overflow:auto!important;
    padding-bottom:16px!important;
  }
  .dashboard-main{padding:16px!important;}
}

/* 4) Register page redesign */
.page-daftar-akun .footer{margin-top:0!important;}
.register-v1134-page{
  min-height:calc(100vh - 78px);
  padding:48px 24px 64px;
  background:
    radial-gradient(circle at 0% 0%, rgba(15,118,110,.13), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(15,111,191,.09), transparent 30%),
    linear-gradient(135deg,#f6fbfb 0%,#ffffff 46%,#f7f9fc 100%);
}
.register-v1134-shell{
  width:min(1360px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,620px);
  gap:48px;
  align-items:start;
}
.register-v1134-intro{
  padding:56px 0 0;
  max-width:680px;
}
.register-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(232,179,63,.42);
  background:rgba(232,179,63,.12);
  color:#b88416;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:22px;
}
.register-kicker:before{content:"";width:9px;height:9px;border-radius:999px;background:#f6c54a;box-shadow:0 0 0 5px rgba(246,197,74,.18);}
.register-v1134-intro h1{
  margin:0 0 18px;
  color:#0b1f3a;
  font-size:clamp(34px,3.1vw,54px);
  line-height:1.06;
  letter-spacing:-.045em;
  font-weight:900;
}
.register-v1134-intro p{
  margin:0;
  color:#475467;
  font-size:18px;
  line-height:1.72;
  max-width:640px;
}
.register-benefit-list{
  margin-top:34px;
  display:grid;
  gap:14px;
  max-width:640px;
}
.register-benefit-list div{
  display:grid;
  grid-template-columns:148px 1fr;
  gap:16px;
  align-items:start;
  padding:18px 20px;
  border:1px solid rgba(223,231,242,.92);
  border-radius:22px;
  background:rgba(255,255,255,.68);
  box-shadow:0 12px 28px rgba(16,35,63,.045);
}
.register-benefit-list b{
  color:#0b1f3a;
  font-size:15px;
  font-weight:850;
}
.register-benefit-list span{
  color:#667085;
  font-size:15px;
  line-height:1.56;
}
.register-v1134-card{
  background:#fff;
  border:1px solid #dfe7f2;
  border-radius:32px;
  box-shadow:0 28px 80px rgba(16,35,63,.11);
  padding:40px 42px 34px;
  width:100%;
}
.register-card-logo{text-align:center;margin-bottom:20px;}
.register-card-logo img{max-width:210px!important;max-height:72px!important;object-fit:contain;}
.register-v1134-card h2{
  margin:0;
  color:#0b1f3a;
  font-size:30px;
  line-height:1.14;
  letter-spacing:-.025em;
  font-weight:900;
}
.register-card-subtitle{
  margin:10px 0 24px;
  color:#667085;
  font-size:15.5px;
  line-height:1.55;
}
.register-role-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:24px;
}
.register-role-option{
  position:relative;
  display:flex!important;
  align-items:flex-start;
  gap:14px;
  min-height:108px;
  padding:20px 18px!important;
  border:1px solid #dfe7f2;
  border-radius:22px;
  background:#fff;
  cursor:pointer;
  transition:.18s ease;
  margin:0!important;
}
.register-role-option:hover{border-color:#b9c7da;box-shadow:0 16px 34px rgba(16,35,63,.075);transform:translateY(-1px);}
.register-role-option input{width:18px!important;height:18px!important;min-height:0!important;margin:2px 0 0!important;accent-color:#0f766e;}
.register-role-option b{display:block;color:#172033;font-size:16px;font-weight:850;margin-bottom:8px;}
.register-role-option small{display:block;color:#667085;font-size:14px;line-height:1.45;}
.register-role-option:has(input:checked){border-color:#0f766e;background:linear-gradient(180deg,rgba(15,118,110,.06),#fff);box-shadow:0 0 0 4px rgba(15,118,110,.08);}
.register-field-grid{display:grid;grid-template-columns:1fr;gap:15px;}
.register-field-grid label,
.register-password-grid label{
  display:block;
  color:#344054;
  font-size:14px;
  font-weight:800;
  margin:0!important;
}
.register-field-grid input,
.register-field-grid select,
.register-password-grid input{
  width:100%;
  min-height:52px!important;
  margin-top:8px!important;
  border:1px solid #d7e1ee!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#172033!important;
  font-size:15px!important;
  padding:0 16px!important;
  outline:0;
  box-shadow:none!important;
}
.register-field-grid input:focus,
.register-field-grid select:focus,
.register-password-grid input:focus{
  border-color:#0f766e!important;
  box-shadow:0 0 0 4px rgba(15,118,110,.10)!important;
}
.register-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.register-legal-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:18px 0 20px!important;
  color:#667085!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:600!important;
}
.register-legal-check input{width:18px!important;height:18px!important;min-height:0!important;margin:2px 0 0!important;accent-color:#0f766e;flex:0 0 auto;}
.register-legal-check a{color:#0f766e!important;font-weight:850!important;}
.register-submit{min-height:54px!important;border-radius:17px!important;font-size:16px!important;font-weight:900!important;box-shadow:0 14px 32px rgba(232,179,63,.30)!important;}
.register-login-link{text-align:center;margin:18px 0 0;color:#667085;font-size:14px;}
.register-login-link a{color:#0f766e;font-weight:900;}

@media (max-width:1180px){
  .public-context .nav-inner{grid-template-columns:minmax(150px,210px) 1fr auto!important;width:min(100% - 32px,1180px)!important;gap:16px!important;}
  .public-context .nav-links{gap:16px!important;}
  .public-context .nav-links a{font-size:14px!important;}
  .register-v1134-shell{grid-template-columns:1fr;gap:28px;max-width:760px;}
  .register-v1134-intro{padding-top:12px;max-width:none;text-align:left;}
  .register-benefit-list div{grid-template-columns:130px 1fr;}
}
@media (max-width:760px){
  .public-context .nav-inner{min-height:66px!important;grid-template-columns:auto 1fr!important;width:calc(100% - 28px)!important;gap:12px!important;}
  .public-context .brand{grid-column:1!important;}
  .public-context .logo-header{max-width:138px!important;max-height:46px!important;}
  .public-context .nav-links{display:none!important;}
  .public-context .nav-actions{grid-column:2!important;gap:8px!important;justify-self:end!important;}
  .public-context .nav-actions .btn{min-height:40px!important;border-radius:13px!important;padding:0 14px!important;font-size:13.5px!important;}
  .register-v1134-page{padding:26px 14px 44px;}
  .register-v1134-intro{padding-top:0;}
  .register-v1134-intro h1{font-size:31px;letter-spacing:-.035em;}
  .register-v1134-intro p{font-size:15.5px;line-height:1.62;}
  .register-benefit-list{gap:10px;margin-top:22px;}
  .register-benefit-list div{grid-template-columns:1fr;gap:6px;padding:15px 16px;border-radius:18px;}
  .register-v1134-card{border-radius:24px;padding:26px 18px 22px;box-shadow:0 18px 48px rgba(16,35,63,.10);}
  .register-card-logo{text-align:left;margin-bottom:16px;}
  .register-card-logo img{max-width:166px!important;}
  .register-v1134-card h2{font-size:24px;}
  .register-role-grid,.register-password-grid{grid-template-columns:1fr;}
  .register-role-option{min-height:88px;padding:17px 16px!important;}
  .register-field-grid input,.register-field-grid select,.register-password-grid input{min-height:50px!important;}
}
@media (max-width:420px){
  .public-context .nav-actions .btn-ghost{display:none!important;}
  .register-v1134-intro h1{font-size:28px;}
  .register-v1134-card{padding:22px 15px 20px;}
}


/* ---- consolidated css ---- */
/* Safira.id v113.5 — Country identity detail row render fix */
.detail-row b .country-identity,
.detail-row strong .country-identity{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  max-width:100%;
  white-space:normal;
  text-align:right;
}
.detail-row b .country-flag-img,
.detail-row strong .country-flag-img{
  width:24px;
  height:18px;
  object-fit:cover;
  border-radius:4px;
  box-shadow:0 1px 4px rgba(15,35,65,.12);
  flex:0 0 auto;
}
@media (max-width: 768px){
  .detail-row b .country-identity,
  .detail-row strong .country-identity{
    justify-content:flex-start;
    text-align:left;
  }
}


/* ---- consolidated css ---- */
/* Safira.id v113.6 - Supplier contact privacy + country list polish */
.supplier-contact-card .contact-email-link {
    color: #0b5f79;
    text-decoration: none;
    font-weight: 800;
    word-break: break-word;
}
.supplier-contact-card .contact-email-link:hover {
    text-decoration: underline;
}
.supplier-contact-card .private-contact-note {
    margin-top: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(11, 95, 121, .14);
    border-radius: 16px;
    background: rgba(11, 95, 121, .05);
    color: #536078;
    line-height: 1.65;
}
.supplier-contact-card .detail-row b {
    text-align: right;
}
@media (max-width: 640px) {
    .supplier-contact-card .detail-row {
        grid-template-columns: 1fr;
        gap: 6px;
        align-items: flex-start;
    }
    .supplier-contact-card .detail-row b {
        text-align: left;
        width: 100%;
    }
}


/* ---- consolidated css ---- */

/* Safira.id v114.0 Buyer & Supplier Dashboard Premium Stable Release */
/* Scope: dashboard premium only */
:root{
  --sf114-navy:#071f3f;
  --sf114-navy-2:#0d315f;
  --sf114-blue:#1266e3;
  --sf114-teal:#12a8c8;
  --sf114-gold:#d8a63a;
  --sf114-bg:#f5f7fb;
  --sf114-card:#ffffff;
  --sf114-line:#e4ebf4;
  --sf114-text:#0d2748;
  --sf114-muted:#667085;
  --sf114-shadow:0 18px 48px rgba(13,39,72,.07);
}

/* Layout precision */
body.dashboard-context{
  background:var(--sf114-bg)!important;
  font-family:Inter,Manrope,"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.dashboard-context .dashboard-layout{
  min-height:100vh!important;
  background:var(--sf114-bg)!important;
}
body.dashboard-context .dashboard-main{
  padding:0 26px 30px!important;
  min-width:0!important;
  max-width:calc(100vw - 292px)!important;
}
body.dashboard-context .panel-dashboard-premium{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
body.dashboard-context .panel-dashboard-premium>h1{
  display:none!important;
}

/* Sidebar final: shorter, grouped, premium */
body.dashboard-context .sidebar.sidebar-compact{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  height:100vh!important;
  position:sticky!important;
  top:0!important;
  padding:18px 14px!important;
  background:linear-gradient(180deg,#041d3a 0%,#082a55 52%,#041832 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:18px 0 60px rgba(8,38,74,.13)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
}
body.dashboard-context .sidebar.sidebar-compact::-webkit-scrollbar{width:6px}
body.dashboard-context .sidebar.sidebar-compact::-webkit-scrollbar-thumb{background:rgba(255,255,255,.20);border-radius:999px}
body.dashboard-context .sidebar-brand{
  padding:2px 8px 16px!important;
  margin-bottom:8px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.dashboard-context .sidebar-logo{
  max-width:164px!important;
  height:auto!important;
}
body.dashboard-context .sidebar-menu{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
body.dashboard-context .sidebar-section{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
body.dashboard-context .sidebar-section-title{
  margin:10px 8px 5px!important;
  color:rgba(255,255,255,.55)!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}
body.dashboard-context .sidebar a.sidebar-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:9px 11px!important;
  margin:0!important;
  border-radius:13px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:850!important;
  text-decoration:none!important;
  letter-spacing:-.01em!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:background .16s ease,transform .16s ease,border-color .16s ease!important;
}
body.dashboard-context .sidebar a.sidebar-link:hover{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}
body.dashboard-context .sidebar a.sidebar-link[href*="dashboard"]{
  background:linear-gradient(135deg,#0e6cdc,#155aa8)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(18,102,227,.24)!important;
}
body.dashboard-context .sidebar-ico{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
}
body.dashboard-context .sidebar a.sidebar-link[href*="dashboard"] .sidebar-ico{
  background:rgba(255,255,255,.18)!important;
}
body.dashboard-context .sidebar-label{
  min-width:0!important;
  flex:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.dashboard-context .sidebar a.has-badge:after{
  content:"12";
  margin-left:auto;
  background:#1976e8;
  color:#fff;
  border-radius:999px;
  min-width:24px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:950;
  padding:0 7px;
  box-shadow:0 8px 16px rgba(25,118,232,.22);
}
body.dashboard-context .sidebar a.badge-18:after{content:"18"}
body.dashboard-context .sidebar a.has-dot:after{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--sf114-gold);
  box-shadow:0 0 0 4px rgba(216,166,58,.14);
}

/* Submenu system */
body.dashboard-context .sidebar-submenu{
  margin:2px 0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}
body.dashboard-context .sidebar-submenu summary{
  display:flex!important;
  align-items:center!important;
  cursor:pointer!important;
  list-style:none!important;
  padding:10px 12px!important;
  color:rgba(255,255,255,.91)!important;
  font-size:12.5px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
}
body.dashboard-context .sidebar-submenu summary::-webkit-details-marker{display:none!important}
body.dashboard-context .sidebar-submenu summary:before{
  content:"▦";
  width:26px;
  height:26px;
  border-radius:9px;
  margin-right:10px;
  background:rgba(255,255,255,.09);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
}
body.dashboard-context .sidebar-submenu summary:after{
  content:"+";
  margin-left:auto;
  color:rgba(255,255,255,.64);
  font-size:16px;
  line-height:1;
}
body.dashboard-context .sidebar-submenu[open] summary:after{content:"–"}
body.dashboard-context .sidebar-submenu-body{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  padding:0 7px 8px!important;
}
body.dashboard-context .sidebar-submenu-body .sidebar-link{
  min-height:34px!important;
  padding:8px 9px!important;
  font-size:12.2px!important;
  color:rgba(255,255,255,.78)!important;
}
body.dashboard-context .sidebar-submenu-body .sidebar-ico{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  font-size:11px!important;
}
.sidebar-upgrade-card,.sidebar-help-card{
  margin:14px 4px 6px!important;
  border-radius:18px!important;
  padding:16px!important;
  background:linear-gradient(180deg,rgba(10,70,126,.48),rgba(5,32,66,.34))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 18px 34px rgba(0,0,0,.12)!important;
}
.sidebar-upgrade-card i{
  display:block;
  font-style:normal;
  font-size:27px;
  margin-bottom:7px;
  color:var(--sf114-gold);
}
.sidebar-upgrade-card b,.sidebar-help-card b{
  display:block;
  font-size:14px;
  line-height:1.35;
  color:#fff;
}
.sidebar-upgrade-card p,.sidebar-help-card p{
  margin:7px 0 12px!important;
  color:rgba(255,255,255,.75)!important;
  font-size:12.6px!important;
  line-height:1.55!important;
}
.sidebar-upgrade-card a{
  min-height:40px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#efc75f,#d8a63a)!important;
  color:#09264a!important;
  font-size:12.8px!important;
  font-weight:950!important;
  text-decoration:none!important;
}
.sidebar-help-card span{
  display:block;
  color:rgba(255,255,255,.85);
  font-size:12.6px;
  line-height:1.7;
}

/* Topbar final */
.safira-dash-pro{
  max-width:1500px!important;
  margin:0 auto!important;
  padding:18px 0 0!important;
}
.dash-topbar{
  min-height:64px!important;
  height:auto!important;
  border-radius:0 0 22px 22px!important;
  padding:10px 18px!important;
  gap:18px!important;
}
.dash-search{
  max-width:760px!important;
  grid-template-columns:minmax(280px,1fr) 150px 50px!important;
  border-radius:14px!important;
}
.dash-search input,.dash-search select{
  font-size:14px!important;
}
.dash-top-actions>span{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #edf2f7!important;
}
.dash-profile-mini{
  min-width:210px!important;
}
.dash-profile-mini i{
  border-radius:14px!important;
  background:linear-gradient(135deg,#071f3f,#0f76bd)!important;
}
.dash-head{
  margin:0 0 20px!important;
}
.dash-head h1{
  font-size:36px!important;
  letter-spacing:-.038em!important;
}
.dash-head p{
  font-size:15px!important;
}

/* Cards and content */
.dash-card{
  border-radius:22px!important;
  border:1px solid var(--sf114-line)!important;
  box-shadow:var(--sf114-shadow)!important;
  padding:22px!important;
}
.dash-card h3{
  font-size:17px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.dash-card p,.dash-card small,.dash-card span{
  line-height:1.55!important;
}
.dash-card-row.three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.profile-progress,.verification-card,.membership-card{
  min-height:168px!important;
}
.profile-progress b,.membership-card b{
  font-size:30px!important;
}
.profile-progress>i,.verification-card>i,.membership-card>i{
  width:60px!important;
  height:60px!important;
  border-radius:20px!important;
  font-size:26px!important;
}
.dash-progress{
  height:8px!important;
  margin:14px 0 12px!important;
}

/* KPI strip premium */
.dash-metric-strip{
  border-radius:20px!important;
  box-shadow:var(--sf114-shadow)!important;
}
.dash-metric-card{
  min-height:104px!important;
  padding:16px!important;
}
.dash-metric-card b{
  font-size:27px!important;
  letter-spacing:-.03em!important;
}
.dash-metric-card small{
  font-size:12.6px!important;
}
.dash-metric-card em{
  font-size:20px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:16px!important;
}

/* Quick action */
.dash-quick-panel{
  border-radius:18px!important;
  min-height:72px!important;
  padding:14px 18px!important;
  box-shadow:0 14px 34px rgba(13,39,72,.04)!important;
}
.dash-quick-panel .btn{
  min-height:44px!important;
  border-radius:13px!important;
  font-size:13.5px!important;
  font-weight:950!important;
}

/* Tables, charts, status */
.dash-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.dash-table th{
  color:#475467!important;
  font-size:12px!important;
  font-weight:950!important;
  padding:10px 8px!important;
  background:#f8fafc!important;
  border-bottom:1px solid #edf2f7!important;
}
.dash-table td{
  padding:12px 8px!important;
  border-bottom:1px solid #edf2f7!important;
  color:#0d2748!important;
  font-size:13px!important;
  font-weight:700!important;
}
.dash-table tr:last-child td{
  border-bottom:none!important;
}
.mini-logo{
  margin-right:8px!important;
}
.dash-pill{
  padding:6px 10px!important;
  font-size:11.5px!important;
}
.dash-line-chart{
  min-height:220px!important;
}
.chart-legend{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* Supplier final */
.supplier-layout-grid{
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:24px!important;
}
.supplier-main-col{
  gap:20px!important;
}
.business-card dl{
  display:grid!important;
  gap:0!important;
}
.business-card dt,.business-card dd{
  padding:10px 0!important;
  border-bottom:1px solid #edf2f7!important;
}
.business-card dt{
  color:#667085!important;
  font-size:12.5px!important;
  font-weight:850!important;
}
.business-card dd{
  color:#0d2748!important;
  font-size:13.5px!important;
  font-weight:850!important;
  margin:0!important;
}
.best-product-item{
  gap:12px!important;
  padding:12px 0!important;
}
.best-product-item i{
  border-radius:14px!important;
}

/* Buyer final */
.buyer-top-grid{
  gap:18px!important;
}
.buyer-profile-card,.buyer-verification-card{
  min-height:166px!important;
}
.buyer-avatar{
  width:70px!important;
  height:70px!important;
  border-radius:50%!important;
  font-size:22px!important;
}
.score-ring{
  width:92px!important;
  height:92px!important;
  border-radius:50%!important;
  border:8px solid #15a4c8!important;
}
.score-ring b{
  font-size:26px!important;
}
.buyer-actions-grid{
  gap:12px!important;
}
.buyer-bottom-grid{
  gap:18px!important;
}
.supplier-reco-item,.activity-row{
  padding:12px 0!important;
  border-bottom:1px solid #edf2f7!important;
}
.supplier-reco-item:last-child,.activity-row:last-child{
  border-bottom:none!important;
}
.buyer-benefit-strip{
  border-radius:0!important;
  margin:22px -26px -30px!important;
  padding:22px 26px!important;
}

/* Empty / loading / fallback premium */
.safira-dash-pro .empty-state,
.safira-dash-pro .muted{
  background:#f8fafc!important;
  border:1px dashed #dbe5f0!important;
  border-radius:18px!important;
  padding:18px!important;
  color:#667085!important;
}
.safira-dash-pro .empty-state:before{
  content:"◇";
  display:inline-flex;
  width:34px;
  height:34px;
  border-radius:12px;
  align-items:center;
  justify-content:center;
  background:#eaf2ff;
  color:#1266e3;
  margin-right:10px;
  font-weight:950;
}

/* Responsive stable */
@media(max-width:1280px){
  body.dashboard-context .dashboard-main{
    padding:0 20px 26px!important;
  }
  .supplier-layout-grid{
    grid-template-columns:1fr!important;
  }
  .supplier-side-col{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
  }
  .dash-metric-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .dash-metric-card{
    border-bottom:1px solid #edf2f7!important;
  }
  .buyer-top-grid,.buyer-mid-grid,.buyer-bottom-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:980px){
  body.dashboard-context .dashboard-layout{
    display:block!important;
  }
  body.dashboard-context .sidebar.sidebar-compact{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    border-radius:0 0 22px 22px!important;
  }
  body.dashboard-context .dashboard-main{
    max-width:none!important;
    padding:0 16px 24px!important;
  }
  .dash-topbar{
    flex-direction:column!important;
    align-items:stretch!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .dash-search{
    max-width:none!important;
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  .dash-search input,.dash-search select,.dash-search button{
    min-height:44px!important;
    width:100%!important;
    border-left:0!important;
    border-top:1px solid #edf2f7!important;
  }
  .dash-search input{
    border-top:0!important;
  }
  .dash-top-actions{
    justify-content:space-between!important;
  }
  .dash-profile-mini{
    min-width:0!important;
  }
  .dash-head{
    flex-direction:column!important;
  }
  .dash-head h1{
    font-size:30px!important;
  }
  .dash-card-row.three,.dash-grid-2,.supplier-side-col{
    grid-template-columns:1fr!important;
  }
  .dash-metric-strip{
    grid-template-columns:1fr 1fr!important;
  }
  .dash-quick-panel{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .dash-quick-panel .btn{
    width:100%!important;
  }
  .buyer-benefit-strip{
    margin:20px -16px -24px!important;
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  .safira-dash-pro{
    padding-top:12px!important;
  }
  .dash-card{
    padding:18px!important;
    border-radius:18px!important;
  }
  .dash-metric-strip{
    grid-template-columns:1fr!important;
  }
  .dash-metric-card{
    border-right:0!important;
  }
  .dash-table{
    display:block!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }
  .sidebar-upgrade-card,.sidebar-help-card{
    margin-left:0!important;
    margin-right:0!important;
  }
}


/* ---- consolidated css ---- */

/* Safira.id v114.1 Dashboard Refinement */
/* Goal: cleaner sidebar, no duplicate feel, less bold, more compact for PC 100% zoom */

:root{
  --sf1141-navy:#082347;
  --sf1141-navy-2:#0d2f59;
  --sf1141-blue:#1e67db;
  --sf1141-gold:#d7a73a;
  --sf1141-bg:#f5f7fb;
  --sf1141-line:#e5ecf4;
  --sf1141-text:#102a4c;
  --sf1141-muted:#667085;
}

body.dashboard-context{
  font-family:Inter,Manrope,"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--sf1141-text)!important;
}

/* Compact overall scale for desktop */
body.dashboard-context .dashboard-main{
  max-width:calc(100vw - 258px)!important;
  padding:0 20px 24px!important;
  font-size:14px!important;
}
.safira-dash-pro{
  max-width:1460px!important;
  padding-top:14px!important;
}

/* Sidebar cleaner */
body.dashboard-context .sidebar.sidebar-compact{
  width:238px!important;
  min-width:238px!important;
  max-width:238px!important;
  padding:14px 12px!important;
  background:linear-gradient(180deg,#031931 0%, #07264b 58%, #04172e 100%)!important;
  box-shadow:14px 0 38px rgba(8,35,71,.11)!important;
}
body.dashboard-context .sidebar-brand{
  padding:2px 6px 14px!important;
  margin-bottom:8px!important;
}
body.dashboard-context .sidebar-logo{
  max-width:152px!important;
}
body.dashboard-context .sidebar-menu{
  gap:8px!important;
}
body.dashboard-context .sidebar-section{
  gap:3px!important;
}
body.dashboard-context .sidebar-section-title{
  margin:8px 8px 4px!important;
  font-size:10px!important;
  letter-spacing:.11em!important;
  font-weight:800!important;
  color:rgba(255,255,255,.53)!important;
}
body.dashboard-context .sidebar a.sidebar-link{
  min-height:36px!important;
  padding:8px 10px!important;
  gap:9px!important;
  border-radius:12px!important;
  font-size:12.8px!important;
  font-weight:700!important;
  color:rgba(255,255,255,.84)!important;
}
body.dashboard-context .sidebar a.sidebar-link:hover{
  background:rgba(255,255,255,.085)!important;
  transform:none!important;
}
body.dashboard-context .sidebar a.sidebar-link[href*="dashboard"]{
  background:linear-gradient(135deg,#1a67d7,#2f80ed)!important;
  box-shadow:0 10px 22px rgba(30,103,219,.22)!important;
  font-weight:750!important;
}
body.dashboard-context .sidebar-ico{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:700!important;
  background:rgba(255,255,255,.09)!important;
  color:#f8fbff!important;
}
body.dashboard-context .sidebar-label{
  font-weight:700!important;
}
body.dashboard-context .sidebar a.has-badge:after{
  min-width:22px!important;
  height:18px!important;
  padding:0 6px!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
body.dashboard-context .sidebar-submenu{
  border-radius:14px!important;
}
body.dashboard-context .sidebar-submenu summary{
  padding:9px 11px!important;
  font-size:12.4px!important;
  font-weight:700!important;
}
body.dashboard-context .sidebar-submenu summary:before{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
body.dashboard-context .sidebar-submenu-body{
  gap:2px!important;
  padding:0 6px 7px!important;
}
body.dashboard-context .sidebar-submenu-body .sidebar-link{
  min-height:32px!important;
  font-size:12px!important;
  font-weight:650!important;
}
.sidebar-upgrade-card,.sidebar-help-card{
  margin:12px 2px 5px!important;
  padding:14px!important;
  border-radius:16px!important;
}
.sidebar-upgrade-card i{
  font-size:23px!important;
  margin-bottom:6px!important;
}
.sidebar-upgrade-card b,.sidebar-help-card b{
  font-size:13px!important;
  font-weight:750!important;
}
.sidebar-upgrade-card p,.sidebar-help-card p,.sidebar-help-card span{
  font-size:12px!important;
}
body.dashboard-context .sidebar-logout-section .sidebar-link{
  background:rgba(255,255,255,.06)!important;
}

/* Topbar and header less bold and more compact */
.dash-topbar{
  min-height:58px!important;
  padding:9px 14px!important;
  margin:0 0 18px!important;
  border-radius:0 0 18px 18px!important;
}
.dash-search{
  max-width:690px!important;
  grid-template-columns:minmax(260px,1fr) 130px 48px!important;
}
.dash-search input,.dash-search select{
  height:40px!important;
  font-size:13.5px!important;
}
.dash-search button{
  height:40px!important;
  font-size:16px!important;
}
.dash-top-actions{
  gap:12px!important;
}
.dash-top-actions>span{
  width:34px!important;
  height:34px!important;
}
.dash-profile-mini{
  min-width:190px!important;
}
.dash-profile-mini b{
  font-size:13.5px!important;
  font-weight:700!important;
}
.dash-profile-mini small{
  font-size:11.5px!important;
  font-weight:600!important;
}
.dash-head{
  margin:0 0 16px!important;
}
.dash-head h1{
  font-size:28px!important;
  line-height:1.12!important;
  font-weight:750!important;
  margin:0 0 8px!important;
}
.dash-head p{
  font-size:13.5px!important;
  font-weight:500!important;
}
.dash-head .pill,
.dash-head .dash-head-meta{
  font-size:12.5px!important;
  font-weight:650!important;
}

/* Cards */
.dash-card{
  border-radius:20px!important;
  padding:18px!important;
  box-shadow:0 14px 30px rgba(13,39,72,.05)!important;
}
.dash-card h3{
  font-size:15px!important;
  font-weight:700!important;
  margin-bottom:8px!important;
}
.dash-card p,
.dash-card small,
.dash-card span,
.dash-card li,
.dash-card td,
.dash-card th,
.dash-card dd,
.dash-card dt{
  font-weight:500!important;
}
.profile-progress,.verification-card,.membership-card,
.buyer-profile-card,.buyer-verification-card{
  min-height:152px!important;
}
.profile-progress b,.membership-card b,.score-ring b{
  font-size:24px!important;
  font-weight:750!important;
}
.profile-progress>i,.verification-card>i,.membership-card>i{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  font-size:22px!important;
}
.dash-progress{
  margin:12px 0 10px!important;
}
.dash-progress span{
  border-radius:999px!important;
}

/* KPI strip cleaner */
.dash-metric-strip{
  border-radius:18px!important;
}
.dash-metric-card{
  min-height:92px!important;
  padding:14px 14px 12px!important;
}
.dash-metric-card b{
  font-size:20px!important;
  font-weight:750!important;
}
.dash-metric-card small{
  font-size:12px!important;
  font-weight:700!important;
}
.dash-metric-card p,
.dash-metric-card span{
  font-size:11.5px!important;
  font-weight:500!important;
}
.dash-metric-card em{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:14px!important;
  font-size:18px!important;
}

/* Quick action + button system */
.dash-quick-panel{
  min-height:64px!important;
  padding:12px 16px!important;
  border-radius:16px!important;
}
.dash-quick-panel .btn,
.buyer-actions-grid .action-card,
.supplier-layout-grid .btn,
.dash-card a.btn{
  min-height:40px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:700!important;
}
.buyer-actions-grid .action-card{
  padding:14px!important;
}
.buyer-actions-grid .action-card b{
  font-size:14px!important;
  font-weight:700!important;
}
.buyer-actions-grid .action-card span{
  font-size:12.5px!important;
}

/* Table / content */
.dash-table th{
  font-size:11.5px!important;
  font-weight:700!important;
  padding:9px 7px!important;
}
.dash-table td{
  font-size:12.5px!important;
  font-weight:550!important;
  padding:10px 7px!important;
}
.dash-pill{
  padding:5px 9px!important;
  font-size:10.5px!important;
  font-weight:700!important;
  border-radius:999px!important;
}
.business-card dt{
  font-size:12px!important;
  font-weight:650!important;
}
.business-card dd{
  font-size:12.8px!important;
  font-weight:650!important;
}
.best-product-item b,
.supplier-reco-item b,
.activity-row b{
  font-size:13px!important;
  font-weight:700!important;
}
.best-product-item span,
.supplier-reco-item span,
.activity-row span{
  font-size:12px!important;
  font-weight:500!important;
}

/* Right sidebar cards */
.supplier-layout-grid{
  grid-template-columns:minmax(0,1fr) 310px!important;
  gap:18px!important;
}
.supplier-main-col{
  gap:18px!important;
}
.supplier-side-col{
  gap:18px!important;
}

/* Buyer blocks */
.buyer-top-grid,
.buyer-mid-grid,
.buyer-bottom-grid{
  gap:18px!important;
}
.buyer-avatar{
  width:60px!important;
  height:60px!important;
  font-size:20px!important;
}
.score-ring{
  width:82px!important;
  height:82px!important;
  border-width:7px!important;
}
.buyer-benefit-strip{
  margin:18px -20px -24px!important;
  padding:18px 20px!important;
}
.buyer-benefit-strip b{
  font-weight:700!important;
  font-size:13px!important;
}
.buyer-benefit-strip span{
  font-size:12px!important;
  font-weight:500!important;
}

/* Mobile / tablet */
@media(max-width:1200px){
  body.dashboard-context .dashboard-main{
    max-width:calc(100vw - 238px)!important;
    padding:0 16px 20px!important;
  }
  .supplier-layout-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:980px){
  body.dashboard-context .sidebar.sidebar-compact{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.dashboard-context .dashboard-main{
    max-width:none!important;
  }
  .dash-head h1{
    font-size:24px!important;
  }
}


/* ---- consolidated css ---- */
/* Safira.id v114.2 Audit Fix */
/* Scope: production-safe refinements after full audit. */

body.dashboard-context{
  overflow-x:hidden!important;
}
body.dashboard-context .dashboard-layout{
  align-items:stretch!important;
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
body.dashboard-context .dashboard-main{
  min-width:0!important;
  width:100%!important;
  overflow-x:hidden!important;
}
body.dashboard-context .panel,
body.dashboard-context .panel-dashboard-premium,
body.dashboard-context .safira-dash-pro{
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.dashboard-context table{
  max-width:100%!important;
}
body.dashboard-context .sidebar.sidebar-compact{
  box-sizing:border-box!important;
}
body.dashboard-context .sidebar-label,
body.dashboard-context .sidebar-section-title,
body.dashboard-context .sidebar-submenu summary{
  font-weight:650!important;
}
body.dashboard-context .sidebar a.sidebar-link{
  font-weight:650!important;
}
body.dashboard-context .sidebar a.sidebar-link[href*="dashboard"]{
  font-weight:700!important;
}
body.dashboard-context .dash-profile-mini b,
body.dashboard-context .dash-head h1,
body.dashboard-context .dash-card h3{
  font-weight:700!important;
}
.top-notification{
  position:relative!important;
}
.top-notification-panel{
  right:0!important;
  left:auto!important;
  max-width:min(360px,calc(100vw - 24px))!important;
}
.country-identity{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  vertical-align:middle!important;
}
.country-identity img.country-flag-img{
  width:24px!important;
  height:18px!important;
  border-radius:3px!important;
  object-fit:cover!important;
  box-shadow:0 0 0 1px rgba(15,23,42,.10)!important;
}
.register-v1134-page select,
.register-v1134-page input{
  max-width:100%!important;
}
@media (max-width: 920px){
  body.dashboard-context .dashboard-layout{
    display:block!important;
  }
  body.dashboard-context .sidebar.sidebar-compact{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    border-radius:0 0 22px 22px!important;
  }
  body.dashboard-context .dashboard-main{
    max-width:100%!important;
    padding:16px 12px 22px!important;
  }
  .top-notification-panel{
    position:fixed!important;
    top:66px!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
    max-width:none!important;
  }
}


/* ---- consolidated css ---- */
/* Safira.id v115.0 SEO Core UI Polish */
.seo-content-block,
.seo-faq-block,
.seo-link-block{
  margin-top:24px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  padding:22px;
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.96));
  box-shadow:0 14px 40px rgba(15,23,42,.06);
}
.seo-content-block h2,
.seo-faq-block h2,
.seo-link-block h2{margin:0 0 10px;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;color:#0f172a}
.seo-content-block p,
.seo-faq-block p{line-height:1.75;color:#475569;margin:0 0 12px}
.seo-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.seo-faq-item{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:16px;background:#fff}
.seo-faq-item b{display:block;color:#0f172a;margin-bottom:6px}
.seo-quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.seo-quick-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:9px 14px;text-decoration:none;color:#0f172a;background:#fff;font-weight:700;font-size:14px}
.seo-quick-links a:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.seo-breadcrumb{font-size:13px;color:#64748b;margin:18px 0 0}
.seo-breadcrumb a{color:#334155;text-decoration:none;font-weight:700}
.seo-breadcrumb span{margin:0 6px;color:#94a3b8}
.seo-landing-hero .eyebrow,
.seo-category-hero .eyebrow,
.seo-country-hero .eyebrow{letter-spacing:.08em;text-transform:uppercase}
.seo-landing-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
.seo-side-card{position:sticky;top:92px;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:20px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.06)}
.seo-side-card ul{padding-left:18px;margin:12px 0 0;color:#475569;line-height:1.8}
.footer a[href*="produk"],.footer a[href*="penyedia"],.footer a[href*="kebutuhan"]{font-weight:600}
@media(max-width:768px){
  .seo-faq-grid,.seo-landing-grid{grid-template-columns:1fr}
  .seo-content-block,.seo-faq-block,.seo-link-block{padding:18px;border-radius:16px}
  .seo-side-card{position:static}
  .seo-quick-links a{width:100%;justify-content:center}
}


/* ---- consolidated css ---- */

/* Safira.id v137.10-v137.14 — Dashboard Shell Final Stabilizer
   Loaded after the legacy CSS to neutralize sidebar/form conflicts. */
:root {
  --sf-dashboard-sidebar: 250px;
  --sf-dashboard-topbar: 72px;
  --sf-dashboard-bg: #f5f7fb;
  --sf-sidebar-bg: linear-gradient(180deg, #031931 0%, #07264b 58%, #04172e 100%);
}

body.dashboard-context {
  background: var(--sf-dashboard-bg) !important;
  overflow-x: hidden !important;
}

body.dashboard-context .navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
}

@media (min-width: 981px) {
  body.dashboard-context .dashboard-layout {
    display: grid !important;
    grid-template-columns: var(--sf-dashboard-sidebar) minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: calc(100dvh - var(--sf-dashboard-topbar)) !important;
    overflow: visible !important;
    background: var(--sf-dashboard-bg) !important;
  }

  body.dashboard-context .sidebar.sidebar-compact {
    width: var(--sf-dashboard-sidebar) !important;
    min-width: var(--sf-dashboard-sidebar) !important;
    max-width: var(--sf-dashboard-sidebar) !important;
    height: calc(100dvh - var(--sf-dashboard-topbar)) !important;
    min-height: calc(100dvh - var(--sf-dashboard-topbar)) !important;
    max-height: calc(100dvh - var(--sf-dashboard-topbar)) !important;
    position: sticky !important;
    top: var(--sf-dashboard-topbar) !important;
    align-self: start !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: var(--sf-sidebar-bg) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.dashboard-context .sidebar-menu {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 24px !important;
  }

  body.dashboard-context .dashboard-main {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 22px 28px 36px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.dashboard-context .dashboard-main > .panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 22px !important;
  }
}

@media (max-width: 980px) {
  body.dashboard-context .dashboard-layout {
    display: block !important;
    width: 100% !important;
    min-height: auto !important;
    overflow-x: hidden !important;
  }

  body.dashboard-context .sidebar.sidebar-compact {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 0 0 22px 22px !important;
    background: var(--sf-sidebar-bg) !important;
  }

  body.dashboard-context .sidebar-menu {
    max-height: none !important;
    overflow: visible !important;
  }

  body.dashboard-context .dashboard-main {
    max-width: 100% !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }
}

body.dashboard-context .form-grid label.inline,
body.dashboard-context .form-grid .form-check,
.form-grid label.inline,
.form-grid .form-check {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  text-align: left !important;
  margin: 0 !important;
  font-weight: 650 !important;
  min-height: 34px !important;
}

body.dashboard-context .form-grid label.inline input[type="checkbox"],
body.dashboard-context .form-grid .form-check input[type="checkbox"],
.form-grid label.inline input[type="checkbox"],
.form-grid .form-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.dashboard-context .form-grid label.inline span,
body.dashboard-context .form-grid .form-check span,
.form-grid label.inline span,
.form-grid .form-check span {
  display: inline-block !important;
  line-height: 1.4 !important;
}

body.dashboard-context .membership-admin-form .form-section-title {
  grid-column: 1 / -1 !important;
  margin: 8px 0 0 !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: #f6f8fc !important;
  color: #1d2b44 !important;
  font-weight: 800 !important;
  border: 1px solid #e6ebf3 !important;
}

body.dashboard-context .package-card.is-current {
  border-color: #d7a43b !important;
  box-shadow: 0 12px 32px rgba(214, 158, 46, .16) !important;
}

body.dashboard-context .package-card .package-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #1f3b65 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.dashboard-context .package-card .package-badge.is-active {
  background: #fff7e4 !important;
  color: #7a510d !important;
}

body.dashboard-context .mfa-code-input {
  letter-spacing: 8px !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

body.dashboard-context .security-code-box,
.public-context .security-code-box {
  padding: 14px !important;
  border-radius: 14px !important;
  background: #f7f9fd !important;
  border: 1px dashed #c9d3e2 !important;
  word-break: break-all !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}

/* v149.0 — MFA QR Setup UI Fix */
body.dashboard-context .mfa-setup-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 0.85fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
  max-width: 980px !important;
  margin: 22px auto 0 !important;
}
body.dashboard-context .mfa-setup-card {
  border-radius: 22px !important;
  box-shadow: 0 18px 45px rgba(7,29,58,.08) !important;
}
body.dashboard-context .mfa-qr-box {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  margin: 14px 0 !important;
  background: #fff !important;
  border: 1px solid #dbe5f1 !important;
  border-radius: 20px !important;
}
body.dashboard-context .mfa-qr-svg {
  display: block !important;
  max-width: 260px !important;
  width: 100% !important;
  height: auto !important;
}
body.dashboard-context .mfa-manual {
  margin-top: 14px !important;
  padding: 12px 14px !important;
  border: 1px solid #e2e9f3 !important;
  border-radius: 16px !important;
  background: #fbfdff !important;
}
body.dashboard-context .mfa-manual summary {
  cursor: pointer !important;
  font-weight: 800 !important;
  color: #0b1f3a !important;
}
body.dashboard-context .security-code-row {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
body.dashboard-context .security-code-row .security-code-box {
  flex: 1 1 auto !important;
  margin: 0 !important;
}
body.dashboard-context .mfa-confirm-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 12px !important;
}
body.dashboard-context .mfa-confirm-form .btn {
  width: 100% !important;
  min-height: 54px !important;
}
body.dashboard-context .mfa-help-box {
  margin-top: 18px !important;
  padding: 14px !important;
  background: #f6f8fc !important;
  border: 1px solid #e0e8f3 !important;
  border-radius: 16px !important;
  color: #41516a !important;
  line-height: 1.7 !important;
}
body.dashboard-context .muted.small { font-size: 13px !important; }
@media (max-width: 860px) {
  body.dashboard-context .mfa-setup-grid {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }
  body.dashboard-context .security-code-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* =========================================================
   Safira.id v149.2 — GLOBAL DASHBOARD TOTAL STABILIZATION
   Purpose: hard-reset the dashboard shell, sidebar, form, card and table
   behavior after legacy CSS conflict from v110-v149.
   ========================================================= */
:root{
  --sf1492-sidebar:280px;
  --sf1492-page-bg:#f4f7fb;
  --sf1492-card:#ffffff;
  --sf1492-line:#dbe4ef;
  --sf1492-ink:#0b1f3a;
  --sf1492-muted:#667085;
  --sf1492-navy:#041b34;
  --sf1492-navy2:#082b52;
  --sf1492-gold:#e4b63c;
  --sf1492-green:#0f766e;
  --sf1492-shadow:0 18px 55px rgba(13,39,72,.08);
  --sf1492-soft-shadow:0 10px 30px rgba(13,39,72,.055);
}

body.dashboard-context{
  background:var(--sf1492-page-bg)!important;
  color:#263448!important;
  min-height:100dvh!important;
  overflow-x:hidden!important;
}

/* Dashboard uses sidebar-only shell. Old public header is hidden to prevent height conflicts. */
body.dashboard-context>.topline,
body.dashboard-context>.navbar,
body.dashboard-context>.footer:not(.dashboard-footer){
  display:none!important;
}

@media (min-width:981px){
  body.dashboard-context .dashboard-layout{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100vw!important;
    min-height:100dvh!important;
    padding-left:var(--sf1492-sidebar)!important;
    overflow:visible!important;
    background:var(--sf1492-page-bg)!important;
  }

  body.dashboard-context .sidebar,
  body.dashboard-context .sidebar.sidebar-compact{
    position:fixed!important;
    inset:0 auto 0 0!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:var(--sf1492-sidebar)!important;
    min-width:var(--sf1492-sidebar)!important;
    max-width:var(--sf1492-sidebar)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    padding:16px 14px 22px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:120!important;
    background:linear-gradient(180deg,var(--sf1492-navy) 0%,var(--sf1492-navy2) 55%,#031426 100%)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    box-shadow:14px 0 32px rgba(5,18,36,.08)!important;
    scrollbar-width:thin!important;
    align-self:stretch!important;
  }

  body.dashboard-context .dashboard-main{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:24px 28px 36px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:var(--sf1492-page-bg)!important;
  }

  body.dashboard-context .dashboard-main>.panel{
    width:100%!important;
    max-width:none!important;
    min-height:calc(100dvh - 48px)!important;
    margin:0!important;
    padding:24px!important;
    overflow:visible!important;
    border:1px solid var(--sf1492-line)!important;
    border-radius:28px!important;
    background:#fff!important;
    box-shadow:var(--sf1492-shadow)!important;
    box-sizing:border-box!important;
  }

  body.dashboard-context .panel.panel-dashboard-premium{
    padding:26px!important;
    border:1px solid var(--sf1492-line)!important;
    background:#fff!important;
    box-shadow:var(--sf1492-shadow)!important;
  }
}

@media (max-width:1280px) and (min-width:981px){
  :root{--sf1492-sidebar:250px;}
  body.dashboard-context .dashboard-main{padding:20px 22px 32px!important;}
  body.dashboard-context .dashboard-main>.panel{border-radius:24px!important;padding:20px!important;}
}

/* Sidebar final polish */
body.dashboard-context .sidebar-brand{
  min-height:52px!important;
  margin:0 4px 12px!important;
  padding:4px 0!important;
}
body.dashboard-context .sidebar-logo{max-width:180px!important;max-height:46px!important;object-fit:contain!important;}
body.dashboard-context .sidebar-title{
  margin:8px 8px 18px!important;
  color:#a7b8ce!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
  font-weight:900!important;
}
body.dashboard-context .sidebar-menu{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:24px!important;
}
body.dashboard-context .sidebar-section-title{
  padding:8px 8px 6px!important;
  color:#91a8c2!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
body.dashboard-context .sidebar-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:40px!important;
  padding:9px 11px!important;
  margin:2px 0!important;
  border-radius:14px!important;
  color:#d7e4f3!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
  background:transparent!important;
  transition:background .16s ease, transform .16s ease, color .16s ease!important;
}
body.dashboard-context .sidebar-link:hover,
body.dashboard-context .sidebar-link.is-active{
  background:rgba(255,255,255,.095)!important;
  color:#fff!important;
  transform:none!important;
}
body.dashboard-context .sidebar-link.is-active{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
body.dashboard-context .sidebar-ico{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.085)!important;
}
body.dashboard-context .sidebar-label{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.dashboard-context .sidebar-submenu{
  margin:5px 0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
body.dashboard-context .sidebar-submenu summary{
  min-height:42px!important;
  padding:11px 13px!important;
  font-size:13px!important;
  font-weight:850!important;
}
body.dashboard-context .sidebar-upgrade-card,
body.dashboard-context .sidebar-help-card{
  margin:12px 0!important;
  padding:14px!important;
  border-radius:20px!important;
}

/* Universal panel title and content spacing */
body.dashboard-context .panel>h1{
  margin:0 0 20px!important;
  font-size:clamp(25px,2.2vw,36px)!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  color:var(--sf1492-ink)!important;
  font-weight:850!important;
}
body.dashboard-context .notice-card,
body.dashboard-context .details,
body.dashboard-context .filterbar,
body.dashboard-context .metric-grid,
body.dashboard-context .stats-grid,
body.dashboard-context .table-card,
body.dashboard-context table{
  margin-bottom:18px!important;
}

/* Card and metric grid final */
body.dashboard-context .metric-grid,
body.dashboard-context .stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.dashboard-context .metric-grid>div,
body.dashboard-context .stat-card{
  min-height:110px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#fff,#f8fbfd)!important;
  border:1px solid var(--sf1492-line)!important;
  box-shadow:var(--sf1492-soft-shadow)!important;
}
body.dashboard-context .metric-grid b,
body.dashboard-context .stat-card b{
  font-size:clamp(26px,2.1vw,36px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  color:var(--sf1492-ink)!important;
  font-weight:850!important;
}
body.dashboard-context .metric-grid span,
body.dashboard-context .stat-card span{
  display:block!important;
  margin-top:6px!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:750!important;
}
@media (max-width:1360px) and (min-width:981px){
  body.dashboard-context .metric-grid,
  body.dashboard-context .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Supplier/buyer dashboard grid final */
body.dashboard-context .safira-dash-pro{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
body.dashboard-context .dash-topbar,
body.dashboard-context .dash-head,
body.dashboard-context .dash-card,
body.dashboard-context .dash-bottom-summary{
  border:1px solid var(--sf1492-line)!important;
  box-shadow:var(--sf1492-soft-shadow)!important;
}
body.dashboard-context .dash-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:22px 24px!important;
  border-radius:24px!important;
}
body.dashboard-context .dash-head h1{
  font-size:clamp(26px,2.2vw,34px)!important;
  line-height:1.1!important;
  margin:0 0 6px!important;
}
body.dashboard-context .supplier-layout-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,400px)!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
}
body.dashboard-context .supplier-main-col,
body.dashboard-context .supplier-side-col{min-width:0!important;}
body.dashboard-context .dash-metric-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-bottom:18px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.dashboard-context .dash-metric-card{
  min-width:0!important;
  min-height:122px!important;
  padding:18px!important;
  border-radius:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  overflow:hidden!important;
}
body.dashboard-context .dash-metric-card b{font-size:clamp(26px,2vw,34px)!important;}
body.dashboard-context .dash-icon{width:54px!important;height:54px!important;border-radius:20px!important;flex:0 0 54px!important;}
body.dashboard-context .dash-bottom-summary{
  display:grid!important;
  grid-template-columns:minmax(260px,1.55fr) repeat(3,minmax(110px,.7fr)) minmax(220px,1.1fr)!important;
  gap:16px!important;
  align-items:center!important;
  padding:20px!important;
  border-radius:24px!important;
  overflow:visible!important;
}
body.dashboard-context .dash-bottom-summary>div{min-width:0!important;}
body.dashboard-context .dash-bottom-summary .tips-box{min-height:84px!important;}
body.dashboard-context .supplier-side-col .dash-card,
body.dashboard-context .supplier-side-col .best-products{
  width:100%!important;
  min-width:0!important;
  min-height:420px!important;
  height:auto!important;
  overflow:visible!important;
  display:block!important;
}
body.dashboard-context .supplier-side-col .best-products .sf110-empty{
  display:flex!important;
  width:100%!important;
  min-height:250px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:left!important;
  padding:22px!important;
  box-sizing:border-box!important;
}
body.dashboard-context .supplier-side-col .best-products .sf110-empty>div{min-width:0!important;}
body.dashboard-context .supplier-side-col .best-products .sf110-empty .btn{margin-top:12px!important;}
@media (max-width:1500px) and (min-width:981px){
  body.dashboard-context .supplier-layout-grid{grid-template-columns:1fr!important;}
  body.dashboard-context .supplier-side-col{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  body.dashboard-context .supplier-side-col .dash-card,
  body.dashboard-context .supplier-side-col .best-products{min-height:260px!important;}
}
@media (max-width:1180px) and (min-width:981px){
  body.dashboard-context .dash-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.dashboard-context .dash-bottom-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.dashboard-context .dash-bottom-summary .summary-title,
  body.dashboard-context .dash-bottom-summary .tips-box{grid-column:1/-1!important;}
}

/* Forms final */
body.dashboard-context .form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
body.dashboard-context .form-grid label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
  color:#344054!important;
  font-size:14px!important;
  font-weight:750!important;
}
body.dashboard-context .form-grid label:has(textarea),
body.dashboard-context .form-grid label.full,
body.dashboard-context .form-grid .full{
  grid-column:1/-1!important;
}
body.dashboard-context input,
body.dashboard-context select,
body.dashboard-context textarea{
  width:100%!important;
  min-height:48px!important;
  border-radius:16px!important;
  border:1px solid #cfd8e5!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.dashboard-context textarea{min-height:128px!important;}
body.dashboard-context .form-grid label.inline,
body.dashboard-context label.inline,
body.dashboard-context .form-check{
  grid-column:1/-1!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:42px!important;
  font-weight:800!important;
}
body.dashboard-context input[type="checkbox"],
body.dashboard-context .form-grid label.inline input[type="checkbox"]{
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  flex:0 0 20px!important;
}
body.dashboard-context .form-grid>button,
body.dashboard-context .form-grid>.btn,
body.dashboard-context form>.form-actions,
body.dashboard-context .form-actions{
  grid-column:1/-1!important;
}
body.dashboard-context .form-grid>button,
body.dashboard-context .form-grid>.btn{
  width:min(100%,560px)!important;
  min-height:52px!important;
  border-radius:16px!important;
  justify-self:start!important;
}
body.dashboard-context .filterbar{
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) minmax(180px,260px) minmax(180px,260px) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:14px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid var(--sf1492-line)!important;
  box-shadow:var(--sf1492-soft-shadow)!important;
}
body.dashboard-context .filterbar input,
body.dashboard-context .filterbar select{min-height:48px!important;}
body.dashboard-context .filterbar button{min-height:48px!important;border-radius:16px!important;}

/* Tables and compact action system */
body.dashboard-context .table-card{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  border-radius:24px!important;
  border:1px solid var(--sf1492-line)!important;
  background:#fff!important;
  box-shadow:var(--sf1492-soft-shadow)!important;
}
body.dashboard-context .table-card table,
body.dashboard-context table.sf-table,
body.dashboard-context table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
body.dashboard-context th,
body.dashboard-context td{
  padding:14px 16px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #edf1f6!important;
  white-space:normal!important;
}
body.dashboard-context th{
  background:#f7f9fc!important;
  color:#0b1f3a!important;
  font-size:13px!important;
  font-weight:850!important;
}
body.dashboard-context td{font-size:13.5px!important;color:#24344d!important;}
body.dashboard-context tr:last-child td{border-bottom:0!important;}
body.dashboard-context .sf-table-actions-cell,
body.dashboard-context td:last-child{
  width:1%!important;
  min-width:150px!important;
  white-space:nowrap!important;
}
body.dashboard-context td .inline-form{
  display:grid!important;
  grid-template-columns:minmax(120px,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  margin:0 0 8px!important;
  min-width:150px!important;
}
body.dashboard-context td .inline-form select,
body.dashboard-context td .inline-form input{min-height:38px!important;border-radius:12px!important;font-size:12.5px!important;}
body.dashboard-context td .inline-form button{min-height:36px!important;border-radius:12px!important;font-size:12.5px!important;padding:8px 10px!important;}
body.dashboard-context .sf-row-action{position:relative!important;display:inline-block!important;}
body.dashboard-context .sf-row-action summary{
  list-style:none!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  background:#0b1f3a!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
}
body.dashboard-context .sf-row-action summary::-webkit-details-marker{display:none!important;}
body.dashboard-context .sf-row-action summary:after{content:"▾";font-size:10px;margin-left:8px;opacity:.8;}
body.dashboard-context .sf-row-action[open] summary:after{content:"▴";}
body.dashboard-context .sf-row-action-panel{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:150!important;
  width:260px!important;
  padding:12px!important;
  border:1px solid #dbe4ef!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(13,39,72,.20)!important;
  white-space:normal!important;
}
body.dashboard-context .sf-action-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding-bottom:10px!important;
  margin-bottom:10px!important;
  border-bottom:1px solid #edf1f6!important;
}
body.dashboard-context .sf-action-form:last-child{border-bottom:0!important;margin-bottom:0!important;padding-bottom:0!important;}
body.dashboard-context .sf-action-form label{display:grid!important;gap:6px!important;font-size:12px!important;font-weight:850!important;color:#344054!important;margin:0!important;}
body.dashboard-context .sf-action-form select{min-height:40px!important;border-radius:12px!important;font-size:13px!important;}
body.dashboard-context .sf-action-form .btn{width:100%!important;min-height:38px!important;border-radius:12px!important;}

/* Mobile/tablet dashboard behavior */
@media (max-width:980px){
  body.dashboard-context>.topline,
  body.dashboard-context>.navbar{display:none!important;}
  body.dashboard-context .dashboard-layout{
    display:block!important;
    padding-left:0!important;
    min-height:100dvh!important;
    overflow:visible!important;
  }
  body.dashboard-context .sidebar,
  body.dashboard-context .sidebar.sidebar-compact{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:0 0 24px 24px!important;
    padding:14px!important;
    overflow:visible!important;
  }
  body.dashboard-context .sidebar-menu{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.dashboard-context .sidebar-brand,
  body.dashboard-context .sidebar-title,
  body.dashboard-context .sidebar-section,
  body.dashboard-context .sidebar-submenu,
  body.dashboard-context .sidebar-upgrade-card,
  body.dashboard-context .sidebar-help-card,
  body.dashboard-context .sidebar-logout-section{grid-column:1/-1!important;}
  body.dashboard-context .dashboard-main{padding:14px!important;min-height:auto!important;}
  body.dashboard-context .dashboard-main>.panel{min-height:0!important;border-radius:22px!important;padding:18px!important;}
  body.dashboard-context .metric-grid,
  body.dashboard-context .stats-grid,
  body.dashboard-context .dash-metric-strip,
  body.dashboard-context .supplier-layout-grid,
  body.dashboard-context .buyer-bottom-grid,
  body.dashboard-context .buyer-top-grid,
  body.dashboard-context .buyer-mid-grid,
  body.dashboard-context .supplier-side-col{
    grid-template-columns:1fr!important;
  }
  body.dashboard-context .dash-bottom-summary{grid-template-columns:1fr!important;}
  body.dashboard-context .form-grid{grid-template-columns:1fr!important;}
  body.dashboard-context .filterbar{grid-template-columns:1fr!important;}
  body.dashboard-context .table-card{overflow-x:auto!important;}
  body.dashboard-context table{min-width:760px!important;}
  body.dashboard-context .sf-row-action-panel{right:auto!important;left:0!important;}
}
@media (max-width:520px){
  body.dashboard-context .sidebar-menu{grid-template-columns:1fr!important;}
  body.dashboard-context .dashboard-main{padding:10px!important;}
  body.dashboard-context .dashboard-main>.panel{padding:15px!important;border-radius:18px!important;}
}

/* =========================================================
   v149.3 - v149.7 MOBILE ONLY RESPONSIVE FINAL
   Scope: mobile/tablet only. Desktop/laptop rules above stay locked.
   ========================================================= */
.sf-mobile-panel-bar{display:none!important;}

@media (max-width:980px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  body.dashboard-context{background:#f4f7fb!important;padding:0!important;}
  body.dashboard-context>.topline,
  body.dashboard-context>.navbar{display:none!important;}

  body.dashboard-context .sf-mobile-panel-bar{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:220!important;
    background:linear-gradient(135deg,#061932 0%,#0b315d 55%,#0f766e 100%)!important;
    color:#fff!important;
    padding:12px 12px 10px!important;
    box-shadow:0 16px 40px rgba(7,24,45,.22)!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  body.dashboard-context .sf-mobile-panel-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  body.dashboard-context .sf-mobile-panel-top b{
    display:block!important;
    font-size:17px!important;
    line-height:1.1!important;
    letter-spacing:-.02em!important;
  }
  body.dashboard-context .sf-mobile-panel-top small{
    display:block!important;
    max-width:72vw!important;
    color:rgba(255,255,255,.78)!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.dashboard-context .sf-mobile-logout{
    flex:0 0 auto!important;
    display:inline-flex!important;
    min-height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    border-radius:13px!important;
    color:#07182d!important;
    background:#fff!important;
    font-weight:850!important;
    font-size:12px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
  }
  body.dashboard-context .sf-mobile-quick-actions{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:2px 0 3px!important;
  }
  body.dashboard-context .sf-mobile-quick-actions::-webkit-scrollbar{display:none!important;}
  body.dashboard-context .sf-mobile-quick-link{
    flex:0 0 auto!important;
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  body.dashboard-context .sf-mobile-quick-link span{
    width:22px!important;height:22px!important;border-radius:8px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    background:rgba(255,255,255,.15)!important;
    font-size:12px!important;
  }
  body.dashboard-context .sf-mobile-quick-link.is-active{
    background:#fff!important;color:#0b1f3a!important;border-color:#fff!important;
  }
  body.dashboard-context .sf-mobile-quick-link.is-active span{background:#eef7f4!important;color:#0f766e!important;}

  body.dashboard-context .dashboard-layout{
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.dashboard-context .sidebar,
  body.dashboard-context .sidebar.sidebar-compact{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 10px 12px!important;
    border-radius:0 0 22px 22px!important;
    overflow:visible!important;
    background:#061b36!important;
    box-shadow:0 16px 34px rgba(7,24,45,.16)!important;
  }
  body.dashboard-context .sidebar-brand,
  body.dashboard-context .sidebar-title,
  body.dashboard-context .sidebar-section-title,
  body.dashboard-context .sidebar-submenu,
  body.dashboard-context .sidebar-upgrade-card,
  body.dashboard-context .sidebar-help-card{
    display:none!important;
  }
  body.dashboard-context .sidebar-menu{
    display:flex!important;
    gap:8px!important;
    width:100%!important;
    max-height:none!important;
    height:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding:0 2px 2px!important;
  }
  body.dashboard-context .sidebar-menu::-webkit-scrollbar{display:none!important;}
  body.dashboard-context .sidebar-section,
  body.dashboard-context .sidebar-logout-section{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.dashboard-context .sidebar a.sidebar-link,
  body.dashboard-context .sidebar .sidebar-link{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:38px!important;
    width:auto!important;
    padding:0 11px!important;
    margin:0!important;
    border-radius:13px!important;
    white-space:nowrap!important;
    font-size:12px!important;
    font-weight:800!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#eaf2fb!important;
  }
  body.dashboard-context .sidebar .sidebar-link.is-active{
    background:#fff!important;color:#061b36!important;border-color:#fff!important;
  }
  body.dashboard-context .sidebar .sidebar-ico{
    width:22px!important;height:22px!important;min-width:22px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border-radius:8px!important;background:rgba(255,255,255,.12)!important;
    font-size:11px!important;
  }
  body.dashboard-context .sidebar .sidebar-link.is-active .sidebar-ico{background:#eef7f4!important;color:#0f766e!important;}

  body.dashboard-context .dashboard-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:12px!important;
    overflow:visible!important;
  }
  body.dashboard-context .dashboard-main>.panel{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:16px!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.dashboard-context .dashboard-main h1,
  body.dashboard-context .panel>h1{
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.12!important;
    margin:0 0 14px!important;
    letter-spacing:-.04em!important;
  }
  body.dashboard-context .page-title-row{display:block!important;padding-bottom:14px!important;margin-bottom:16px!important;}
  body.dashboard-context .metric-grid,
  body.dashboard-context .stats-grid,
  body.dashboard-context .dash-metric-strip,
  body.dashboard-context .supplier-layout-grid,
  body.dashboard-context .supplier-side-col,
  body.dashboard-context .buyer-top-grid,
  body.dashboard-context .buyer-mid-grid,
  body.dashboard-context .buyer-bottom-grid,
  body.dashboard-context .package-grid,
  body.dashboard-context .split,
  body.dashboard-context .detail-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.dashboard-context .metric-grid div,
  body.dashboard-context .stats-grid .stat-card,
  body.dashboard-context .dash-card,
  body.dashboard-context .notice-card,
  body.dashboard-context .details,
  body.dashboard-context .package-card{
    border-radius:18px!important;
    padding:16px!important;
  }
}

@media (max-width:768px){
  /* Public homepage/header mobile - keep Masuk + Daftar visible */
  body.public-context .navbar{
    position:sticky!important;top:0!important;z-index:300!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px)!important;
    border-bottom:1px solid #e5edf7!important;
  }
  body.public-context .nav-inner{
    min-height:60px!important;
    padding:8px 12px!important;
    gap:8px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.public-context .brand,
  body.public-context .brand-logo{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:7px!important;
  }
  body.public-context .brand img,
  body.public-context .brand-logo img,
  body.public-context .logo-header{
    max-width:118px!important;
    max-height:30px!important;
    object-fit:contain!important;
  }
  body.public-context .brand small{display:none!important;}
  body.public-context .nav-links{display:none!important;}
  body.public-context .nav-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    margin-left:auto!important;
    padding-left:0!important;
    border-left:0!important;
    max-width:none!important;
    flex-wrap:nowrap!important;
  }
  body.public-context .nav-actions .btn,
  body.public-context .nav-actions a.btn,
  body.public-context .nav-actions .btn-ghost,
  body.public-context .nav-actions .btn-gold{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  body.public-context .nav-actions .user-chip{display:none!important;}
  body.public-context .hero,
  body.public-context .page-hero{
    padding:34px 0 36px!important;
    text-align:left!important;
  }
  body.public-context .hero-grid,
  body.public-context .split,
  body.public-context .cards,
  body.public-context .role-choice,
  body.public-context .footer-grid{
    grid-template-columns:1fr!important;
  }
  body.public-context .hero h1,
  body.public-context .page-hero h1{
    font-size:clamp(31px,9vw,42px)!important;
    line-height:1.06!important;
    letter-spacing:-.05em!important;
  }
  body.public-context .hero p,
  body.public-context .page-hero p{
    font-size:15px!important;
    line-height:1.58!important;
  }
  body.public-context .searchbar,
  body.public-context .hero-search,
  body.public-context .filterbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    border-radius:18px!important;
    padding:10px!important;
  }
  body.public-context .searchbar input,
  body.public-context .searchbar select,
  body.public-context .searchbar button,
  body.public-context .filterbar input,
  body.public-context .filterbar select,
  body.public-context .filterbar button{
    width:100%!important;
    min-height:46px!important;
    border-radius:14px!important;
  }
  body.public-context .hero-actions,
  body.public-context .action-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.public-context .hero-actions .btn,
  body.public-context .action-row .btn{
    width:100%!important;
    min-height:46px!important;
  }

  /* Dashboard mobile forms */
  body.dashboard-context .form-grid,
  body.dashboard-context form.form-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.dashboard-context .form-grid label,
  body.dashboard-context form label{
    font-size:13.5px!important;
    gap:7px!important;
  }
  body.dashboard-context input,
  body.dashboard-context select,
  body.dashboard-context textarea{
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    border-radius:14px!important;
    font-size:15px!important;
  }
  body.dashboard-context textarea{min-height:118px!important;}
  body.dashboard-context .form-grid label.inline,
  body.dashboard-context label.inline,
  body.dashboard-context .form-check{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    min-height:38px!important;
  }
  body.dashboard-context input[type="checkbox"]{
    width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  }
  body.dashboard-context .form-grid>button,
  body.dashboard-context .form-grid>.btn,
  body.dashboard-context .form-actions .btn,
  body.dashboard-context form>button[type="submit"]{
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
    min-height:48px!important;
    border-radius:15px!important;
  }
  body.dashboard-context .filterbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  body.dashboard-context .filterbar input,
  body.dashboard-context .filterbar select,
  body.dashboard-context .filterbar button{
    width:100%!important;
    min-height:46px!important;
  }

  /* MFA mobile */
  body.dashboard-context .mfa-setup-grid,
  body.dashboard-context .security-grid,
  body.dashboard-context .qr-setup-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.dashboard-context img[alt*="QR"],
  body.dashboard-context .mfa-qr,
  body.dashboard-context .qr-code{
    width:min(100%,260px)!important;
    height:auto!important;
    margin-inline:auto!important;
  }

  /* Admin table mobile card view */
  body.dashboard-context.page-manajemen-user .table-card,
  body.dashboard-context.page-product-approval-center .table-card,
  body.dashboard-context.page-buy-requirement-approval-center .table-card,
  body.dashboard-context.page-manajemen-verifikasi-dokumen .table-card,
  body.dashboard-context.page-pembayaran-manual-membership .table-card{
    overflow:visible!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.dashboard-context.page-manajemen-user table,
  body.dashboard-context.page-product-approval-center table,
  body.dashboard-context.page-buy-requirement-approval-center table,
  body.dashboard-context.page-manajemen-verifikasi-dokumen table,
  body.dashboard-context.page-pembayaran-manual-membership table{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.dashboard-context.page-manajemen-user table tbody,
  body.dashboard-context.page-product-approval-center table tbody,
  body.dashboard-context.page-buy-requirement-approval-center table tbody,
  body.dashboard-context.page-manajemen-verifikasi-dokumen table tbody,
  body.dashboard-context.page-pembayaran-manual-membership table tbody{
    display:block!important;width:100%!important;
  }
  body.dashboard-context.page-manajemen-user table tr:has(th),
  body.dashboard-context.page-product-approval-center table tr:has(th),
  body.dashboard-context.page-buy-requirement-approval-center table tr:has(th),
  body.dashboard-context.page-manajemen-verifikasi-dokumen table tr:has(th),
  body.dashboard-context.page-pembayaran-manual-membership table tr:has(th){display:none!important;}
  body.dashboard-context.page-manajemen-user table tr,
  body.dashboard-context.page-product-approval-center table tr,
  body.dashboard-context.page-buy-requirement-approval-center table tr,
  body.dashboard-context.page-manajemen-verifikasi-dokumen table tr,
  body.dashboard-context.page-pembayaran-manual-membership table tr{
    display:block!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border:1px solid #dfe7f1!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(13,39,72,.07)!important;
  }
  body.dashboard-context.page-manajemen-user table td,
  body.dashboard-context.page-product-approval-center table td,
  body.dashboard-context.page-buy-requirement-approval-center table td,
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td,
  body.dashboard-context.page-pembayaran-manual-membership table td{
    display:grid!important;
    grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    padding:9px 0!important;
    border:0!important;
    border-bottom:1px solid #edf1f6!important;
    white-space:normal!important;
    word-break:break-word!important;
    font-size:13.5px!important;
  }
  body.dashboard-context.page-manajemen-user table td:last-child,
  body.dashboard-context.page-product-approval-center table td:last-child,
  body.dashboard-context.page-buy-requirement-approval-center table td:last-child,
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:last-child,
  body.dashboard-context.page-pembayaran-manual-membership table td:last-child{
    border-bottom:0!important;
    grid-template-columns:1fr!important;
    padding-top:12px!important;
  }
  body.dashboard-context.page-manajemen-user table td::before,
  body.dashboard-context.page-product-approval-center table td::before,
  body.dashboard-context.page-buy-requirement-approval-center table td::before,
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td::before,
  body.dashboard-context.page-pembayaran-manual-membership table td::before{
    color:#667085!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:none!important;
  }
  body.dashboard-context.page-manajemen-user table td:nth-child(1)::before{content:"Nama";}
  body.dashboard-context.page-manajemen-user table td:nth-child(2)::before{content:"Peran";}
  body.dashboard-context.page-manajemen-user table td:nth-child(3)::before{content:"Perusahaan";}
  body.dashboard-context.page-manajemen-user table td:nth-child(4)::before{content:"Negara";}
  body.dashboard-context.page-manajemen-user table td:nth-child(5)::before{content:"Email";}
  body.dashboard-context.page-manajemen-user table td:nth-child(6)::before{content:"Status";}
  body.dashboard-context.page-manajemen-user table td:nth-child(7)::before{content:"";display:none!important;}

  body.dashboard-context.page-product-approval-center table td:nth-child(1)::before{content:"Produk";}
  body.dashboard-context.page-product-approval-center table td:nth-child(2)::before{content:"Supplier";}
  body.dashboard-context.page-product-approval-center table td:nth-child(3)::before{content:"Status";}
  body.dashboard-context.page-product-approval-center table td:nth-child(4)::before{content:"Unggulan";}
  body.dashboard-context.page-product-approval-center table td:nth-child(5)::before{content:"";display:none!important;}

  body.dashboard-context.page-buy-requirement-approval-center table td:nth-child(1)::before{content:"Kebutuhan";}
  body.dashboard-context.page-buy-requirement-approval-center table td:nth-child(2)::before{content:"Buyer";}
  body.dashboard-context.page-buy-requirement-approval-center table td:nth-child(3)::before{content:"Jumlah";}
  body.dashboard-context.page-buy-requirement-approval-center table td:nth-child(4)::before{content:"Status";}
  body.dashboard-context.page-buy-requirement-approval-center table td:nth-child(5)::before{content:"";display:none!important;}

  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(1)::before{content:"User";}
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(2)::before{content:"Peran";}
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(3)::before{content:"Dokumen";}
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(4)::before{content:"File";}
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(5)::before{content:"Status";}
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(6)::before{content:"Badge";}
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(7)::before,
  body.dashboard-context.page-manajemen-verifikasi-dokumen table td:nth-child(8)::before{content:"";display:none!important;}

  body.dashboard-context.page-pembayaran-manual-membership table td:nth-child(1)::before{content:"Invoice";}
  body.dashboard-context.page-pembayaran-manual-membership table td:nth-child(2)::before{content:"Supplier";}
  body.dashboard-context.page-pembayaran-manual-membership table td:nth-child(3)::before{content:"Paket";}
  body.dashboard-context.page-pembayaran-manual-membership table td:nth-child(4)::before{content:"Nominal";}
  body.dashboard-context.page-pembayaran-manual-membership table td:nth-child(5)::before{content:"Status";}
  body.dashboard-context.page-pembayaran-manual-membership table td:nth-child(6)::before{content:"Bukti";}
  body.dashboard-context.page-pembayaran-manual-membership table td:nth-child(7)::before{content:"";display:none!important;}

  body.dashboard-context .sf-row-action{width:100%!important;display:block!important;}
  body.dashboard-context .sf-row-action summary,
  body.dashboard-context table td:last-child .btn,
  body.dashboard-context table td:last-child button{
    width:100%!important;
    min-height:42px!important;
    border-radius:14px!important;
  }
  body.dashboard-context .sf-row-action-panel{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    margin-top:10px!important;
    box-shadow:0 12px 32px rgba(13,39,72,.12)!important;
  }
  body.dashboard-context td .inline-form,
  body.dashboard-context table .inline-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.dashboard-context td .inline-form input,
  body.dashboard-context td .inline-form select,
  body.dashboard-context td .inline-form button{
    width:100%!important;
    min-height:40px!important;
  }
}

@media (max-width:430px){
  body.public-context .brand img,
  body.public-context .brand-logo img,
  body.public-context .logo-header{max-width:104px!important;}
  body.public-context .nav-actions .btn,
  body.public-context .nav-actions a.btn{padding:0 8px!important;font-size:11.5px!important;}
  body.dashboard-context .dashboard-main{padding:9px!important;}
  body.dashboard-context .dashboard-main>.panel{padding:14px!important;border-radius:18px!important;}
  body.dashboard-context .sf-mobile-quick-link{padding:0 10px!important;font-size:11.5px!important;}
}

/* =========================================================
   v149.8 MOBILE DASHBOARD ELEGANT NAV FIX
   Purpose: remove duplicate/numpuk mobile dashboard menus.
   Desktop/laptop remains untouched. Mobile uses only the compact top quick menu.
   ========================================================= */
@media (max-width:980px){
  body.dashboard-context .dashboard-layout{
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }

  /* IMPORTANT: prevent duplicate menu stack on mobile.
     The top .sf-mobile-panel-bar is the only mobile navigation. */
  body.dashboard-context .dashboard-layout > .sidebar,
  body.dashboard-context .dashboard-layout > aside.sidebar,
  body.dashboard-context .sidebar,
  body.dashboard-context .sidebar.sidebar-compact{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.dashboard-context .sf-mobile-panel-bar{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:500!important;
    padding:10px 10px 12px!important;
    background:linear-gradient(135deg,#061932 0%,#0b315d 54%,#0f766e 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(7,24,45,.22)!important;
  }

  body.dashboard-context .sf-mobile-panel-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 10px!important;
  }

  body.dashboard-context .sf-mobile-panel-top b{
    font-size:16px!important;
    line-height:1.1!important;
  }

  body.dashboard-context .sf-mobile-panel-top small{
    max-width:66vw!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.dashboard-context .sf-mobile-logout{
    min-height:34px!important;
    padding:0 11px!important;
    border-radius:12px!important;
    font-size:11.5px!important;
    font-weight:900!important;
  }

  /* Elegant quick menu: no horizontal hidden scroll, no duplicate second row from sidebar. */
  body.dashboard-context .sf-mobile-quick-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    overflow:visible!important;
    padding:0!important;
  }

  body.dashboard-context .sf-mobile-quick-link{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:7px 4px!important;
    border-radius:14px!important;
    text-align:center!important;
    color:#eef6ff!important;
    background:rgba(255,255,255,.11)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1.12!important;
    white-space:normal!important;
    overflow:hidden!important;
  }

  body.dashboard-context .sf-mobile-quick-link span{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    border-radius:9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.16)!important;
    font-size:11px!important;
  }

  body.dashboard-context .sf-mobile-quick-link.is-active{
    background:#fff!important;
    color:#07182e!important;
    border-color:#fff!important;
    box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
  }

  body.dashboard-context .sf-mobile-quick-link.is-active span{
    background:#eaf7f3!important;
    color:#0f766e!important;
  }

  body.dashboard-context .dashboard-main{
    padding:10px!important;
    margin:0!important;
  }

  body.dashboard-context .dashboard-main > .panel{
    margin:0!important;
    padding:15px!important;
    border-radius:20px!important;
    overflow:visible!important;
  }
}

@media (max-width:430px){
  body.dashboard-context .sf-mobile-quick-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.dashboard-context .sf-mobile-quick-link{
    min-height:48px!important;
    padding:6px 3px!important;
    font-size:10px!important;
    border-radius:13px!important;
  }
  body.dashboard-context .sf-mobile-quick-link span{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
  }
  body.dashboard-context .dashboard-main{
    padding:8px!important;
  }
  body.dashboard-context .dashboard-main > .panel{
    padding:14px!important;
    border-radius:18px!important;
  }
}

@media (max-width:350px){
  body.dashboard-context .sf-mobile-quick-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* =========================================================
   v149.9 MOBILE DASHBOARD — KONSEP A MENU RINGKAS FINAL
   Purpose: remove crowded mobile chip menu and replace with one elegant
   "Lihat Semua Menu" accordion. Desktop/laptop remains untouched.
   ========================================================= */
@media (max-width:980px){
  body.dashboard-context .sf-mobile-panel-compact-a{
    display:block!important;
    padding:12px 10px 12px!important;
    background:linear-gradient(135deg,#061932 0%,#0b315d 52%,#0f766e 100%)!important;
    border-radius:0 0 18px 18px!important;
  }

  body.dashboard-context .sf-mobile-panel-compact-a .sf-mobile-quick-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.dashboard-context .sf-mobile-panel-compact-a .sf-mobile-quick-link{
    min-height:58px!important;
    padding:8px 4px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#f3f8ff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.12!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:hidden!important;
  }

  body.dashboard-context .sf-mobile-panel-compact-a .sf-mobile-quick-link span{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.16)!important;
    color:inherit!important;
    font-size:12px!important;
  }

  body.dashboard-context .sf-mobile-panel-compact-a .sf-mobile-quick-link.is-active{
    background:#ffffff!important;
    color:#07182e!important;
    border-color:#ffffff!important;
    box-shadow:0 10px 22px rgba(0,0,0,.16)!important;
  }

  body.dashboard-context .sf-mobile-panel-compact-a .sf-mobile-quick-link.is-active span{
    background:#e9f7f4!important;
    color:#0f766e!important;
  }

  /* New single compact menu row replacing the previously crowded chip area. */
  body.dashboard-context .sf-mobile-all-menu{
    display:block!important;
    margin:12px 0 0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.09)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }

  body.dashboard-context .sf-mobile-all-menu summary{
    list-style:none!important;
    min-height:50px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    color:#fff!important;
    cursor:pointer!important;
    font-size:13px!important;
    font-weight:950!important;
    user-select:none!important;
  }

  body.dashboard-context .sf-mobile-all-menu summary::-webkit-details-marker{display:none!important;}

  body.dashboard-context .sf-mobile-all-menu summary b{
    flex:1 1 auto!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
  }

  body.dashboard-context .sf-mobile-all-menu summary i{
    font-style:normal!important;
    font-size:24px!important;
    line-height:1!important;
    opacity:.92!important;
    transform:rotate(0deg)!important;
    transition:transform .18s ease!important;
  }

  body.dashboard-context .sf-mobile-all-menu[open] summary i{transform:rotate(90deg)!important;}

  body.dashboard-context .sf-mobile-all-menu-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    font-size:14px!important;
  }

  body.dashboard-context .sf-mobile-all-menu-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:8px!important;
    background:#ffffff!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
  }

  body.dashboard-context .sf-mobile-all-menu-link{
    min-height:44px!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:30px 1fr 18px!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 10px!important;
    color:#10233f!important;
    background:#fff!important;
    border-radius:12px!important;
    border-bottom:1px solid #eef2f7!important;
    font-size:13px!important;
    font-weight:800!important;
    text-decoration:none!important;
  }

  body.dashboard-context .sf-mobile-all-menu-link:last-child{border-bottom:0!important;}

  body.dashboard-context .sf-mobile-all-menu-link span{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#f1f6fb!important;
    color:#0b315d!important;
    font-size:12px!important;
  }

  body.dashboard-context .sf-mobile-all-menu-link b{
    min-width:0!important;
    color:#10233f!important;
    font-size:13px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.dashboard-context .sf-mobile-all-menu-link i{
    font-style:normal!important;
    color:#7b8ba2!important;
    font-size:19px!important;
    line-height:1!important;
    text-align:right!important;
  }

  body.dashboard-context .sf-mobile-all-menu-link.is-active{
    background:#eef7ff!important;
    color:#0b315d!important;
    border-bottom-color:#d9e8f8!important;
  }

  body.dashboard-context .sf-mobile-all-menu-link.is-active span{
    background:#dbeafe!important;
    color:#1d4ed8!important;
  }

  body.dashboard-context .sf-mobile-all-menu-logout{
    margin-top:6px!important;
    background:#fff7ed!important;
    color:#9a3412!important;
  }

  body.dashboard-context .sf-mobile-all-menu-logout span{
    background:#ffedd5!important;
    color:#9a3412!important;
  }

  /* Hard stop for the old crowded chip/sidebar area on mobile. */
  body.dashboard-context .dashboard-layout > .sidebar,
  body.dashboard-context .dashboard-layout > aside.sidebar,
  body.dashboard-context .sidebar,
  body.dashboard-context .sidebar.sidebar-compact,
  body.dashboard-context .sidebar-menu,
  body.dashboard-context .sidebar-section,
  body.dashboard-context .sidebar-submenu,
  body.dashboard-context .sidebar-upgrade-card,
  body.dashboard-context .sidebar-help-card{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }

  body.dashboard-context .dashboard-main{
    padding:9px!important;
  }

  body.dashboard-context .dashboard-main > .panel{
    margin-top:8px!important;
    border-radius:20px!important;
  }
}

@media (max-width:430px){
  body.dashboard-context .sf-mobile-panel-compact-a{padding:10px 8px 10px!important;}
  body.dashboard-context .sf-mobile-panel-compact-a .sf-mobile-quick-actions{gap:6px!important;}
  body.dashboard-context .sf-mobile-panel-compact-a .sf-mobile-quick-link{
    min-height:54px!important;
    font-size:10.2px!important;
    border-radius:14px!important;
  }
  body.dashboard-context .sf-mobile-all-menu summary{
    min-height:48px!important;
    padding:0 12px!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link{
    min-height:43px!important;
    font-size:12.5px!important;
  }
}

/* =========================================================
   Safira.id v149.12 — Mobile Menu Ringkas CSS-Safe Fix
   Scope: CSS ONLY. No PHP/layout changes. Desktop/laptop untouched.
   Goal: force Konsep A mobile dashboard navigation:
   header + 4 quick actions + 1 clean "Lihat Semua Menu" row,
   hide duplicated old chip/sidebar menu on mobile.
   ========================================================= */
@media (min-width:981px){
  body.dashboard-context .sf-mobile-panel-bar,
  body.dashboard-context .sf-mobile-panel-compact-a,
  body.dashboard-context .sf-mobile-all-menu{display:none!important;}
}

@media (max-width:980px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  body.dashboard-context{background:#eef3f8!important;padding:0!important;}
  body.dashboard-context>.topline,
  body.dashboard-context>.navbar{display:none!important;}

  body.dashboard-context .dashboard-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    padding:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    background:#eef3f8!important;
  }

  /* Absolute hard-hide for every old desktop/sidebar chip menu on mobile. */
  body.dashboard-context aside.sidebar,
  body.dashboard-context aside.sidebar.sidebar-compact,
  body.dashboard-context aside.sf-desktop-sidebar,
  body.dashboard-context .sf-desktop-sidebar,
  body.dashboard-context .dashboard-layout > aside,
  body.dashboard-context .dashboard-layout > .sidebar,
  body.dashboard-context .sidebar:not(.sf-mobile-panel-bar),
  body.dashboard-context .sidebar.sidebar-compact,
  body.dashboard-context .sidebar-brand,
  body.dashboard-context .sidebar-title,
  body.dashboard-context .sidebar-menu,
  body.dashboard-context .sidebar-section,
  body.dashboard-context .sidebar-section-title,
  body.dashboard-context .sidebar-submenu,
  body.dashboard-context .sidebar-submenu-body,
  body.dashboard-context .sidebar-link,
  body.dashboard-context .sidebar-upgrade-card,
  body.dashboard-context .sidebar-help-card,
  body.dashboard-context .sidebar-logout-section{
    display:none!important;
    visibility:hidden!important;
    position:absolute!important;
    left:-99999px!important;
    top:auto!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Final compact mobile header. */
  body.dashboard-context .sf-mobile-panel-bar,
  body.dashboard-context .sf-mobile-panel-bar.sf-mobile-panel-compact-a{
    display:block!important;
    visibility:visible!important;
    position:sticky!important;
    top:0!important;
    z-index:999!important;
    width:100%!important;
    max-width:100%!important;
    padding:10px 10px 12px!important;
    margin:0!important;
    color:#fff!important;
    background:linear-gradient(135deg,#061932 0%,#0b315d 55%,#0f766e 100%)!important;
    border-radius:0 0 18px 18px!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(7,24,45,.22)!important;
    overflow:visible!important;
  }

  body.dashboard-context .sf-mobile-panel-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  body.dashboard-context .sf-mobile-panel-top b{
    display:block!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }
  body.dashboard-context .sf-mobile-panel-top small{
    display:block!important;
    max-width:66vw!important;
    color:rgba(255,255,255,.80)!important;
    font-size:10.8px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.dashboard-context .sf-mobile-logout{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#07182e!important;
    text-decoration:none!important;
    font-size:11.5px!important;
    font-weight:900!important;
    box-shadow:0 8px 20px rgba(0,0,0,.15)!important;
  }

  body.dashboard-context .sf-mobile-quick-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.dashboard-context .sf-mobile-quick-link{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:7px 4px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.115)!important;
    color:#f4f8ff!important;
    text-decoration:none!important;
    text-align:center!important;
    font-size:10.6px!important;
    font-weight:900!important;
    line-height:1.1!important;
    white-space:normal!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    overflow:hidden!important;
  }
  body.dashboard-context .sf-mobile-quick-link span{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.16)!important;
    color:inherit!important;
    font-size:11px!important;
    line-height:1!important;
  }
  body.dashboard-context .sf-mobile-quick-link.is-active{
    background:#fff!important;
    color:#07182e!important;
    border-color:#fff!important;
    box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
  }
  body.dashboard-context .sf-mobile-quick-link.is-active span{
    background:#e9f7f4!important;
    color:#0f766e!important;
  }

  /* Konsep A: one clean menu row. */
  body.dashboard-context details.sf-mobile-all-menu,
  body.dashboard-context .sf-mobile-all-menu{
    display:block!important;
    visibility:visible!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:12px 0 0!important;
    padding:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.09)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.dashboard-context details.sf-mobile-all-menu > summary,
  body.dashboard-context .sf-mobile-all-menu > summary{
    list-style:none!important;
    min-height:49px!important;
    padding:0 13px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 22px!important;
    align-items:center!important;
    justify-content:normal!important;
    gap:10px!important;
    cursor:pointer!important;
    color:#fff!important;
    user-select:none!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  body.dashboard-context details.sf-mobile-all-menu > summary::-webkit-details-marker{display:none!important;}
  body.dashboard-context .sf-mobile-all-menu-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1!important;
  }
  body.dashboard-context details.sf-mobile-all-menu > summary b{
    min-width:0!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.dashboard-context details.sf-mobile-all-menu > summary i{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    font-style:normal!important;
    color:#fff!important;
    font-size:23px!important;
    line-height:1!important;
    opacity:.9!important;
    transform:rotate(0deg)!important;
    transition:transform .18s ease!important;
  }
  body.dashboard-context details.sf-mobile-all-menu[open] > summary i{transform:rotate(90deg)!important;}

  body.dashboard-context details.sf-mobile-all-menu:not([open]) > .sf-mobile-all-menu-list{
    display:none!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
  }
  body.dashboard-context details.sf-mobile-all-menu[open] > .sf-mobile-all-menu-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:8px!important;
    background:#fff!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link{
    min-height:44px!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    border:0!important;
    border-bottom:1px solid #eef2f7!important;
    background:#fff!important;
    color:#10233f!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:850!important;
    white-space:normal!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link:last-child{border-bottom:0!important;}
  body.dashboard-context .sf-mobile-all-menu-link span{
    width:28px!important;
    height:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:#f1f6fb!important;
    color:#0b315d!important;
    font-size:12px!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link b{
    min-width:0!important;
    color:#10233f!important;
    font-size:13px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link i{
    font-style:normal!important;
    color:#7b8ba2!important;
    font-size:18px!important;
    line-height:1!important;
    text-align:right!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link.is-active{
    background:#eef7ff!important;
    color:#0b315d!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link.is-active span{
    background:#dbeafe!important;
    color:#1d4ed8!important;
  }
  body.dashboard-context .sf-mobile-all-menu-logout{
    margin-top:6px!important;
    background:#fff7ed!important;
    color:#9a3412!important;
  }
  body.dashboard-context .sf-mobile-all-menu-logout span{
    background:#ffedd5!important;
    color:#9a3412!important;
  }

  body.dashboard-context .dashboard-main{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:9px!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.dashboard-context .dashboard-main > .panel{
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:15px!important;
    border-radius:20px!important;
    overflow:visible!important;
  }
}

@media (max-width:430px){
  body.dashboard-context .sf-mobile-panel-bar,
  body.dashboard-context .sf-mobile-panel-bar.sf-mobile-panel-compact-a{padding:10px 8px 11px!important;}
  body.dashboard-context .sf-mobile-quick-actions{gap:6px!important;}
  body.dashboard-context .sf-mobile-quick-link{min-height:50px!important;font-size:10px!important;border-radius:13px!important;}
  body.dashboard-context .sf-mobile-quick-link span{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;}
  body.dashboard-context details.sf-mobile-all-menu > summary{min-height:48px!important;padding:0 12px!important;}
  body.dashboard-context .dashboard-main{padding:8px!important;}
  body.dashboard-context .dashboard-main > .panel{padding:14px!important;border-radius:18px!important;}
}

/* =========================================================
   Safira.id v149.13 — Mobile Final Polish & Touch UX
   Scope: MOBILE ONLY. CSS safe patch. No PHP/layout changes.
   Desktop/laptop stays untouched.
   ========================================================= */
@media (max-width:980px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%!important;touch-action:manipulation!important;}
  body.dashboard-context{background:#edf3f8!important;overscroll-behavior-y:none!important;}
  body.dashboard-context *{-webkit-tap-highlight-color:rgba(15,118,110,.18)!important;}

  /* Mobile header polish */
  body.dashboard-context .sf-mobile-panel-bar,
  body.dashboard-context .sf-mobile-panel-bar.sf-mobile-panel-compact-a{
    padding:11px 10px 12px!important;
    border-radius:0 0 20px 20px!important;
    background:radial-gradient(circle at 88% 10%,rgba(20,184,166,.32) 0%,rgba(20,184,166,0) 35%),linear-gradient(135deg,#06162c 0%,#0b2d58 52%,#0f766e 100%)!important;
    box-shadow:0 14px 34px rgba(7,24,45,.20)!important;
  }
  body.dashboard-context .sf-mobile-panel-top{margin-bottom:10px!important;}
  body.dashboard-context .sf-mobile-panel-top b{font-size:15.5px!important;letter-spacing:-.025em!important;}
  body.dashboard-context .sf-mobile-panel-top small{font-size:10.5px!important;opacity:.92!important;}
  body.dashboard-context .sf-mobile-logout{
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
    box-shadow:0 8px 18px rgba(0,0,0,.13)!important;
  }

  /* Quick actions: more app-like, easier to tap */
  body.dashboard-context .sf-mobile-quick-actions{gap:8px!important;}
  body.dashboard-context .sf-mobile-quick-link{
    min-height:54px!important;
    padding:7px 3px!important;
    border-radius:15px!important;
    font-size:10.5px!important;
    letter-spacing:-.01em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 16px rgba(0,0,0,.06)!important;
  }
  body.dashboard-context .sf-mobile-quick-link span{
    width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
    border-radius:10px!important;
  }
  body.dashboard-context .sf-mobile-quick-link:active,
  body.dashboard-context .sf-mobile-logout:active,
  body.dashboard-context .sf-mobile-all-menu > summary:active,
  body.dashboard-context .sf-mobile-all-menu-link:active,
  body.dashboard-context button:active,
  body.dashboard-context .btn:active{transform:scale(.985)!important;}

  /* Konsep A menu row: cleaner single line + safe expanded list */
  body.dashboard-context details.sf-mobile-all-menu,
  body.dashboard-context .sf-mobile-all-menu{
    margin-top:10px!important;
    border-radius:17px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.06)!important;
  }
  body.dashboard-context details.sf-mobile-all-menu > summary,
  body.dashboard-context .sf-mobile-all-menu > summary{
    min-height:50px!important;
    padding:0 14px!important;
    grid-template-columns:30px minmax(0,1fr) 24px!important;
    gap:10px!important;
  }
  body.dashboard-context .sf-mobile-all-menu-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:11px!important;}
  body.dashboard-context details.sf-mobile-all-menu > summary b{font-size:13.2px!important;}
  body.dashboard-context details.sf-mobile-all-menu[open] > .sf-mobile-all-menu-list{
    max-height:58dvh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:9px!important;
    gap:5px!important;
    border-radius:0 0 16px 16px!important;
  }
  body.dashboard-context .sf-mobile-all-menu-list::-webkit-scrollbar{width:4px!important;}
  body.dashboard-context .sf-mobile-all-menu-list::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:99px!important;}
  body.dashboard-context .sf-mobile-all-menu-link{
    min-height:47px!important;
    grid-template-columns:32px minmax(0,1fr) 18px!important;
    border-radius:13px!important;
    padding:0 11px!important;
  }
  body.dashboard-context .sf-mobile-all-menu-link span{width:30px!important;height:30px!important;border-radius:11px!important;}

  /* Main content spacing: content should start quickly and feel native */
  body.dashboard-context .dashboard-main{
    padding:9px 8px calc(34px + env(safe-area-inset-bottom))!important;
  }
  body.dashboard-context .dashboard-main > .panel,
  body.dashboard-context .panel,
  body.dashboard-context .su-panel-card,
  body.dashboard-context .sf-card,
  body.dashboard-context .card{
    border-radius:20px!important;
    box-shadow:0 12px 30px rgba(16,35,63,.065)!important;
  }
  body.dashboard-context .dashboard-main > .panel{margin-top:8px!important;padding:15px!important;}
  body.dashboard-context .panel > h1,
  body.dashboard-context .dashboard-main h1{
    font-size:22px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    margin:0 0 14px!important;
  }
  body.dashboard-context .dashboard-main h2{font-size:18px!important;line-height:1.2!important;letter-spacing:-.025em!important;}
  body.dashboard-context .dashboard-main h3{font-size:16px!important;line-height:1.25!important;}

  /* Forms: touch-safe inputs, aligned checkboxes, full-width action buttons */
  body.dashboard-context .form-grid,
  body.dashboard-context .su-panel-form,
  body.dashboard-context form .grid,
  body.dashboard-context .grid.form-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.dashboard-context label{font-size:12.6px!important;line-height:1.25!important;}
  body.dashboard-context input:not([type="checkbox"]):not([type="radio"]),
  body.dashboard-context select,
  body.dashboard-context textarea{
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    border-radius:14px!important;
    font-size:14px!important;
    padding:11px 13px!important;
  }
  body.dashboard-context textarea{min-height:108px!important;line-height:1.45!important;}
  body.dashboard-context input[type="checkbox"],
  body.dashboard-context input[type="radio"]{
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
    margin:0 9px 0 0!important;
  }
  body.dashboard-context label.inline,
  body.dashboard-context .form-check,
  body.dashboard-context .checkbox-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-height:42px!important;
    width:100%!important;
  }
  body.dashboard-context .form-actions,
  body.dashboard-context .panel-actions,
  body.dashboard-context .actions{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    width:100%!important;
    margin-top:14px!important;
  }
  body.dashboard-context .form-actions .btn,
  body.dashboard-context .panel-actions .btn,
  body.dashboard-context .actions .btn,
  body.dashboard-context button[type="submit"],
  body.dashboard-context input[type="submit"]{
    width:100%!important;
    min-height:46px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }

  /* Filters and search blocks: no tiny controls */
  body.dashboard-context .filter-bar,
  body.dashboard-context .filters,
  body.dashboard-context .search-filter,
  body.dashboard-context .toolbar,
  body.dashboard-context .table-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
  }
  body.dashboard-context .filter-bar .btn,
  body.dashboard-context .filters .btn,
  body.dashboard-context .search-filter .btn,
  body.dashboard-context .toolbar .btn,
  body.dashboard-context .table-toolbar .btn{width:100%!important;min-height:44px!important;}

  /* Mobile tables/cards: safer reading, no accidental horizontal overflow */
  body.dashboard-context table{max-width:100%!important;}
  body.dashboard-context .table-responsive,
  body.dashboard-context .table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  body.dashboard-context .mobile-card,
  body.dashboard-context .sf-mobile-card,
  body.dashboard-context .admin-mobile-card{
    border-radius:17px!important;
    padding:13px!important;
    box-shadow:0 8px 22px rgba(16,35,63,.055)!important;
  }

  /* MFA setup polish on mobile */
  body.dashboard-context .mfa-grid,
  body.dashboard-context .security-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.dashboard-context .mfa-qr,
  body.dashboard-context .qr-wrap,
  body.dashboard-context .qr-box{
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
  }

  /* Public homepage mobile finishing, scoped so desktop stays safe */
  body.public-context .nav-inner{gap:8px!important;}
  body.public-context .nav-actions{gap:6px!important;}
  body.public-context .nav-actions .btn{min-height:38px!important;border-radius:13px!important;padding:0 11px!important;font-size:12px!important;}
  body.public-context .hero,
  body.public-context .section{padding-left:14px!important;padding-right:14px!important;}
}

@media (max-width:430px){
  body.dashboard-context .sf-mobile-panel-bar,
  body.dashboard-context .sf-mobile-panel-bar.sf-mobile-panel-compact-a{padding:10px 8px 11px!important;border-radius:0 0 18px 18px!important;}
  body.dashboard-context .sf-mobile-panel-top b{font-size:15px!important;}
  body.dashboard-context .sf-mobile-panel-top small{max-width:62vw!important;font-size:10.2px!important;}
  body.dashboard-context .sf-mobile-logout{min-height:34px!important;padding:0 12px!important;}
  body.dashboard-context .sf-mobile-quick-actions{gap:6px!important;}
  body.dashboard-context .sf-mobile-quick-link{min-height:51px!important;font-size:9.8px!important;border-radius:14px!important;}
  body.dashboard-context .sf-mobile-quick-link span{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;}
  body.dashboard-context details.sf-mobile-all-menu > summary{min-height:48px!important;padding:0 12px!important;}
  body.dashboard-context .dashboard-main{padding:8px 7px calc(32px + env(safe-area-inset-bottom))!important;}
  body.dashboard-context .dashboard-main > .panel{padding:14px!important;border-radius:18px!important;}
  body.dashboard-context .panel > h1,
  body.dashboard-context .dashboard-main h1{font-size:21px!important;}
}

/* =========================================================
   Safira.id v150.2 — Final Panel Polish & Menu Consistency
   Mobile-safe and desktop-stable finishing layer.
   ========================================================= */
body.dashboard-context .panel,
body.dashboard-context .card,
body.dashboard-context .stat-card,
body.dashboard-context .dashboard-card {
  box-shadow: 0 18px 48px rgba(2, 12, 27, .07) !important;
  border-color: rgba(148, 163, 184, .24) !important;
}

body.dashboard-context .dashboard-main h1,
body.dashboard-context .dashboard-main h2,
body.dashboard-context .panel h1,
body.dashboard-context .panel h2 {
  letter-spacing: -0.035em;
}

body.dashboard-context .btn,
body.dashboard-context button,
body.dashboard-context input,
body.dashboard-context select,
body.dashboard-context textarea {
  -webkit-tap-highlight-color: transparent;
}

body.dashboard-context .btn:focus-visible,
body.dashboard-context button:focus-visible,
body.dashboard-context a:focus-visible,
body.dashboard-context input:focus-visible,
body.dashboard-context select:focus-visible,
body.dashboard-context textarea:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .24) !important;
  outline-offset: 2px !important;
}

body.dashboard-context .sidebar a,
body.dashboard-context .sidebar button,
body.dashboard-context .mobile-quick-nav a,
body.dashboard-context .sf-mobile-menu-toggle {
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

body.dashboard-context .sidebar a:hover,
body.dashboard-context .mobile-quick-nav a:hover,
body.dashboard-context .sf-mobile-menu-toggle:hover {
  transform: translateY(-1px);
}

@media (min-width: 981px) {
  body.dashboard-context .dashboard-layout {
    background: linear-gradient(90deg, #061c35 0, #061c35 var(--sf-dashboard-sidebar, 238px), #f6f9fd var(--sf-dashboard-sidebar, 238px), #f6f9fd 100%) !important;
  }

  body.dashboard-context .dashboard-main {
    background: #f6f9fd !important;
  }

  body.dashboard-context .filterbar,
  body.dashboard-context .advanced-filterbar,
  body.dashboard-context .sf937-filter {
    align-items: end !important;
  }
}