/* SADARIKSA FAMILY — CATATAN & ADMIN EXTENSION */
.catatan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.catatan-card{text-decoration:none;color:inherit;display:block;min-height:100%}
.catatan-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.78rem;color:var(--teks2);margin-bottom:.8rem}
.catatan-pill{display:inline-flex;align-items:center;border:1.5px dashed rgba(45,106,79,.35);border-radius:999px;padding:.2rem .65rem;color:var(--hijau);font-weight:700;background:rgba(45,106,79,.06)}
.catatan-title{font-family:'Nunito',sans-serif;font-weight:900;font-size:1.25rem;line-height:1.25;margin-bottom:.6rem;color:var(--teks)}
.catatan-summary{font-size:.88rem;color:var(--teks2);line-height:1.8}
.article-wrap{max-width:860px;margin:0 auto;padding:2rem 2rem 5rem;position:relative;z-index:1}
.article-card{background:var(--krem-dark);border:2.5px dashed rgba(45,106,79,.35);border-radius:24px;padding:clamp(1.4rem,4vw,3rem)}
.article-content{font-size:1rem;line-height:1.9;color:var(--teks)}
.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content table{margin:1rem 0}
.article-content h2,.article-content h3,.article-content h4{font-family:'Nunito',sans-serif;font-weight:900;line-height:1.25;margin:1.6rem 0 .8rem;color:var(--hijau)}
.article-content a{color:var(--hijau);font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}
.article-content blockquote{border-left:4px solid var(--terakota);padding:.75rem 1rem;background:rgba(244,162,97,.08);border-radius:0 12px 12px 0;color:var(--teks2)}
.article-content img{max-width:100%;height:auto;border-radius:18px;border:2px dashed rgba(45,106,79,.25)}
.admin-shell{max-width:1100px;margin:0 auto;padding:100px 2rem 5rem;position:relative;z-index:1}
.admin-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.admin-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.btn-admin{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--hijau);color:var(--krem)!important;font-family:'Nunito',sans-serif;font-weight:800;text-decoration:none;border:none;border-radius:999px;padding:.72rem 1.2rem;cursor:pointer}
.btn-admin.secondary{background:transparent;color:var(--hijau)!important;border:2px dashed rgba(45,106,79,.4)}
.btn-admin.danger{background:var(--merah)}
.delete-form{display:inline-flex;margin:0}
.admin-actions-row{align-items:center}
.btn-admin.danger{background:var(--merah);color:#fff!important;border:2px solid var(--merah)}
.btn-admin.danger:hover{filter:brightness(.95);transform:translateY(-1px)}
@media(max-width:760px){.admin-actions-row{gap:.45rem}.delete-form{width:auto}}

.admin-table{width:100%;border-collapse:separate;border-spacing:0 .65rem}
.admin-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--hijau);padding:.35rem .75rem}
.admin-table td{background:var(--krem);padding:.85rem .75rem;border-top:1.5px dashed rgba(45,106,79,.2);border-bottom:1.5px dashed rgba(45,106,79,.2);font-size:.9rem;vertical-align:middle}
.admin-table td:first-child{border-left:1.5px dashed rgba(45,106,79,.2);border-radius:14px 0 0 14px}
.admin-table td:last-child{border-right:1.5px dashed rgba(45,106,79,.2);border-radius:0 14px 14px 0}
.status-badge{display:inline-flex;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:800;background:rgba(45,106,79,.12);color:var(--hijau)}
.status-badge.draft{background:rgba(244,162,97,.16);color:var(--cokelat)}
.editor-area{min-height:320px;font-family:'Quicksand',sans-serif;font-size:1rem;line-height:1.8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.login-wrap{max-width:460px;margin:0 auto;padding:120px 1rem 5rem;position:relative;z-index:1}
.alert{border-radius:14px;padding:.85rem 1rem;margin-bottom:1rem;font-weight:700;background:rgba(192,57,43,.1);color:var(--merah);border:1.5px dashed rgba(192,57,43,.35)}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}.admin-shell{padding:92px 1rem 4rem}.article-wrap{padding:1.5rem 1rem 4rem}}

