/* NURUL ISHLAH - ADMIN SUMMARY V3.1 */

.admin-shell .summary-v31 .dashboard-hello {
  padding: 21px 25px;
  min-height: 0;
  border: 1px solid #dce7df;
  border-left: 4px solid #c59a60;
  background: #f4f8f4;
  border-radius: 11px;
}

.admin-shell .summary-v31 .dashboard-hello::after {
  display: none;
}

.admin-shell .summary-v31 .dashboard-hello h2 {
  font: 800 clamp(19px,2vw,25px)/1.3
    'Plus Jakarta Sans','Segoe UI',sans-serif;
  letter-spacing: -.04em;
  margin: 0 0 6px;
  color: #173b30;
}

.admin-shell .summary-v31 .dashboard-hello h2 span {
  color: #a0753e;
}

.admin-shell .summary-v31 .dashboard-hello p {
  margin: 0;
  font-size: 12px;
  color: #6a8175;
}

.admin-shell .summary-v31 .metric-grid {
  margin: 14px 0;
}

.admin-shell .summary-v31 .v31-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: stretch;
}

.admin-shell .summary-v31 .v31-panels > .edit-panel {
  margin-bottom: 14px;
  min-width: 0;
}

.admin-shell .summary-v31 .card-heading {
  margin-bottom: 15px;
  align-items: baseline;
}

.admin-shell .summary-v31 .card-heading h3 {
  margin: 0;
}

.admin-shell .summary-v31 .card-heading > span {
  font-size: 10px;
  color: #85998f;
  text-align: right;
}

.admin-shell .summary-v31 .quick-link {
  cursor: pointer;
  min-width: 0;
}

.admin-shell .summary-v31 .quick-link:hover,
.admin-shell .summary-v31 .v31-issue:hover {
  background: #f0f7f2;
  border-color: #bdd9c6;
}

.admin-shell .summary-v31 .v31-issues {
  display: grid;
  gap: 9px;
}

.admin-shell .summary-v31 .v31-issue {
  width: 100%;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #e7ebe6;
  border-radius: 9px;
  padding: 12px 13px;
  background: #fbfcfa;
  color: #153e30;
}

.admin-shell .summary-v31 .v31-issue span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.admin-shell .summary-v31 .v31-issue strong {
  font-size: 11.5px;
  line-height: 1.4;
}

.admin-shell .summary-v31 .v31-issue small {
  color: #72877b;
  font-size: 10.5px;
  line-height: 1.5;
}

.admin-shell .summary-v31 .v31-issue b {
  color: #1a7652;
}

.admin-shell .summary-v31 .v31-more,
.admin-shell .summary-v31 .v31-clear {
  font-size: 11px;
  color: #738c7c;
  line-height: 1.7;
}

.admin-shell .summary-v31 .v31-update-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

.admin-shell .summary-v31 .v31-update {
  border: 1px solid #e5ede6;
  background: #fafcf9;
  border-radius: 9px;
  padding: 13px 15px;
  display: grid;
  gap: 7px;
  min-width: 0;
}

.admin-shell .summary-v31 .v31-update strong {
  font-size: 12px;
  color: #183d31;
}

.admin-shell .summary-v31 .v31-update time {
  font-size: 11px;
  color: #64806f;
}

.admin-shell .summary-v31 .v31-fine {
  margin: 13px 0 0;
  font-size: 10px;
  color: #8a9a90;
  line-height: 1.5;
}

.admin-shell:has(.summary-v31) .site-live,
.admin-shell:has(.summary-v31) .page-subrow {
  display: none;
}

.admin-shell:has(.summary-v31) .content-shell {
  padding-top: 18px;
}

@media(max-width:1060px) {
  .admin-shell .summary-v31 .v31-panels {
    grid-template-columns: 1fr;
  }
}

@media(max-width:600px) {
  .admin-shell .summary-v31 .dashboard-hello {
    padding: 18px;
  }

  .admin-shell .summary-v31 .v31-update-grid,
  .admin-shell .summary-v31 .quick-grid {
    grid-template-columns: 1fr;
  }

  .admin-shell .summary-v31 .v31-panels {
    gap: 0;
  }
}


/* NI_SUMMARY_V32_BEGIN */

/* Aksi Cepat mengikuti tinggi konten */
.admin-shell .summary-v31 .v31-panels {
    align-items: start !important;
}

