:root{--djf-navy:#0f477f;--djf-deep:#102f50;--djf-blue:#1b5d95;--djf-gold:#c8a45d;--djf-bg:#f3f6fa;--djf-text:#172033;--djf-muted:#64748b;--djf-line:#e2e8f0}
#wpbody-content{background:var(--djf-bg)}
.djf-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--djf-line);border-radius:16px;padding:18px 24px;margin:20px 20px 18px 0;box-shadow:0 8px 24px rgba(15,71,127,.08);min-height:82px}
.djf-brand-wrap{display:flex;align-items:center;gap:18px;min-width:0}.djf-brand-logo{display:block;width:340px;height:auto;max-height:none;object-fit:contain;object-position:left center;background:#fff;border-radius:2px;flex:none}.djf-head h1{margin:0;color:var(--djf-deep);font-size:28px;line-height:1.15}.djf-sub{color:var(--djf-muted);font-size:13px;margin-top:5px}.djf-contact{text-align:right;color:var(--djf-muted);font-size:13px;line-height:1.6}.djf-contact b{color:var(--djf-navy)}
.djf-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#0d3f70 0%,#155e95 70%,#1f6ea8 100%);color:#fff;border-radius:18px;padding:28px 30px;margin:0 20px 18px 0;box-shadow:0 12px 30px rgba(15,71,127,.18);position:relative;overflow:hidden}.djf-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-90px;top:-130px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02)}.djf-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#d9e9f8;margin-bottom:7px}.djf-hero h2{margin:0;font-size:25px;color:#fff}.djf-hero p{margin:7px 0 0;color:#dcebf7;font-size:13px}.djf-hero-actions{display:flex;gap:8px;position:relative;z-index:2}.djf-action{display:inline-block;text-decoration:none;border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.08);padding:10px 14px;border-radius:9px;font-weight:700;font-size:12px}.djf-action.primary{background:#fff;color:var(--djf-navy);border-color:#fff}
.djf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 20px 16px 0}.djf-kpi{background:#fff;border:1px solid var(--djf-line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 18px rgba(15,71,127,.06);position:relative;overflow:hidden}.djf-kpi:after{content:"";position:absolute;right:-30px;bottom:-40px;width:100px;height:100px;border-radius:50%;background:rgba(15,71,127,.035)}.djf-kpi-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#edf5fc;color:var(--djf-navy);font-size:21px;font-weight:800;flex:none}.djf-kpi span{display:block;color:var(--djf-muted);font-size:11px;font-weight:700}.djf-kpi strong{display:block;color:var(--djf-text);font-size:22px;margin:4px 0}.djf-kpi small{display:block;color:#94a3b8;font-size:10px}.djf-kpi.green .djf-kpi-icon{background:#eaf8f1;color:#059669}.djf-kpi.red .djf-kpi-icon{background:#fff0f0;color:#dc2626}.djf-kpi.gold .djf-kpi-icon{background:#fbf6e9;color:#a16207}
.djf-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 20px 18px 0}.djf-mini-stats>div{background:#fff;border:1px solid var(--djf-line);border-radius:12px;padding:13px 15px}.djf-mini-stats span,.djf-mini-stats small{display:block;color:var(--djf-muted);font-size:10px}.djf-mini-stats b{display:block;color:var(--djf-deep);font-size:18px;margin:4px 0}
.djf-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:16px;margin-right:20px}.djf-card{background:#fff;border:1px solid var(--djf-line);border-radius:15px;padding:20px;margin:0 20px 18px 0;box-shadow:0 5px 18px rgba(15,71,127,.05)}.djf-dashboard-grid .djf-card{margin-right:0}.djf-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.djf-card-head h2{margin:0;color:var(--djf-deep);font-size:16px}.djf-card-head p{margin:4px 0 0;color:var(--djf-muted);font-size:11px}.djf-card-head>a{color:var(--djf-navy);font-weight:700;text-decoration:none;font-size:11px}.djf-side-stack{display:flex;flex-direction:column;gap:0}.djf-side-stack .djf-card{margin-bottom:16px}.djf-bank-list{display:grid;gap:7px}.djf-bank-list>div{display:flex;justify-content:space-between;align-items:center;background:#f7f9fc;border:1px solid #edf1f5;border-radius:8px;padding:8px 10px;font-size:11px}.djf-bank-list span{font-weight:800;color:var(--djf-navy)}.djf-bank-list b{letter-spacing:.3px}.djf-contact-card p{font-size:12px;color:#475569;margin:9px 0}.djf-contact-card a{color:var(--djf-navy);font-weight:700;text-decoration:none}
.djf-table-wrap{overflow:auto}.djf-modern-table{width:100%;border-collapse:separate;border-spacing:0}.djf-modern-table th{background:#f7f9fc;color:#64748b;text-transform:uppercase;font-size:9px;letter-spacing:.6px;padding:10px;border-bottom:1px solid var(--djf-line)}.djf-modern-table td{padding:11px 10px;border-bottom:1px solid #eef2f6;color:#334155;font-size:11px;vertical-align:middle}.djf-modern-table td strong{display:block;color:#172033}.djf-modern-table td small{display:block;color:#94a3b8;margin-top:2px}.djf-modern-table tr:last-child td{border-bottom:0}.djf-modern-table .right{text-align:right}.djf-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.djf-badge.income{background:#e9f8f0;color:#047857}.djf-badge.expense{background:#fff0f0;color:#b91c1c}.amount-in{color:#047857!important;font-weight:800}.amount-out{color:#b91c1c!important;font-weight:800}.empty{text-align:center!important;color:#94a3b8!important;padding:30px!important}
.djf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-right:20px}.metric small{display:block;color:#64748b}.metric strong{display:block;font-size:25px;margin-top:8px;color:#172554}.metric .green{color:#059669}.metric .red{color:#dc2626}.metric .blue{color:#1e3a8a}.metric .gold{color:#a16207}.djf-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-right:20px}.djf-two .djf-card{margin-right:0}.djf-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.djf-form input,.djf-form select,.djf-form textarea{width:100%;padding:9px 10px;border:1px solid #cbd5e1;border-radius:7px}.djf-form textarea{grid-column:1/-1;min-height:80px}.djf-form button{width:max-content}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #edf0f5;text-align:left}th{background:#f8fafc;color:#475569}
@media(max-width:1100px){.djf-kpis,.djf-mini-stats{grid-template-columns:repeat(2,1fr)}.djf-dashboard-grid{grid-template-columns:1fr}.djf-side-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.djf-side-stack .djf-card{margin-bottom:0}}
@media(max-width:800px){.djf-head{margin-right:10px}.djf-hero{margin-right:10px;align-items:flex-start;flex-direction:column}.djf-kpis,.djf-mini-stats{margin-right:10px}.djf-dashboard-grid{margin-right:10px}.djf-side-stack{display:block}.djf-grid,.djf-two{margin-right:10px;grid-template-columns:1fr}.djf-card{margin-right:10px}.djf-form{grid-template-columns:1fr}.djf-form textarea{grid-column:auto}}
@media(max-width:600px){.djf-brand-wrap{align-items:flex-start;flex-direction:column;gap:8px}.djf-brand-logo{width:260px}.djf-contact{text-align:left;margin-top:8px}.djf-kpis,.djf-mini-stats{grid-template-columns:1fr}.djf-hero-actions{flex-wrap:wrap}.djf-hero h2{font-size:21px}}
.djf-tx-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0d3f70,#155e95);color:#fff;border-radius:16px;padding:24px 26px;margin:0 20px 18px 0;box-shadow:0 10px 28px rgba(15,71,127,.14)}
.djf-tx-intro .djf-eyebrow{color:#dcebf7}.djf-tx-intro h2{margin:3px 0 5px;color:#fff;font-size:23px}.djf-tx-intro p{margin:0;color:#dcebf7;font-size:12px;max-width:760px}.djf-tx-count{min-width:120px;text-align:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:12px;padding:12px}.djf-tx-count b{display:block;font-size:25px}.djf-tx-count span{font-size:10px;color:#dcebf7}
.djf-field-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-weight:800;margin:0 0 5px}.djf-tx-form>div{min-width:0}.djf-form-submit{display:flex;align-items:flex-end}.djf-form-submit .button{height:39px}.djf-custom-category{margin-top:7px!important}.djf-category-select{background:#fff}.djf-category-summary{display:grid;gap:7px}.djf-category-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 12px;background:#f7f9fc;border:1px solid #edf1f5;border-radius:9px}.djf-category-row strong{display:block;color:#172033;font-size:11px}.djf-category-row small{display:block;color:#94a3b8;font-size:9px;margin-top:2px}.djf-category-row>b{color:var(--djf-navy);font-size:12px;white-space:nowrap}.djf-category-groups{display:grid;gap:9px}.djf-category-groups>div{padding:9px 11px;border-left:3px solid var(--djf-gold);background:#fafbfd;border-radius:0 8px 8px 0}.djf-category-groups b{display:block;color:var(--djf-deep);font-size:11px;margin-bottom:3px}.djf-category-groups span{display:block;color:#64748b;font-size:10px;line-height:1.55}.djf-tx-lower{align-items:start}.djf-category-badge{display:inline-block;padding:4px 7px;border-radius:6px;background:#edf5fc;color:var(--djf-navy);font-size:9px;font-weight:700;line-height:1.25}
@media(max-width:800px){.djf-tx-intro{margin-right:10px;align-items:flex-start;flex-direction:column}.djf-tx-count{width:100%;min-width:0}.djf-tx-lower{margin-right:10px}.djf-tx-lower .djf-card{margin-right:0}}


/* Website sidebar widget */
.djf-site-sidebar{width:100%;max-width:420px;min-width:300px;box-sizing:border-box;background:#fff;border:1px solid #dbe5ef;border-radius:20px;overflow:hidden;box-shadow:0 16px 42px rgba(15,71,127,.14);font-family:inherit;margin-bottom:24px}
.djf-site-sidebar-brand{padding:24px 24px 20px;background:linear-gradient(145deg,#0a3968 0%,#0f477f 48%,#176aa3 100%);color:#fff;text-align:left;position:relative;overflow:hidden}
.djf-site-sidebar-brand:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-145px;top:-145px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018)}
.djf-site-sidebar-brand:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;bottom:-150px;background:rgba(255,255,255,.035)}
.djf-site-sidebar-brand img{position:relative;z-index:2;display:block;width:100%;max-width:330px;height:auto;max-height:none;object-fit:contain;object-position:left center;filter:none;background:transparent!important;border:0;border-radius:0;margin:0 0 18px;box-shadow:none}
.djf-site-sidebar-title{position:relative;z-index:2;font-size:18px;font-weight:850;letter-spacing:1px;line-height:1.2}
.djf-site-sidebar-sub{position:relative;z-index:2;font-size:11px;letter-spacing:2.5px;color:#dcebf7;margin-top:6px;text-transform:uppercase}
.djf-site-sidebar-menu{padding:12px 12px 8px;background:#fff}
.djf-site-sidebar-link{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:15px!important;padding:14px 14px!important;margin:2px 0!important;border-radius:11px!important;color:#20344d!important;text-decoration:none!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap!important;border:1px solid transparent!important}
.djf-site-sidebar-link:hover{background:#edf5fc!important;color:#0f477f!important;transform:translateX(2px);border-color:#dbeaf7!important}
.djf-menu-label{flex:1 1 auto;min-width:0}.djf-menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#0f477f;color:#fff;font-size:12px;font-weight:800;line-height:24px;margin-left:auto;box-sizing:border-box}.djf-site-sidebar-link:hover .djf-menu-count{background:#176aa3}
.djf-site-sidebar-link .dashicons{display:inline-flex!important;flex:0 0 34px!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;line-height:34px!important;font-size:20px!important;color:#0f477f!important;background:#f0f6fb!important;border-radius:9px!important;margin:0!important;padding:0!important;vertical-align:middle!important}
.djf-site-sidebar-link:first-child{background:#eaf4ff!important;color:#0f477f!important;border-color:#d6e9fb!important;box-shadow:0 4px 12px rgba(15,71,127,.06)}
.djf-site-sidebar-link:first-child .dashicons{background:#0f477f!important;color:#fff!important}
.djf-site-sidebar-contact{margin:10px 12px 14px;padding:15px 15px;background:#f7fafe;border:1px solid #e4edf6;border-radius:12px;color:#64748b;font-size:11px;line-height:1.8}
.djf-site-sidebar-contact strong{color:#0f477f;font-size:11px}.djf-site-sidebar-contact a{color:#0f477f;text-decoration:none;font-weight:700}
@media(max-width:600px){.djf-site-sidebar{max-width:none;min-width:0;border-radius:14px}.djf-site-sidebar-brand{padding:20px}.djf-site-sidebar-brand img{width:100%;max-width:300px}.djf-site-sidebar-title{font-size:16px}}

/* v3.3.5: Perkara menampilkan total aktif dan keseluruhan */
.djf-case-count{gap:5px;min-width:auto;padding:0 8px;background:#0f477f!important}
.djf-case-count span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.djf-case-count span+span{padding-left:5px;border-left:1px solid rgba(255,255,255,.35)}


/* v3.3.6: label Perkara + grafik komposisi pemasukan/pengeluaran */
.djf-case-count{gap:6px;min-width:auto;padding:0 9px;background:#0f477f!important}
.djf-case-count span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.djf-case-count span+span{padding-left:6px;border-left:1px solid rgba(255,255,255,.35)}
.djf-finance-chart{margin-right:20px!important}
.djf-finance-chart-body{display:flex;align-items:center;justify-content:center;gap:42px;padding:10px 8px 4px}
.djf-donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 190px;box-shadow:inset 0 0 0 1px rgba(15,71,127,.05)}
.djf-donut:after{content:"";position:absolute;inset:31px;background:#fff;border-radius:50%;box-shadow:0 2px 12px rgba(15,71,127,.08)}
.djf-donut-center{position:relative;z-index:2;text-align:center}
.djf-donut-center strong{display:block;color:#0f477f;font-size:25px;line-height:1}
.djf-donut-center span{display:block;color:#94a3b8;font-size:10px;margin-top:5px;text-transform:uppercase;letter-spacing:.7px}
.djf-finance-legend{display:grid;gap:16px;min-width:260px}
.djf-finance-legend>div{display:flex;align-items:center;gap:11px;padding:13px 15px;background:#f8fafc;border:1px solid #edf1f5;border-radius:11px}
.djf-finance-legend b{display:block;color:#172033;font-size:12px}
.djf-finance-legend small{display:block;color:#64748b;font-size:10px;margin-top:4px}
.djf-dot{width:12px;height:12px;border-radius:50%;flex:0 0 12px}.djf-dot.income{background:#059669}.djf-dot.expense{background:#dc2626}
@media(max-width:800px){.djf-finance-chart{margin-right:10px!important}.djf-finance-chart-body{flex-direction:column;gap:22px}.djf-finance-legend{width:100%;min-width:0}}

/* v3.3.7: Grafik keuangan ringkas pada Dashicons/sidebar */
.djf-sidebar-finance{margin:8px 12px 14px;padding:14px;background:linear-gradient(180deg,#f8fbff,#f3f7fb);border:1px solid #e1eaf3;border-radius:13px}
.djf-sidebar-finance-title{display:flex;align-items:center;gap:8px;color:#0f477f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:11px}
.djf-sidebar-finance-title .dashicons{font-size:17px;width:17px;height:17px;line-height:17px}
.djf-sidebar-finance-body{display:flex;align-items:center;gap:13px}
.djf-sidebar-donut{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;flex:0 0 82px;position:relative}
.djf-sidebar-donut:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}
.djf-sidebar-donut>div{position:relative;z-index:2;text-align:center}
.djf-sidebar-donut b{display:block;color:#0f477f;font-size:15px;line-height:1.1}.djf-sidebar-donut small{display:block;color:#94a3b8;font-size:8px;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}
.djf-sidebar-finance-legend{flex:1;display:grid;gap:7px}.djf-sidebar-finance-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;font-size:9px;color:#475569}.djf-sidebar-finance-legend b{color:#0f477f;font-size:10px}.djf-sidebar-dot{width:8px;height:8px;border-radius:50%;display:block}.djf-sidebar-dot.income{background:#059669}.djf-sidebar-dot.expense{background:#dc2626}


/* v3.4.3: Sidebar/Dashicons refreshed to match DJAJATI Pembukuan reference design */
.djf-site-sidebar{
  width:100%;max-width:420px;min-width:300px;box-sizing:border-box;
  background:#fff;border:1px solid #dce7f2;border-radius:22px;overflow:hidden;
  box-shadow:0 18px 48px rgba(15,71,127,.16);font-family:inherit;margin-bottom:24px;
}
.djf-site-sidebar-brand{
  padding:26px 28px 22px;background:linear-gradient(145deg,#073a70 0%,#0f4d86 52%,#1269a4 100%);
  color:#fff;text-align:left;position:relative;overflow:hidden;
}
.djf-site-sidebar-brand:before{
  content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.09);
  border-radius:50%;right:-190px;top:-185px;box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018);
}
.djf-site-sidebar-brand:after{
  content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-120px;bottom:-205px;
  background:rgba(255,255,255,.035);
}
.djf-site-sidebar-brand img{
  position:relative;z-index:2;display:block;width:100%;max-width:360px;height:auto;max-height:none;
  object-fit:contain;object-position:left center;filter:none!important;background:transparent!important;
  border:0!important;border-radius:0!important;margin:0 0 18px!important;box-shadow:none!important;
}
.djf-site-sidebar-title{position:relative;z-index:2;font-size:20px;font-weight:850;letter-spacing:1.1px;line-height:1.2;color:#fff}
.djf-site-sidebar-sub{position:relative;z-index:2;font-size:12px;letter-spacing:3px;color:#dcebf7;margin-top:7px;text-transform:uppercase;font-weight:600}
.djf-site-sidebar-menu{padding:12px 18px 10px;background:#fff}
.djf-site-sidebar-link{
  position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  gap:17px!important;padding:14px 12px!important;margin:0!important;border-radius:12px!important;
  color:#173b68!important;text-decoration:none!important;font-size:15px!important;font-weight:750!important;line-height:1.2!important;
  transition:background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap!important;
  border:0!important;border-bottom:1px solid #e6eef6!important;box-shadow:none!important;
}
.djf-site-sidebar-link:last-child{border-bottom:0!important}
.djf-site-sidebar-link:hover{background:#f2f8ff!important;color:#0f477f!important;transform:none!important;border-color:#e6eef6!important}
.djf-site-sidebar-link .dashicons{
  display:inline-flex!important;flex:0 0 40px!important;align-items:center!important;justify-content:center!important;
  width:40px!important;height:40px!important;line-height:40px!important;font-size:27px!important;
  color:#0f4b8d!important;background:transparent!important;border-radius:0!important;margin:0!important;padding:0!important;vertical-align:middle!important;
}
.djf-site-sidebar-link:first-child{
  background:#e5f2ff!important;color:#0f477f!important;border:0!important;border-radius:12px!important;
  box-shadow:none!important;margin-bottom:2px!important;
}
.djf-site-sidebar-link:first-child .dashicons{background:#0f5fc2!important;color:#fff!important;border-radius:11px!important;width:40px!important;height:40px!important;line-height:40px!important}
.djf-menu-label{flex:1 1 auto;min-width:0}
.djf-menu-count{
  display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;
  background:#0f477f;color:#fff;font-size:10px;font-weight:800;line-height:24px;margin-left:auto;box-sizing:border-box;
}
.djf-case-count{gap:4px;min-width:auto;padding:0 7px;background:#0f477f!important}
.djf-case-count span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.djf-case-count span+span{padding-left:5px;border-left:1px solid rgba(255,255,255,.35)}
.djf-site-sidebar-contact{
  margin:10px 18px 18px;padding:17px 18px;background:#f3f8fe;border:1px solid #dceafa;border-radius:15px;
  color:#64748b;font-size:11px;line-height:1.7;
}
.djf-contact-row{display:flex;align-items:center;gap:13px;margin:0 0 10px}
.djf-contact-row:last-child{margin-bottom:0}
.djf-contact-row>.dashicons{flex:0 0 34px;width:34px;height:34px;line-height:34px;font-size:25px;color:#0f4b8d;text-align:center}
.djf-contact-row>div{min-width:0}
.djf-contact-row strong{display:block;color:#0f477f;font-size:12px;letter-spacing:.2px}
.djf-contact-row a{display:block;color:#0f477f;text-decoration:none;font-weight:700}
@media(max-width:600px){
 .djf-site-sidebar{max-width:none;min-width:0;border-radius:16px}
 .djf-site-sidebar-brand{padding:22px 20px 20px}
 .djf-site-sidebar-brand img{width:100%;max-width:330px}
 .djf-site-sidebar-title{font-size:18px}
 .djf-site-sidebar-menu{padding-left:12px;padding-right:12px}
}

/* v3.4.4: Dashicons sidebar simplified to Klien, Perkara, Pemasukan, Pengeluaran, Invoice, Keuangan */
.djf-site-sidebar-menu .djf-finance-menu-link{border-bottom:0!important;margin-top:0!important}
.djf-finance-menu-link .djf-finance-chevron{margin-left:auto!important;flex:0 0 20px!important;width:20px!important;height:20px!important;line-height:20px!important;font-size:18px!important;color:#6f87a2!important;background:transparent!important}
.djf-sidebar-finance{margin:2px 0 14px;padding:14px 15px;background:linear-gradient(180deg,#f7fbff,#f1f6fb);border:1px solid #dce8f3;border-radius:13px}
.djf-sidebar-finance-title{display:flex;align-items:center;gap:7px;color:#0f477f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}
.djf-sidebar-finance-title .dashicons{font-size:17px;width:17px;height:17px;line-height:17px}
.djf-sidebar-finance-body{display:flex;align-items:center;gap:12px}
.djf-sidebar-donut{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;flex:0 0 78px;position:relative}
.djf-sidebar-donut:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(15,71,127,.06)}
.djf-sidebar-donut>div{position:relative;z-index:2;text-align:center}
.djf-sidebar-donut b{display:block;color:#0f477f;font-size:14px;line-height:1.1}
.djf-sidebar-donut small{display:block;color:#94a3b8;font-size:7px;margin-top:3px;text-transform:uppercase;letter-spacing:.35px}
.djf-sidebar-finance-legend{flex:1;display:grid;gap:8px}
.djf-sidebar-finance-legend>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:6px;font-size:9px;color:#64748b}
.djf-sidebar-finance-legend b{color:#173b68;font-size:10px}
.djf-sidebar-dot{width:8px;height:8px;border-radius:50%;display:block}
.djf-sidebar-dot.income{background:#0f5fc2}.djf-sidebar-dot.expense{background:#dc4b5a}
@media(max-width:600px){.djf-sidebar-finance{margin-left:0;margin-right:0}}

/* v3.4.6: true landscape Dashicons layout */
.djf-site-sidebar{
  width:min(1100px, calc(100vw - 40px))!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:50%!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.djf-site-sidebar-brand{
  min-height:150px!important;
  padding:24px 34px!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  flex-wrap:nowrap!important;
}
.djf-site-sidebar-brand img{
  flex:0 0 360px!important;
  width:360px!important;
  max-width:360px!important;
  height:auto!important;
  margin:0!important;
}
.djf-site-sidebar-title{font-size:22px!important}
.djf-site-sidebar-sub{font-size:12px!important}
.djf-site-sidebar-menu{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  padding:18px!important;
  background:#f7faff!important;
}
.djf-site-sidebar-link,
.djf-site-sidebar-menu .djf-site-sidebar-link:first-child{
  min-height:82px!important;
  width:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:13px 15px!important;
  border:1px solid #dce8f3!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,71,127,.055)!important;
}
.djf-site-sidebar-link:hover{background:#edf6ff!important;border-color:#bcd8ef!important;box-shadow:0 7px 18px rgba(15,71,127,.09)!important}
.djf-site-sidebar-link .dashicons,
.djf-site-sidebar-link:first-child .dashicons{
  flex:0 0 42px!important;width:42px!important;height:42px!important;line-height:42px!important;font-size:26px!important;
  border-radius:11px!important;background:#edf5fc!important;color:#0f4b8d!important;
}
.djf-site-sidebar-link:first-child .dashicons{background:#0f5fc2!important;color:#fff!important}
.djf-menu-label{font-size:14px!important}
.djf-menu-count{margin-left:auto!important}
.djf-case-count{flex-direction:column!important;gap:1px!important;border-radius:9px!important;padding:4px 7px!important;height:auto!important;line-height:1.15!important}
.djf-case-count span+span{border-left:0!important;padding-left:0!important;border-top:1px solid rgba(255,255,255,.35)!important;padding-top:2px!important}
.djf-site-sidebar-menu .djf-finance-menu-link{grid-column:1/-1!important;min-height:62px!important}
.djf-sidebar-finance{
  grid-column:1/-1!important;
  margin:0!important;
  padding:16px 20px!important;
  border-radius:14px!important;
  display:flex!important;align-items:center!important;gap:28px!important;
}
.djf-sidebar-finance-title{margin:0!important;min-width:130px!important}
.djf-sidebar-finance-body{flex:1!important;justify-content:center!important}
.djf-sidebar-donut{width:90px!important;height:90px!important;flex-basis:90px!important}
.djf-sidebar-finance-legend{max-width:500px!important;width:100%!important;grid-template-columns:1fr 1fr!important;gap:10px 30px!important}
.djf-site-sidebar-contact{margin:0 18px 18px!important}
@media(max-width:900px){
 .djf-site-sidebar-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .djf-site-sidebar-brand img{flex-basis:300px!important;width:300px!important;max-width:300px!important}
}
@media(max-width:650px){
 .djf-site-sidebar{width:calc(100vw - 24px)!important;margin-left:50%!important}
 .djf-site-sidebar-brand{display:block!important;padding:20px!important}
 .djf-site-sidebar-brand img{width:100%!important;max-width:330px!important;margin-bottom:14px!important}
 .djf-site-sidebar-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}
 .djf-site-sidebar-menu .djf-finance-menu-link,.djf-sidebar-finance{grid-column:1/-1!important}
 .djf-sidebar-finance{display:flex!important}
}
@media(max-width:430px){
 .djf-site-sidebar-menu{grid-template-columns:1fr!important}
 .djf-sidebar-finance{display:block!important}
 .djf-sidebar-finance-title{margin-bottom:12px!important}
 .djf-sidebar-finance-body{justify-content:flex-start!important}
 .djf-sidebar-finance-legend{grid-template-columns:1fr 1fr!important}
}


/* v3.4.7: Global quick navigation + back-to-dashboard buttons */
.djf-head{align-items:center!important;gap:22px!important;flex-wrap:wrap!important}
.djf-head-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}
.djf-head-nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:760px}
.djf-nav-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #d6e2ee!important;border-radius:9px!important;background:#f7faff!important;color:#0f477f!important;text-decoration:none!important;font-size:11px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 2px 7px rgba(15,71,127,.04)!important;transition:.18s ease!important}
.djf-nav-btn:hover{background:#eaf4ff!important;border-color:#bcd6ec!important;color:#0b3d6d!important;transform:translateY(-1px)!important}
.djf-nav-btn .dashicons{font-size:15px!important;width:15px!important;height:15px!important;line-height:15px!important;margin:0!important}
.djf-nav-btn.djf-nav-back{background:#0f477f!important;border-color:#0f477f!important;color:#fff!important;box-shadow:0 4px 12px rgba(15,71,127,.18)!important}
.djf-nav-btn.djf-nav-back:hover{background:#0b3c6b!important;color:#fff!important}
@media(max-width:1100px){.djf-head-right{width:100%;align-items:flex-start}.djf-head-nav{justify-content:flex-start;max-width:none}.djf-contact{text-align:left}}
@media(max-width:700px){.djf-head{padding:16px!important}.djf-head-right{margin-left:0}.djf-head-nav{gap:6px}.djf-nav-btn{font-size:10px!important;padding:6px 8px!important}}


/* v3.4.8: Dashboard quick-menu and consistent navigation */
.djf-dashboard-menu-actions{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px!important;max-width:650px;width:100%;align-items:stretch!important}
.djf-menu-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important;min-height:38px!important;padding:8px 10px!important;font-size:11px!important}
.djf-menu-action .dashicons{font-size:15px;width:15px;height:15px;line-height:15px}
@media(max-width:1100px){.djf-dashboard-menu-actions{grid-template-columns:repeat(3,minmax(120px,1fr));max-width:100%}}
@media(max-width:700px){.djf-dashboard-menu-actions{grid-template-columns:repeat(2,minmax(120px,1fr));max-width:100%}}
@media(max-width:430px){.djf-dashboard-menu-actions{grid-template-columns:1fr}}
/* Keep only one visible Dashboard destination in the WordPress submenu. */
#adminmenu .toplevel_page_djf-dashboard .wp-submenu a[href="admin.php?page=djf-dashboard"]{display:none!important}


/* v3.5.1: Dashicons public menu only Klien | Perkara | Grafik Donut */
.djf-site-sidebar-menu.djf-sidebar-three-menu{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:14px!important;
}
.djf-sidebar-three-menu .djf-site-sidebar-link,
.djf-sidebar-three-menu .djf-sidebar-donut-menu{
  min-height:112px!important;
  width:auto!important;
  margin:0!important;
  padding:16px 18px!important;
  border:1px solid #dce8f3!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,71,127,.055)!important;
  box-sizing:border-box!important;
}
.djf-sidebar-three-menu .djf-sidebar-donut-menu{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.djf-sidebar-three-menu .djf-sidebar-finance-title{margin-bottom:8px!important}
.djf-sidebar-three-menu .djf-sidebar-finance-body{gap:16px!important}
.djf-sidebar-three-menu .djf-sidebar-donut{width:68px!important;height:68px!important;flex-basis:68px!important}
.djf-sidebar-three-menu .djf-sidebar-donut:after{inset:11px!important}
.djf-sidebar-three-menu .djf-sidebar-donut b{font-size:13px!important}
@media(max-width:800px){
 .djf-site-sidebar-menu.djf-sidebar-three-menu{grid-template-columns:1fr 1fr!important}
 .djf-sidebar-three-menu .djf-sidebar-donut-menu{grid-column:1/-1!important}
}
@media(max-width:520px){
 .djf-site-sidebar-menu.djf-sidebar-three-menu{grid-template-columns:1fr!important}
 .djf-sidebar-three-menu .djf-sidebar-donut-menu{grid-column:auto!important}
}