/* PATCH v1.1 — Rapikan login password & dorong footer ke bawah */
html, body{
  min-height:100%;
}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.login-wrap,
.admin-shell,
.article-wrap,
.main-wrap{
  flex:1 0 auto;
}
footer{
  margin-top:auto;
  flex-shrink:0;
}

input[type=password],
input[type=email],
input[type=url]{
  width:100%;
  padding:.7rem 1rem;
  border:2px solid rgba(45,106,79,.25);
  border-radius:12px;
  background:var(--krem);
  font-family:'Quicksand',sans-serif;
  font-size:.95rem;
  font-weight:600;
  color:var(--teks);
  outline:none;
  transition:border-color .2s,box-shadow .2s;
  appearance:none;
  -webkit-appearance:none;
}
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus{
  border-color:var(--hijau);
  box-shadow:0 0 0 3px rgba(45,106,79,.1);
}
.login-wrap .card{
  width:100%;
}
.login-wrap .btn-hitung{
  margin-top:1.25rem;
}
.login-wrap .info-box{
  margin-top:1rem;
}

/* PATCH v1.2 — Samakan tampilan kolom tanggal dengan input lain */
input[type=date]{
  width:100%;
  min-height:45px;
  padding:.7rem 1rem;
  border:2px solid rgba(45,106,79,.25);
  border-radius:12px;
  background:var(--krem);
  font-family:'Quicksand',sans-serif;
  font-size:.95rem;
  font-weight:600;
  color:var(--teks);
  outline:none;
  transition:border-color .2s,box-shadow .2s;
  appearance:none;
  -webkit-appearance:none;
}
input[type=date]:focus{
  border-color:var(--hijau);
  box-shadow:0 0 0 3px rgba(45,106,79,.1);
}
input[type=date]::-webkit-datetime-edit{
  color:var(--teks);
  padding:0;
}
input[type=date]::-webkit-calendar-picker-indicator{
  cursor:pointer;
  opacity:.7;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-clear-button{
  display:none;
}

/* PATCH v1.3 — Editor visual TinyMCE + auto slug */
.slug-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.6rem;
  align-items:center;
}
.btn-mini{
  border:2px dashed rgba(45,106,79,.35);
  background:var(--krem-dark);
  color:var(--hijau);
  border-radius:12px;
  padding:.7rem .9rem;
  font-family:'Quicksand',sans-serif;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.btn-mini:hover{background:rgba(45,106,79,.08)}
.field-help{
  font-size:.78rem;
  color:var(--teks2);
  margin-top:.35rem;
  line-height:1.5;
}
.field-help code{
  color:var(--hijau);
  font-weight:800;
  background:rgba(45,106,79,.08);
  padding:.12rem .35rem;
  border-radius:8px;
}
.editor-help{margin-top:.9rem!important}
.tox.tox-tinymce{
  border:2px solid rgba(45,106,79,.25)!important;
  border-radius:16px!important;
  overflow:hidden;
  background:var(--krem)!important;
  font-family:'Quicksand',sans-serif!important;
}
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-menubar,
.tox .tox-statusbar{
  background:var(--krem-dark)!important;
}
.tox .tox-edit-area__iframe{
  background:var(--krem)!important;
}
.tox .tox-tbtn,
.tox .tox-mbtn{
  border-radius:10px!important;
}
.tox .tox-tbtn:hover,
.tox .tox-mbtn:hover{
  background:rgba(45,106,79,.1)!important;
}
@media(max-width:700px){
  .slug-row{grid-template-columns:1fr}
  .btn-mini{width:100%}
}


/* PATCH v1.4 — Rapikan tombol slug & lebarkan isi catatan */
.editor-form .slug-row{
  display:flex;
  gap:.75rem;
  align-items:stretch;
  width:100%;
}
.editor-form .slug-row input{
  flex:1 1 auto;
  min-width:0;
}
.editor-form .slug-row .btn-mini,
button#btnGenerateSlug{
  flex:0 0 auto;
  min-height:45px;
  border:2px dashed rgba(45,106,79,.45);
  background:var(--hijau);
  color:var(--krem)!important;
  border-radius:14px;
  padding:.72rem 1rem;
  font-family:'Nunito',sans-serif;
  font-size:.9rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
  transition:background .2s, transform .2s, box-shadow .2s;
}
.editor-form .slug-row .btn-mini:hover,
button#btnGenerateSlug:hover{
  background:var(--hijau-light);
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(45,106,79,.18);
}
.editor-form .slug-row .btn-mini:focus,
button#btnGenerateSlug:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(45,106,79,.14);
}
.article-wrap{
  max-width:1100px;
}
.article-card{
  width:100%;
}
.article-content table{
  width:100%;
  border-collapse:collapse;
  overflow-x:auto;
  display:block;
}
.article-content th,
.article-content td{
  border:1px solid rgba(45,106,79,.35);
  padding:.6rem .75rem;
}
@media(max-width:700px){
  .editor-form .slug-row{display:grid;grid-template-columns:1fr}
  .editor-form .slug-row .btn-mini,
  button#btnGenerateSlug{width:100%}
}