.admin-shell .summary-v31
.v31-panels > .edit-panel {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
}

/* Hilangkan keterangan teknis lama */
.admin-shell .summary-v31 .v31-fine {
    display: none !important;
}

/* NI_SUMMARY_V32_END */


/* NI_SUMMARY_V33_BEGIN */

/* Dashboard panel full width */
.admin-shell .summary-v31 .v31-panels {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    margin-top: 14px !important;
}

/* Hindari tinggi panel berlebihan */
.admin-shell .summary-v31
.v31-panels > .edit-panel {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
    margin-bottom: 0 !important;
}

/* Aksi Cepat 4 kolom */
.admin-shell .summary-v31
.v31-panels .quick-grid {
    display: grid !important;
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.admin-shell .summary-v31
.v31-panels .quick-link {
    min-width: 0 !important;
    min-height: 84px !important;
    padding: 14px !important;
    border-radius: 10px !important;
}

/* Catatan 2 kolom */
.admin-shell .summary-v31 .v31-issues {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.admin-shell .summary-v31 .v31-issue {
    min-height: 76px !important;
    height: auto !important;
    padding: 14px 16px !important;
    border-radius: 10px !important;
}

/* Pembaruan data */
.admin-shell .summary-v31 .v31-updates {
    margin-top: 14px !important;
}

/* Laptop */
@media (max-width: 1250px) {
    .admin-shell .summary-v31
    .v31-panels .quick-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Tablet */
@media (max-width: 850px) {
    .admin-shell .summary-v31 .v31-issues {
        grid-template-columns: 1fr !important;
    }
}

/* HP */
@media (max-width: 600px) {
    .admin-shell .summary-v31
    .v31-panels .quick-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-shell .summary-v31
    .v31-panels .quick-link {
        min-height: 68px !important;
        padding: 12px !important;
    }

    .admin-shell .summary-v31 .v31-issue {
        min-height: 64px !important;
        padding: 12px !important;
    }
}

/* NI_SUMMARY_V33_END */


/* NI_SUMMARY_V34_BEGIN */

/* Latar utama summary */
.admin-shell .summary-v31 {
    --sum-bg-main: #f4f3ee;
    --sum-card-1: linear-gradient(180deg, #faf8f1 0%, #f5f1e7 100%);
    --sum-card-2: linear-gradient(180deg, #f1f6f1 0%, #eaf1ea 100%);
    --sum-card-3: linear-gradient(180deg, #f8f6ee 0%, #f1ecd9 100%);
    --sum-card-4: linear-gradient(180deg, #eef5f0 0%, #e4eee7 100%);
    --sum-panel: linear-gradient(180deg, #fffdfa 0%, #f7f4ed 100%);
    --sum-panel-green: linear-gradient(180deg, #f6faf6 0%, #edf4ef 100%);
    --sum-panel-gold: linear-gradient(180deg, #fffaf1 0%, #f8f0df 100%);
    --sum-border: #e4ded1;
    --sum-border-soft: #d8e3da;
    --sum-text: #18392f;
    --sum-muted: #6d8075;
    --sum-gold: #b98b4c;
    --sum-green: #0f5a43;
}

/* Area konten */
.admin-shell .main-shell,
.admin-shell .content-shell {
    background:
      radial-gradient(circle at top right, #faf5e8 0, transparent 26%),
      radial-gradient(circle at left bottom, #eef5ef 0, transparent 22%),
      #f5f6f2 !important;
}

/* Sambutan */
.admin-shell .summary-v31 .dashboard-hello {
    background: linear-gradient(135deg, #faf6ec 0%, #f4f7ef 100%) !important;
    border: 1px solid #e3dac7 !important;
    border-left: 4px solid #c79a5a !important;
    box-shadow: 0 10px 24px rgba(24,57,47,.05) !important;
}

.admin-shell .summary-v31 .dashboard-hello h2 {
    color: #18392f !important;
}

.admin-shell .summary-v31 .dashboard-hello h2 span {
    color: #b48345 !important;
}

.admin-shell .summary-v31 .dashboard-hello p {
    color: #6a7d72 !important;
}

/* Statistik */
.admin-shell .summary-v31 .metric-card {
    border: 1px solid var(--sum-border) !important;
    box-shadow: 0 8px 20px rgba(21,52,41,.04) !important;
}

.admin-shell .summary-v31 .metric-card:nth-child(1) {
    background: var(--sum-card-1) !important;
}
.admin-shell .summary-v31 .metric-card:nth-child(2) {
    background: var(--sum-card-2) !important;
}
.admin-shell .summary-v31 .metric-card:nth-child(3) {
    background: var(--sum-card-3) !important;
}
.admin-shell .summary-v31 .metric-card:nth-child(4) {
    background: var(--sum-card-4) !important;
}

.admin-shell .summary-v31 .metric-icon {
    background: rgba(255,255,255,.55) !important;
    border: 1px solid rgba(185,139,76,.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.admin-shell .summary-v31 .metric-card strong {
    color: #16382e !important;
}

.admin-shell .summary-v31 .metric-card > span:last-child {
    color: #60756b !important;
}

/* Panel umum */
.admin-shell .summary-v31 .edit-panel {
    border: 1px solid var(--sum-border) !important;
    box-shadow: 0 10px 28px rgba(17,52,43,.035) !important;
}

.admin-shell .summary-v31 .v31-panels > .edit-panel:first-child {
    background: var(--sum-panel) !important;
}

.admin-shell .summary-v31 .v31-panels > .edit-panel:last-child {
    background: var(--sum-panel-green) !important;
}

.admin-shell .summary-v31 .v31-updates {
    background: linear-gradient(180deg, #fffaf2 0%, #f7f3ea 100%) !important;
    border: 1px solid #e7dcc7 !important;
}

/* Judul panel */
.admin-shell .summary-v31 .card-heading h3 {
    color: #18392f !important;
}

.admin-shell .summary-v31 .card-heading > span {
    color: #8a8372 !important;
}

/* Aksi Cepat */
.admin-shell .summary-v31 .quick-link {
    background: linear-gradient(180deg, #fffdfa 0%, #f6f2e8 100%) !important;
    border: 1px solid #e6dece !important;
    box-shadow: 0 4px 12px rgba(24,57,47,.025);
}

.admin-shell .summary-v31 .quick-link:hover {
    background: linear-gradient(180deg, #f8fcf8 0%, #edf5ef 100%) !important;
    border-color: #c9dbc8 !important;
}

.admin-shell .summary-v31 .quick-link span {
    color: #2d7355 !important;
}

.admin-shell .summary-v31 .quick-link strong {
    color: #18392f !important;
}

.admin-shell .summary-v31 .quick-link small {
    color: #6f8177 !important;
}

/* Perhatian */
.admin-shell .summary-v31 .v31-issue {
    background: linear-gradient(180deg, #fffdf7 0%, #f9f4e8 100%) !important;
    border: 1px solid #e8dcc5 !important;
    box-shadow: 0 3px 10px rgba(185,139,76,.04);
}

.admin-shell .summary-v31 .v31-issue:hover {
    background: linear-gradient(180deg, #f8fbf7 0%, #eef5ef 100%) !important;
    border-color: #cadbc8 !important;
}

.admin-shell .summary-v31 .v31-issue strong {
    color: #17392f !important;
}

.admin-shell .summary-v31 .v31-issue small {
    color: #6f7f75 !important;
}

.admin-shell .summary-v31 .v31-issue b {
    color: #1d7051 !important;
}

/* Pembaruan */
.admin-shell .summary-v31 .v31-update {
    background: linear-gradient(180deg, #fdfcf8 0%, #f4f1e8 100%) !important;
    border: 1px solid #e6ddcd !important;
    box-shadow: 0 3px 10px rgba(24,57,47,.03);
}

.admin-shell .summary-v31 .v31-update strong {
    color: #18392f !important;
}

.admin-shell .summary-v31 .v31-update time {
    color: #6e7e73 !important;
}

/* Top button */
.admin-shell .topbar .btn-outline {
    background: linear-gradient(180deg, #fffdfa 0%, #f5f0e5 100%);
    border-color: #e2d8c4 !important;
}

/* Footer admin sedikit lebih halus */
.admin-shell .admin-footer {
    background: #fbfaf6 !important;
    border-top: 1px solid #e7e0d0 !important;
}

/* Mobile tetap aman */
@media (max-width: 700px) {
    .admin-shell .summary-v31 .metric-card,
    .admin-shell .summary-v31 .quick-link,
    .admin-shell .summary-v31 .v31-issue,
    .admin-shell .summary-v31 .v31-update {
        box-shadow: none !important;
    }
}

/* NI_SUMMARY_V34_END */