/* ASKUMNAS admin — tema ala WordPress dengan palet biru */
body.wp-admin{
  --bar:#0a2558;--side:#10357a;--side2:#0a2558;--hover:#1b4fb8;--active:#2563eb;
  --bg:#e8f0fb;--border:#c5d4ec;--text:#1d2a44;--link:#1d4ed8;--bar-h:40px;--side-w:190px;
  background:var(--bg);color:var(--text);font-size:14px;
}
.wp-admin a{color:var(--link)}.wp-admin a:hover{color:#0b3aa5}

/* ---------- Admin bar ---------- */
#wpadminbar{position:fixed;top:0;left:0;right:0;height:var(--bar-h);background:var(--bar);z-index:1030;color:#dbe6ff}
#wpadminbar .ab-inner{display:flex;align-items:center;height:100%;padding:0 6px 0 0}
#wpadminbar .ab-item{color:#dbe6ff;display:flex;align-items:center;gap:6px;height:var(--bar-h);padding:0 12px;text-decoration:none;white-space:nowrap}
#wpadminbar .ab-item:hover,#wpadminbar .dropdown.show>.ab-item{background:var(--hover);color:#fff}
#wpadminbar .brand{font-weight:700;color:#fff;padding-left:14px}#wpadminbar .brand img{height:24px}
#wpadminbar .ab-spacer{flex:1}
#wpadminbar .ab-bubble{background:#ef4444;color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:0 6px;line-height:17px;min-width:17px;text-align:center}
#wpadminbar .dropdown-menu{border-radius:0 0 4px 4px;margin-top:0;border:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}
#menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;height:var(--bar-h);padding:0 12px}

/* ---------- Sidebar ---------- */
#adminmenuwrap{position:fixed;top:var(--bar-h);left:0;bottom:0;width:var(--side-w);background:var(--side);z-index:1020;overflow:visible;transition:width .15s}
#adminmenu{list-style:none;margin:0;padding:8px 0;height:100%;overflow:visible}
#adminmenu li{position:relative}
#adminmenu .menu-link{display:flex;align-items:center;gap:10px;color:#e3ecff;padding:9px 12px;text-decoration:none;font-size:14px;line-height:1.3}
#adminmenu .menu-link .bi{font-size:18px;width:20px;text-align:center;opacity:.9}
#adminmenu .menu-top:hover>.menu-link{background:var(--hover);color:#fff}
#adminmenu .menu-top.current>.menu-link{background:var(--active);color:#fff;font-weight:600}
#adminmenu .menu-top.current>.menu-link::after{content:'';position:absolute;right:0;top:50%;margin-top:-8px;border:8px solid transparent;border-right-color:var(--bg)}
.menu-bubble{background:#ef4444;color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:0 6px;line-height:17px;margin-left:auto}
#adminmenu .submenu{list-style:none;margin:0;padding:6px 0;background:var(--side2);display:none}
#adminmenu .menu-top.current>.submenu{display:block}
#adminmenu .submenu .sub-head{display:none}
#adminmenu .submenu a{display:flex;align-items:center;color:#b9cbf0;padding:5px 12px 5px 42px;text-decoration:none;font-size:13px}
#adminmenu .submenu a:hover{color:#fff}
#adminmenu .submenu li.current a{color:#fff;font-weight:600}
/* flyout untuk menu yang tidak aktif */
#adminmenu .menu-top:not(.current):hover>.submenu{display:block;position:absolute;left:100%;top:0;min-width:180px;box-shadow:0 3px 8px rgba(0,0,0,.3);border-radius:0 4px 4px 0;padding:4px 0 8px}
#adminmenu .menu-top:not(.current):hover>.submenu .sub-head{display:block;color:#fff;font-weight:600;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px}
#adminmenu .menu-top:not(.current):hover>.submenu a{padding-left:12px}
#adminmenu .collapse-li{margin-top:14px}#adminmenu .collapse-li .menu-link{color:#9db6e8;font-size:13px}

/* ---------- Mode terlipat ---------- */
body.folded{--side-w:46px}
body.folded #adminmenu .menu-name,body.folded #adminmenu .menu-link .menu-bubble{display:none}
body.folded #adminmenu .menu-link{padding:10px 13px}
body.folded #adminmenu .menu-top>.submenu{display:none!important}
body.folded #adminmenu .menu-top:hover>.submenu{display:block!important;position:absolute;left:100%;top:0;min-width:180px;box-shadow:0 3px 8px rgba(0,0,0,.3);padding:4px 0 8px}
body.folded #adminmenu .menu-top:hover>.submenu .sub-head{display:block;color:#fff;font-weight:600;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1)}
body.folded #adminmenu .menu-top:hover>.submenu a{padding-left:12px}
body.folded #adminmenu .menu-top:hover>.menu-link .menu-name{display:block;position:absolute;left:100%;top:0;white-space:nowrap}
body.folded #adminmenu .collapse-li .bi{transform:rotate(180deg)}

/* ---------- Konten ---------- */
#wpcontent{margin-left:var(--side-w);padding-top:var(--bar-h);min-height:100vh;display:flex;flex-direction:column;transition:margin .15s}
#wpbody{flex:1}.wrap{padding:18px 22px 10px}
.heading-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
h1.wp-heading-inline{font-size:23px;font-weight:400;margin:0;color:#14233f}
.page-title-action{border:1px solid var(--active);color:var(--active)!important;background:#f3f7ff;border-radius:3px;padding:4px 12px;font-size:13px;text-decoration:none;line-height:1.5}
.page-title-action:hover{background:var(--active);color:#fff!important}
hr.wp-header-end{border:0;margin:6px 0 14px}
#wpfooter{padding:12px 22px;display:flex;justify-content:space-between;border-top:1px solid var(--border)}

/* ---------- Komponen bergaya WP ---------- */
.wp-admin .card,.postbox{background:#fff;border:1px solid var(--border);border-radius:3px;box-shadow:0 1px 1px rgba(10,37,88,.05)}
.wp-admin .card-header,.postbox-header{background:#fff;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;padding:9px 14px;border-radius:0}
.postbox .inside{padding:12px 14px}
.wp-admin .card-footer{background:#fff;border-top:1px solid var(--border)}
.wp-admin .stat{padding:14px 16px}.wp-admin .stat .n{font-size:1.7rem;color:var(--active)}
.wp-admin .table{--bs-table-bg:#fff;margin-bottom:0}
.wp-admin .table>thead th,.wp-admin .table-light th{background:#fff!important;border-bottom:1px solid var(--border);font-weight:600;color:#14233f;font-size:13px}
.wp-admin .table-striped>tbody>tr:nth-of-type(odd)>*,.wp-admin .table>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type:#f5f8fe}
.wp-admin .table-hover>tbody>tr:hover>*{--bs-table-bg-state:#e9f1ff}
.wp-admin .table td,.wp-admin .table th{border-color:#dfe8f6}
.wp-admin .btn{border-radius:3px}
.wp-admin .btn-brand{background:var(--active);border:1px solid #1d4ed8;color:#fff}.wp-admin .btn-brand:hover{background:#1d4ed8;color:#fff}
.wp-admin .form-control,.wp-admin .form-select{border-radius:3px;border-color:#9db4de}
.wp-admin .form-control:focus,.wp-admin .form-select:focus{border-color:var(--active);box-shadow:0 0 0 1px var(--active)}
.wp-admin .alert{border:0;border-left:4px solid;border-radius:0;background:#fff;box-shadow:0 1px 1px rgba(10,37,88,.1)}
.wp-admin .alert-success{border-left-color:#16a34a;color:#14532d}.wp-admin .alert-danger{border-left-color:#dc2626;color:#7f1d1d}
.wp-admin .alert-warning{border-left-color:#f59e0b;color:#78350f}.wp-admin .alert-info{border-left-color:var(--active);color:#1e3a8a}.wp-admin .alert-secondary{border-left-color:#64748b;color:#334155}
.wp-admin .modal-content{border-radius:4px}
.wp-admin .badge{border-radius:3px;font-weight:600}
.wp-admin .doc-row{border-radius:3px}
.wp-admin .pagination .page-link{border-radius:3px;color:var(--link)}.wp-admin .pagination .active .page-link{background:var(--active);border-color:var(--active);color:#fff}

/* Tautan filter status:  Semua (12) | Terbit (8) | Draft (4) */
.subsubsub{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:0;font-size:13px;color:#64748b}
.subsubsub li:not(:last-child)::after{content:'|';margin:0 7px;color:#9db4de}
.subsubsub a{text-decoration:none}.subsubsub a.current{color:#14233f;font-weight:600}.subsubsub .count{color:#64748b;font-weight:400}
.row-actions{font-size:12px;visibility:hidden;color:#9db4de}tr:hover .row-actions,.row-actions:focus-within{visibility:visible}
.row-actions a{text-decoration:none}.row-actions .del a{color:#dc2626}
@media(hover:none){.row-actions{visibility:visible}}
td.title-col strong a{text-decoration:none;font-size:14px}
.thumb-sm{width:56px;height:38px;object-fit:cover;border-radius:3px;border:1px solid var(--border)}

/* Dasbor widget */
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.dash-col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media(max-width:1100px){.dash-grid{grid-template-columns:1fr}}
.glance{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.glance li a{display:flex;align-items:center;gap:8px;text-decoration:none;padding:4px 0;color:#334155}.glance .bi{color:var(--active);font-size:18px}.glance b{color:#14233f}
.feed li{padding:8px 0;border-bottom:1px solid #eef2fa;list-style:none}.feed{margin:0;padding:0}.feed li:last-child{border:0}

/* Editor artikel (dua kolom seperti WordPress) */
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.title-input{font-size:1.6rem;padding:8px 12px;font-weight:500}
.permalink{font-size:13px;color:#64748b;margin:6px 2px 10px}
.editor-box{background:#fff;border:1px solid var(--border)}
.editor-box .ql-toolbar{border:0;border-bottom:1px solid var(--border);background:#f6f9ff;position:sticky;top:var(--bar-h);z-index:5}
.editor-box .ql-container{border:0;font-size:16px;min-height:380px;font-family:Georgia,'Times New Roman',serif}
.editor-box .ql-editor{min-height:380px}
.featured-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:3px;background:#f1f5f9}
.char-count{font-size:12px;color:#64748b;text-align:right}
.cat-list{max-height:170px;overflow:auto;border:1px solid var(--border);padding:6px 10px;border-radius:3px;background:#fbfdff}

/* ---------- Responsif ---------- */
@media(max-width:991px){.editor-layout{grid-template-columns:1fr}}
@media(max-width:782px){
  #menu-toggle{display:block}
  #adminmenuwrap{transform:translateX(-100%);width:230px;transition:transform .2s;overflow-y:auto}
  body.sidebar-open #adminmenuwrap{transform:none}
  #wpcontent{margin-left:0!important}
  #adminmenu .menu-top:not(.current)>.submenu{display:none!important}
  #adminmenu .menu-top .submenu{display:block!important;position:static!important;box-shadow:none}
  #adminmenu .submenu .sub-head{display:none!important}#adminmenu .submenu a{padding-left:42px!important}
  .collapse-li{display:none}
  .wrap{padding:14px 12px}
}