/* PATCH v1.6 — Lebar halaman detail catatan dibuat 75% dari v1.5 */
body main.article-wrap{
  width:min(960px, calc(100vw - 80px));
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}
body main.article-wrap > .article-card{
  width:100%;
  max-width:none;
  padding:clamp(1.5rem, 3vw, 3.5rem);
}
body main.article-wrap .article-content{
  width:100%;
  max-width:none;
}
body main.article-wrap .article-content table{
  width:100%;
  max-width:100%;
  overflow-x:auto;
}
@media(max-width:900px){
  body main.article-wrap{
    width:min(100% - 2rem, 1000px);
  }
}


/* PATCH v1.7 — Gambar di isi catatan */
.article-content img{
  max-width:100%;
  height:auto;
  border-radius:18px;
  border:2px dashed rgba(45,106,79,.22);
  display:block;
  margin:1.25rem auto;
}
.article-content figure{
  margin:1.5rem 0;
}
.article-content figcaption{
  text-align:center;
  font-size:.85rem;
  color:var(--teks2);
  margin-top:.5rem;
}

/* PATCH v1.8 — Upload gambar dikompres + layout daftar catatan responsif */
.catatan-index-wrap{
  width:min(1180px, calc(100vw - 48px));
  max-width:1180px;
  padding-left:0;
  padding-right:0;
}
.catatan-search-card{
  max-width:560px;
  margin:0 auto 1.25rem;
}
.catatan-list{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1.1rem;
  align-items:stretch;
  margin-top:1.25rem;
}
.catatan-card{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.catatan-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(45,106,79,.12);
  border-color:rgba(45,106,79,.55);
}
.catatan-summary{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
@media(max-width:1100px){
  .catatan-list{grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media(max-width:820px){
  .catatan-index-wrap{width:min(100% - 32px, 760px);}
  .catatan-list{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media(max-width:560px){
  .catatan-index-wrap{width:100%;padding-left:1rem;padding-right:1rem;}
  .catatan-search-card{max-width:none;}
  .catatan-list{grid-template-columns:1fr;gap:1rem;}
  .catatan-card{min-height:auto;}
}


/* PATCH v1.9 — Gambar sampul catatan + kartu lebih editorial */
.cover-upload-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.75rem;
  align-items:stretch;
}
.cover-file-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:45px;
  margin:0;
}
.cover-preview{
  margin-top:.9rem;
  border:2px dashed rgba(45,106,79,.22);
  border-radius:18px;
  overflow:hidden;
  background:rgba(253,240,224,.45);
  max-width:360px;
}
.cover-preview img{
  width:100%;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}
.catatan-card{
  padding:0;
  overflow:hidden;
}
.catatan-card > .catatan-meta,
.catatan-card > .catatan-title,
.catatan-card > .catatan-summary{
  margin-left:1.35rem;
  margin-right:1.35rem;
}
.catatan-card > .catatan-meta{margin-top:1.35rem;}
.catatan-card > .catatan-summary{margin-bottom:1.35rem;}
.catatan-cover{
  width:100%;
  aspect-ratio:16/10;
  background:rgba(45,106,79,.08);
  border-bottom:2px dashed rgba(45,106,79,.2);
  overflow:hidden;
}
.catatan-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.catatan-card:hover .catatan-cover img{transform:scale(1.035)}
.article-cover{
  width:100%;
  margin:0 0 1.25rem;
  border:2.5px dashed rgba(45,106,79,.28);
  border-radius:28px;
  overflow:hidden;
  background:var(--krem-dark);
}
.article-cover img{
  width:100%;
  display:block;
  aspect-ratio:16/8;
  object-fit:cover;
}
@media(max-width:700px){
  .cover-upload-row{grid-template-columns:1fr}
  .cover-file-btn{width:100%}
  .catatan-card > .catatan-meta,
  .catatan-card > .catatan-title,
  .catatan-card > .catatan-summary{margin-left:1.15rem;margin-right:1.15rem;}
  .article-cover img{aspect-ratio:16/10;}
}


/* PATCH v1.11 — Dashboard ringkasan + pencarian/filter */
.dashboard-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  margin:1rem 0 1.25rem;
}
.stat-card-mini{
  background:var(--krem-dark);
  border:2px dashed rgba(45,106,79,.35);
  border-radius:20px;
  padding:1rem 1.15rem;
}
.stat-card-mini span{
  display:block;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:1.7px;
  text-transform:uppercase;
  color:var(--hijau);
  margin-bottom:.35rem;
}
.stat-card-mini strong{
  display:block;
  font-family:'Nunito',sans-serif;
  font-size:2rem;
  line-height:1;
  color:var(--teks);
}
.dashboard-list-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.dashboard-list-head .card-title{margin-bottom:0;}
.dashboard-filter{
  display:grid;
  grid-template-columns:minmax(220px, 1fr) 160px;
  gap:.65rem;
  width:min(460px, 100%);
}
.dashboard-filter input,
.dashboard-filter select{
  min-height:44px;
}
.dashboard-empty-filter{
  margin-top:1rem;
  color:var(--teks2);
  font-weight:700;
}
@media(max-width:900px){
  .dashboard-stats{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .dashboard-list-head{display:block;}
  .dashboard-filter{width:100%;margin-top:1rem;}
}
@media(max-width:560px){
  .dashboard-stats{grid-template-columns:1fr 1fr;gap:.75rem;}
  .stat-card-mini{padding:.85rem .9rem;border-radius:16px;}
  .stat-card-mini strong{font-size:1.55rem;}
  .dashboard-filter{grid-template-columns:1fr;}
}

/* PATCH v1.12-v1.13 — Filter kategori + tombol tampilkan lebih banyak */
.catatan-filter-grid{
  display:grid;
  grid-template-columns:minmax(220px, 1fr) 190px;
  gap:.75rem;
  align-items:center;
}
.catatan-filter-grid select,
.catatan-filter-grid input{
  min-height:45px;
}
.catatan-filter-info{
  margin-top:.75rem;
  font-size:.86rem;
  color:var(--teks2);
  font-weight:700;
}
.catatan-empty-filter{
  margin:1.25rem 0;
  text-align:center;
  color:var(--teks2);
  font-weight:800;
  background:rgba(45,106,79,.06);
  border:2px dashed rgba(45,106,79,.25);
  border-radius:18px;
  padding:1rem;
}
.catatan-load-wrap{
  display:flex;
  justify-content:center;
  margin:1.5rem 0 0;
}
.dashboard-filter{
  grid-template-columns:minmax(200px, 1fr) 150px 180px;
  width:min(620px, 100%);
}
@media(max-width:900px){
  .catatan-filter-grid{grid-template-columns:1fr;}
  .dashboard-filter{grid-template-columns:1fr 1fr;}
  .dashboard-filter input{grid-column:span 2;}
}
@media(max-width:560px){
  .dashboard-filter{grid-template-columns:1fr;}
  .dashboard-filter input{grid-column:auto;}
}

/* PATCH v1.15 — SEO detail: share buttons + related posts */
.article-hero{padding-bottom:2rem;}
.article-share{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  flex-wrap:wrap;
  width:min(900px, 75vw);
  margin:0 auto 1.2rem;
  padding:1rem 1.25rem;
}
.article-share strong{color:var(--teks);margin-right:.25rem;}
.share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.45rem .9rem;
  border-radius:50px;
  border:2px dashed rgba(45,106,79,.35);
  background:rgba(253,240,224,.65);
  color:var(--hijau);
  font-family:'Quicksand',sans-serif;
  font-weight:800;
  font-size:.83rem;
  text-decoration:none;
  cursor:pointer;
  transition:all .2s ease;
}
.share-btn:hover{
  background:rgba(45,106,79,.08);
  border-color:var(--hijau);
  transform:translateY(-1px);
}
.related-section{
  width:min(1100px, 90vw);
  margin:2.5rem auto 0;
}
.related-section h2{
  font-family:'Nunito',sans-serif;
  font-weight:900;
  color:var(--teks);
  margin:.2rem 0 1rem;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.related-card{min-height:100%;}
@media(max-width:900px){
  .article-share{width:min(900px, 88vw);}
  .related-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media(max-width:560px){
  .article-share{width:calc(100vw - 2rem);justify-content:flex-start;}
  .article-share strong{width:100%;}
  .share-btn{flex:1;min-width:130px;}
  .related-grid{grid-template-columns:1fr;}
}


/* PATCH v1.17 — Search melebar, share pindah bawah isi, aksi dashboard sejajar */
.catatan-search-card{
  max-width:none !important;
  width:100% !important;
  margin:0 0 1.25rem !important;
}
.catatan-search-card .card-title{
  margin-bottom:1rem;
}
.catatan-filter-grid{
  grid-template-columns:minmax(260px, 1fr) 220px;
  max-width:none;
}

.article-share{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.65rem;
  flex-wrap:wrap;
  width:100%;
  margin:1.25rem 0 0;
  padding:0;
  border:0;
  background:transparent;
}
.article-share strong{
  color:var(--teks);
  margin-right:.25rem;
}
.related-section{
  margin-top:2.25rem;
}

.admin-table th:last-child,
.admin-table td:last-child{
  width:260px;
  min-width:260px;
}
.admin-actions-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:.55rem;
}
.admin-actions-row .btn-admin{
  min-height:44px;
  padding:.58rem .95rem;
  white-space:nowrap;
}
.admin-actions-row .delete-form{
  display:inline-flex;
  margin:0;
  flex:0 0 auto;
}

@media(max-width:900px){
  .catatan-filter-grid{grid-template-columns:1fr;}
  .admin-table th:last-child,
  .admin-table td:last-child{
    width:auto;
    min-width:240px;
  }
  .admin-actions-row{
    flex-wrap:wrap;
  }
}
@media(max-width:560px){
  .article-share strong{width:100%;}
  .share-btn{flex:1;min-width:130px;}
}


/* PATCH v1.18 — Lebar catatan terkait, dashboard HP, proteksi workflow */
body main.article-wrap .related-section{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body main.article-wrap .related-grid{
  width:100%;
}

@media(max-width:760px){
  html, body{overflow-x:hidden;}
  .admin-shell{
    width:100%;
    max-width:100%;
    padding-left:1rem;
    padding-right:1rem;
    overflow-x:hidden;
  }
  .admin-top{display:block;}
  .admin-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:.7rem;
    margin-top:1.1rem;
  }
  .admin-actions > .btn-admin{width:100%;}
  .dashboard-stats{
    grid-template-columns:1fr !important;
    width:100%;
  }
  .dashboard-list-head{display:block;}
  .dashboard-filter{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .dashboard-filter input{grid-column:auto !important;}

  .admin-table,
  .admin-table thead,
  .admin-table tbody,
  .admin-table tr,
  .admin-table th,
  .admin-table td{
    display:block;
    width:100% !important;
    min-width:0 !important;
  }
  .admin-table{overflow:visible;border-spacing:0;}
  .admin-table thead{display:none;}
  .admin-table tr{
    background:var(--krem);
    border:1.5px dashed rgba(45,106,79,.25);
    border-radius:18px;
    padding:.85rem;
    margin-bottom:.85rem;
  }
  .admin-table td{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:.42rem 0 !important;
  }
  .admin-table td:nth-child(1){padding-top:0 !important;}
  .admin-table td:nth-child(2)::before{content:'Kategori';}
  .admin-table td:nth-child(3)::before{content:'Tanggal';}
  .admin-table td:nth-child(4)::before{content:'Status';}
  .admin-table td:nth-child(2),
  .admin-table td:nth-child(3),
  .admin-table td:nth-child(4){
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
  }
  .admin-table td:nth-child(2)::before,
  .admin-table td:nth-child(3)::before,
  .admin-table td:nth-child(4)::before{
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:1.4px;
    color:var(--hijau);
    font-weight:900;
  }
  .admin-table td:last-child{padding-top:.8rem !important;}
  .admin-actions-row{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:.55rem;
    width:100%;
  }
  .admin-actions-row .btn-admin,
  .admin-actions-row .delete-form,
  .admin-actions-row .delete-form button{
    width:100%;
  }
  .admin-actions-row .btn-admin{
    min-height:42px;
    padding:.55rem .45rem;
    font-size:.86rem;
  }
}

@media(max-width:560px){
  body main.article-wrap .related-grid{grid-template-columns:1fr;}
}

/* PATCH v1.19 — Preview draft, estimasi waktu baca, breadcrumb */
.breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem;
  margin:0 0 1rem;
  color:var(--teks2);
  font-size:.9rem;
  font-weight:700;
}
.breadcrumb a{
  color:var(--hijau);
  text-decoration:none;
  border-bottom:2px dashed transparent;
}
.breadcrumb a:hover{
  border-bottom-color:rgba(45,106,79,.35);
}
.breadcrumb span:last-child{
  color:var(--teks2);
  font-weight:600;
}
.preview-banner{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-wrap:wrap;
  background:rgba(244,162,97,.13);
  border:2px dashed rgba(244,162,97,.55);
  border-radius:18px;
  padding:.85rem 1rem;
  margin:0 0 1rem;
  color:var(--teks2);
}
.preview-banner strong{
  color:var(--cokelat);
  font-family:'Nunito',sans-serif;
  font-weight:900;
}
.preview-banner a{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:.4rem .85rem;
  border-radius:999px;
  background:var(--hijau);
  color:var(--krem)!important;
  font-family:'Nunito',sans-serif;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:640px){
  .preview-banner{align-items:flex-start;flex-direction:column;}
  .preview-banner a{margin-left:0;width:100%;}
}


/* PATCH v1.19.1 — Breadcrumb dipindah ke hero */
.hero-breadcrumb{
  justify-content:center;
  margin:0 auto 1.1rem;
  font-size:.86rem;
}
.hero-breadcrumb span:last-child{
  max-width:min(560px, 90vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:768px){
  .hero-breadcrumb{
    justify-content:center;
    font-size:.78rem;
    margin-bottom:.9rem;
  }
}



/* v1.19.3 — Breadcrumb artikel, tidak ikut style nav utama */
.article-breadcrumb{
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 1.25rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  flex-wrap: wrap !important;
  font-family: 'Quicksand', sans-serif !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  color: var(--teks2) !important;
  text-align: center !important;
}

.article-breadcrumb a{
  color: var(--hijau) !important;
  text-decoration: none !important;
}

.article-breadcrumb a:hover{
  color: var(--terakota) !important;
}

.article-breadcrumb span{
  color: var(--teks2) !important;
}

.article-breadcrumb span:last-child{
  max-width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media(max-width: 768px){
  .article-breadcrumb{
    justify-content: flex-start !important;
    text-align: left !important;
    font-size: .8rem !important;
  }

  .article-breadcrumb span:last-child{
    max-width: 100%;
    white-space: normal;
  }
}

/* v1.19.4 — Jarak breadcrumb ke badge kategori */
.article-breadcrumb{
  margin-bottom: 2rem !important;
}

.article-hero .hero-badge{
  margin-top: 0 !important;
}

@media(max-width: 768px){
  .article-breadcrumb{
    margin-bottom: 1.5rem !important;
  }
}