/* ============================================================================
 * LILY GRADUATION — DASHBOARD (dibangun ulang dari nol, v1.0.45)
 * ----------------------------------------------------------------------------
 * PELAJARAN DARI VERSI SEBELUMNYA (penyebab teks menumpuk vertikal):
 * Aturan global `* { max-width:100% }` + `word-break` memaksa kolom tabel dan
 * isi kartu menyusut sampai selebar 1 huruf. Di berkas ini TIDAK ADA aturan
 * global semacam itu. Pendekatannya:
 *   - Tabel mempertahankan lebar alaminya, digulir mendatar di pembungkusnya.
 *   - Sel tabel TIDAK boleh patah per huruf (white-space:nowrap).
 *   - Elemen fleksibel diberi `min-width:0` agar tidak mendorong layout.
 *   - Pemotongan kata hanya untuk elemen tertentu (path, URL, kode).
 *
 * Breakpoint: mobile <768px · tablet 768–1023px · desktop ≥1024px
 * Warna mengikuti token tema (--lily-admin-*) → terang/gelap konsisten.
 * ========================================================================== */

/* ---------- 1. TOKEN ---------- */
:root{
  --app-gold:#a9905f; --app-on-gold:#fff;
  --app-surface:#fff; --app-bg:#f5f2ec; --app-ink:#1c1a17; --app-muted:#6f6858; --app-line:#e6dfd2;
  --app-danger:#b3261e; --app-ok:#2e7d32;
  --app-top:54px; --app-nav:66px; --app-side:232px;
  --app-radius:12px;
  --app-shadow:0 1px 2px rgba(28,26,23,.05),0 6px 18px rgba(28,26,23,.05);
}
html[data-lily-admin-theme="dark"],
body[data-lily-admin-theme="dark"]{
  --app-gold:#c9ad76; --app-on-gold:#20180c;
  --app-surface:#1f2223; --app-bg:#151718; --app-ink:#f2eee7; --app-muted:#b0a99e; --app-line:#3a3f40;
  --app-danger:#f2b8b5; --app-ok:#a6d6aa;
  --app-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.32);
}

/* ---------- 2. KERANGKA ---------- */
body.lily-dash-host *,body.lily-dash-host *::before,body.lily-dash-host *::after{box-sizing:border-box}
.lilyapp-top,.lilyapp-nav,.lilyapp-navitem,.lilyapp-ic,.lilyapp-sheet,.lily-modal,.lily-acc-modal,.lily-cal-sheet{box-sizing:border-box}
body.lily-dash-host{background:var(--app-bg)!important;color:var(--app-ink);
  -webkit-text-size-adjust:100%;text-size-adjust:100%;}
body.lily-dash-host #wpwrap,body.lily-dash-host #wpbody,body.lily-dash-host #wpbody-content{background:var(--app-bg)}
body.lily-dash-host #wpadminbar,
body.lily-dash-host #adminmenumain,body.lily-dash-host #adminmenuback,body.lily-dash-host #adminmenuwrap,
body.lily-dash-host #wpfooter,body.lily-dash-host #screen-meta,body.lily-dash-host #screen-meta-links,
body.lily-dash-host .update-nag,body.lily-dash-host .lily-app-toolbar,body.lily-dash-host .lily-app-nav{display:none!important}
html.wp-toolbar{padding-top:0!important}
body.lily-dash-host #wpcontent{margin-left:0!important;padding-left:0!important}
body.lily-dash-host #wpbody-content{
  padding:calc(var(--app-top) + 12px) 0 calc(var(--app-nav) + env(safe-area-inset-bottom,0px) + 24px);
  overflow-x:hidden;                 /* hanya di tingkat halaman, bukan elemen */
}
body.lily-dash-host .wrap{margin:0 auto!important;padding:0 14px;max-width:100%}

/* ---------- 3. HEADER ---------- */
.lilyapp-top{
  position:fixed;inset:0 0 auto 0;height:var(--app-top);z-index:9990;
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;
  background:var(--app-surface);border-bottom:1px solid var(--app-line);
}
.lilyapp-brand{font-weight:800;font-size:1rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--app-ink)}
.lilyapp-top-actions{display:flex;gap:8px;flex:0 0 auto}
.lilyapp-ic{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;
  border:1px solid var(--app-line);border-radius:10px;background:var(--app-bg);color:var(--app-ink);
  text-decoration:none;cursor:pointer;
}
.lilyapp-ic .dashicons{font-size:18px;width:18px;height:18px;line-height:18px}

/* ---------- 4. NAVIGASI BAWAH (mobile/tablet) ---------- */
.lilyapp-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:9990;
  height:calc(var(--app-nav) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);
  display:flex;background:var(--app-surface);border-top:1px solid var(--app-line);
}
.lilyapp-navitem{
  flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:0;background:transparent;cursor:pointer;text-decoration:none;padding:8px 4px;
  color:var(--app-muted);font-size:.7rem;font-weight:700;line-height:1;
  -webkit-tap-highlight-color:transparent;
}
.lilyapp-navitem span:not(.dashicons){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lilyapp-navitem .dashicons{font-size:23px;width:23px;height:23px}
.lilyapp-navitem.is-active{color:var(--app-gold)}

/* ---------- 5. TIPOGRAFI ---------- */
body.lily-dash-host .wrap h1,
body.lily-dash-host .wrap > h2:first-child{font-size:1.25rem;font-weight:800;line-height:1.25;margin:0 0 .5rem;color:var(--app-ink)}
body.lily-dash-host h2{font-size:1.05rem;line-height:1.3;margin:0 0 .5rem;color:var(--app-ink)}
body.lily-dash-host h3{font-size:.95rem;line-height:1.3;margin:0 0 .35rem;color:var(--app-ink)}
body.lily-dash-host p,body.lily-dash-host li,body.lily-dash-host label{font-size:.875rem;line-height:1.5;color:var(--app-ink)}
body.lily-dash-host .description,body.lily-dash-host small{font-size:.78rem;line-height:1.45;color:var(--app-muted)}
body.lily-dash-host a{color:var(--app-gold)}
/* Pemotongan kata HANYA untuk konten teknis panjang */
body.lily-dash-host code,body.lily-dash-host .lily-readonly-stat,body.lily-dash-host pre{overflow-wrap:anywhere}
body.lily-dash-host pre{white-space:pre-wrap}

/* Panduan singkat: ringkas & bisa ditutup */
body.lily-dash-host .lily-beginner-notice{
  background:var(--app-surface);border:1px solid var(--app-line);border-left:3px solid var(--app-gold);
  border-radius:var(--app-radius);padding:10px 12px;margin:0 0 12px;box-shadow:none;
}
body.lily-dash-host .lily-beginner-notice p{margin:0 0 .3rem;font-size:.82rem;font-weight:700}
body.lily-dash-host .lily-beginner-notice ol{margin:0;padding-left:1.15rem}
body.lily-dash-host .lily-beginner-notice li{font-size:.78rem;line-height:1.4;color:var(--app-muted)}

/* ---------- 6. PANEL & KARTU ---------- */
body.lily-dash-host .lily-admin-panel,
body.lily-dash-host .lily-card,body.lily-dash-host .card,body.lily-dash-host .postbox,
body.lily-dash-host .lily-hub-card,body.lily-dash-host .lily-mobile-card,
body.lily-dash-host .lily-crew-card,body.lily-dash-host .lily-dashboard-card,
body.lily-dash-host .lily-submission-item,body.lily-dash-host .lily-client-summary-card,
body.lily-dash-host .lily-booking-card,body.lily-dash-host .lily-h1-group{
  background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius);
  box-shadow:var(--app-shadow);padding:14px;margin:0 0 12px;min-width:0;
}
body.lily-dash-host .lily-admin-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
body.lily-dash-host .lily-admin-heading > div{min-width:0;flex:1 1 240px}

/* ---------- 7. TABEL (kunci: lebar alami + digulir) ---------- */
body.lily-dash-host .lily-scroll-x,
body.lily-dash-host .lily-table-scroll{
  max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
  background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius);
  box-shadow:var(--app-shadow);margin:0 0 12px;
}
body.lily-dash-host .lily-scroll-x > table,
body.lily-dash-host .lily-table-scroll > table{
  width:auto;min-width:100%;border-collapse:collapse;background:transparent;border:0;margin:0;
}
body.lily-dash-host .lily-scroll-x th,body.lily-dash-host .lily-scroll-x td,
body.lily-dash-host .lily-table-scroll th,body.lily-dash-host .lily-table-scroll td{
  white-space:nowrap;                 /* CEGAH teks menumpuk vertikal */
  padding:10px 12px;font-size:.82rem;line-height:1.4;color:var(--app-ink);
  border-bottom:1px solid var(--app-line);text-align:left;vertical-align:middle;
}
body.lily-dash-host .lily-scroll-x th,body.lily-dash-host .lily-table-scroll th{
  font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted);
  background:var(--app-bg);position:sticky;top:0;z-index:1;
}
body.lily-dash-host .lily-scroll-x tr:last-child td{border-bottom:0}
/* Petunjuk bahwa tabel bisa digeser */
body.lily-dash-host .lily-scroll-hint{font-size:.72rem;color:var(--app-muted);margin:-6px 0 10px}

/* ---------- 8. FORM & TOMBOL ---------- */
body.lily-dash-host input[type=text],body.lily-dash-host input[type=search],
body.lily-dash-host input[type=email],body.lily-dash-host input[type=url],
body.lily-dash-host input[type=tel],body.lily-dash-host input[type=number],
body.lily-dash-host input[type=password],body.lily-dash-host input[type=date],
body.lily-dash-host input[type=time],body.lily-dash-host select,body.lily-dash-host textarea{
  width:100%;box-sizing:border-box;min-height:42px;padding:.5rem .7rem;font-size:16px;
  border:1px solid var(--app-line);border-radius:10px;background:var(--app-surface);color:var(--app-ink);
  box-shadow:none;line-height:1.4;
}
body.lily-dash-host textarea{min-height:96px}
body.lily-dash-host input:focus,body.lily-dash-host select:focus,body.lily-dash-host textarea:focus{
  border-color:var(--app-gold);outline:2px solid color-mix(in srgb,var(--app-gold) 28%,transparent);outline-offset:0;
}
body.lily-dash-host ::placeholder{color:var(--app-muted);opacity:1}
body.lily-dash-host .form-table,body.lily-dash-host .form-table tbody,body.lily-dash-host .form-table tr,
body.lily-dash-host .form-table th,body.lily-dash-host .form-table td{display:block;width:auto;padding:0;background:transparent;border:0}
body.lily-dash-host .form-table th{padding:.5rem 0 .25rem;font-weight:700;font-size:.85rem}
body.lily-dash-host .form-table td{padding-bottom:.75rem}
body.lily-dash-host label > input[type=checkbox],body.lily-dash-host label > input[type=radio]{width:auto;min-height:0;accent-color:var(--app-gold);margin-right:6px}

body.lily-dash-host .button,body.lily-dash-host .button-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:40px;padding:.4rem .9rem;border-radius:10px;
  border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-ink);
  font-size:.85rem;font-weight:700;text-shadow:none;box-shadow:none;cursor:pointer;
}
body.lily-dash-host .button-primary{background:var(--app-gold);border-color:var(--app-gold);color:var(--app-on-gold)}
body.lily-dash-host .button-link-delete,body.lily-dash-host .submitdelete{color:var(--app-danger);border-color:transparent;background:transparent}
body.lily-dash-host .button .dashicons{font-size:16px;width:16px;height:16px}

/* Notice */
body.lily-dash-host .notice,body.lily-dash-host .updated,body.lily-dash-host .error{
  background:var(--app-surface);border:1px solid var(--app-line);border-left:3px solid var(--app-gold);
  border-radius:var(--app-radius);padding:10px 12px;margin:0 0 12px;box-shadow:none;color:var(--app-ink);
}
body.lily-dash-host .notice-success{border-left-color:var(--app-ok)}
body.lily-dash-host .notice-error,body.lily-dash-host .error{border-left-color:var(--app-danger)}

/* Chip status */
body.lily-dash-host .lily-state,body.lily-dash-host .lily-progress-badge,body.lily-dash-host .lily-inv-badge{
  display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;
  white-space:nowrap;line-height:1.5;
}

/* ---------- 9. FILTER & PENCARIAN ---------- */
body.lily-dash-host .lily-booking-search{display:flex;gap:8px;margin:0 0 10px}
body.lily-dash-host .lily-booking-search input{flex:1 1 auto;min-width:0}
body.lily-dash-host .lily-booking-search .button{flex:0 0 auto}
body.lily-dash-host .lily-booking-filters,body.lily-dash-host .lily-filter-form,
body.lily-dash-host .lily-calendar-filters{
  display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;
  background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius);padding:10px;margin:0 0 12px;
}
body.lily-dash-host .lily-booking-filters label,body.lily-dash-host .lily-filter-form label,
body.lily-dash-host .lily-calendar-filters label{
  display:flex;flex-direction:column;gap:3px;flex:1 1 140px;min-width:0;font-size:.72rem;font-weight:700;color:var(--app-muted);
}
body.lily-dash-host .lily-booking-filters .button,body.lily-dash-host .lily-filter-form .button{flex:0 0 auto}
body.lily-dash-host .lily-booking-filter-actions{display:flex;gap:8px;flex:1 1 100%}
body.lily-dash-host .lily-booking-filter-actions .button{flex:1 1 0}

/* ---------- 10. KARTU BOOKING ---------- */
body.lily-dash-host .lily-booking-cards{display:grid;grid-template-columns:1fr;gap:12px}
body.lily-dash-host .lily-booking-card{display:flex;flex-direction:column;gap:8px}
body.lily-dash-host .lily-booking-card > div{min-width:0}
body.lily-dash-host .lily-booking-card h3{font-size:1rem;margin:.25rem 0 .1rem}
body.lily-dash-host .lily-booking-card p{font-size:.8rem;line-height:1.5;margin:0;color:var(--app-muted)}
body.lily-dash-host .lily-booking-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.lily-dash-host .lily-booking-card-actions > .button{flex:1 1 calc(50% - 4px);min-width:120px}
body.lily-dash-host .lily-booking-card-actions > form{display:flex;gap:8px;align-items:center;margin:0;min-width:0}
body.lily-dash-host .lily-booking-card-actions > form:not([data-lily-typed-confirm]){flex:1 1 calc(50% - 4px)}
body.lily-dash-host .lily-booking-card-actions > form:not([data-lily-typed-confirm]) .button{width:100%}
body.lily-dash-host .lily-booking-card-actions > form[data-lily-typed-confirm]{flex:1 1 100%}
body.lily-dash-host .lily-booking-card-actions > form[data-lily-typed-confirm] input[type=text]{flex:1 1 auto;min-width:0;max-width:none!important;min-height:38px;font-size:.8rem}
body.lily-dash-host .lily-booking-warnings{background:var(--app-bg);border:1px solid var(--app-line);border-radius:10px;padding:8px 10px;font-size:.78rem}

/* ---------- 11. DATA KLIEN ---------- */
body.lily-dash-host .lily-client-summary-list{display:grid;grid-template-columns:1fr;gap:10px}
body.lily-dash-host .lily-client-summary-card{display:flex;flex-direction:column;gap:8px}
body.lily-dash-host .lily-client-date{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:.8rem;color:var(--app-muted)}
body.lily-dash-host .lily-client-name-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
body.lily-dash-host .lily-client-name-row h3{margin:0;flex:1 1 100%;font-size:1rem}
body.lily-dash-host .lily-client-status-control{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0}
body.lily-dash-host .lily-client-status-control form{margin:0;display:inline-flex}
body.lily-dash-host .lily-confirm-status{min-height:34px;padding:.2rem .8rem;white-space:nowrap}
body.lily-dash-host .lily-prev-status{min-height:34px;padding:.2rem .5rem;flex:0 0 auto}

/* ---------- 12. HUBUNGI FOTOGRAFER ---------- */
body.lily-dash-host .lily-h1-timeline{display:flex;flex-direction:column;gap:8px;margin:8px 0}
body.lily-dash-host .lily-h1-timeline article{
  display:flex;gap:10px;align-items:flex-start;min-width:0;
  background:var(--app-bg);border:1px solid var(--app-line);border-left:3px solid var(--app-gold);border-radius:10px;padding:8px 10px;
}
body.lily-dash-host .lily-h1-timeline article > strong{flex:0 0 auto;font-size:.8rem;white-space:nowrap}
body.lily-dash-host .lily-h1-timeline article > div{min-width:0}
body.lily-dash-host .lily-h1-timeline h3{font-size:.9rem;margin:0}
body.lily-dash-host .lily-h1-timeline p{font-size:.78rem;margin:.15rem 0 0}
body.lily-dash-host .lily-h1-actions{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin-top:10px}
body.lily-dash-host .lily-h1-actions .button{flex:1 1 0;min-width:0;white-space:nowrap}
body.lily-dash-host .lily-h1-actions form{flex:1 1 0;display:flex;margin:0;min-width:0}
body.lily-dash-host .lily-h1-actions form .button{width:100%}
body.lily-dash-host .lily-h1-nowa{flex:1 1 0;font-size:.75rem;color:var(--app-danger);text-align:center}

/* ---------- 13. KALENDER ---------- */
body.lily-dash-host .lily-calendar-navigation{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0 0 10px}
body.lily-dash-host .lily-calendar-navigation h2{margin:0;font-size:1.05rem}
body.lily-dash-host .lily-calendar-navigation-actions{display:flex;gap:6px}
body.lily-dash-host .lily-calendar-navigation-actions .button{padding:.3rem .6rem;min-height:36px}
body.lily-dash-host .lily-calendar-navigation-actions .button span:not(.dashicons){display:none}
body.lily-dash-host .lily-calendar-weekdays{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:0 0 4px;background:transparent;border:0;
}
body.lily-dash-host .lily-calendar-weekdays span{
  text-align:center;font-size:.68rem;font-weight:700;color:var(--app-muted);padding:2px 0;background:transparent;
}
body.lily-dash-host .lily-calendar-grid{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;
  background:var(--app-line);border:1px solid var(--app-line);border-radius:var(--app-radius);overflow:hidden;
}
body.lily-dash-host .lily-calendar-day{
  background:var(--app-surface);min-height:62px;padding:3px;display:flex;flex-direction:column;gap:2px;
  min-width:0;overflow:hidden;cursor:pointer;
}
body.lily-dash-host .lily-calendar-day.is-muted{background:var(--app-bg);opacity:.55}
body.lily-dash-host .lily-calendar-date{
  font-size:.7rem;font-weight:700;color:var(--app-ink);align-self:flex-start;
  min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
}
body.lily-dash-host .lily-calendar-day.is-today .lily-calendar-date{background:var(--app-gold);color:var(--app-on-gold)}
body.lily-dash-host .lily-cal-bars{display:flex;flex-direction:column;gap:2px;min-width:0}
body.lily-dash-host .lily-cal-bar{
  font-size:.58rem;line-height:1.3;color:#fff;border-radius:3px;padding:1px 3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
body.lily-dash-host .lily-cal-more{font-size:.58rem;font-weight:700;color:var(--app-muted);padding-left:3px}

/* ---------- 14. EDIT PER-FIELD (detail booking) ---------- */
body.lily-dash-host .lily-detail-single{margin:0 0 16px}
body.lily-dash-host label.lily-pf{display:block;margin:0 0 8px}
body.lily-dash-host .lily-pf__view{
  display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0;
  padding:9px 12px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-bg);
}
body.lily-dash-host .lily-pf__label{flex:0 0 auto;font-size:.75rem;font-weight:700;color:var(--app-muted)}
body.lily-dash-host .lily-pf__value{flex:1 1 auto;min-width:0;text-align:right;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lily-dash-host .lily-pf__edit{flex:0 0 auto;border:0;background:transparent;color:var(--app-gold);font-weight:800;font-size:.8rem;cursor:pointer;padding:4px 6px;border-radius:8px}
body.lily-dash-host .lily-pf.is-editing .lily-pf__view{display:none}
body.lily-dash-host .lily-pf:not(.is-editing) .lily-pf__input-wrap{display:none}

/* ---------- 15. FORM TAMBAH BOOKING ---------- */
body.lily-dash-host .lily-create-fields{border:1px solid var(--app-line);border-radius:var(--app-radius);padding:14px;margin:0 0 12px}
body.lily-dash-host .lily-create-fields legend{font-weight:800;padding:0 6px;font-size:.85rem;color:var(--app-ink)}
body.lily-dash-host .lily-create-fields > label{display:block;margin:0 0 10px;font-size:.8rem;font-weight:700;color:var(--app-muted)}
body.lily-dash-host .lily-create-fields > label > span{color:var(--app-danger)}
body.lily-dash-host .lily-time-row{display:flex;gap:8px;align-items:center;margin:0 0 10px}
body.lily-dash-host .lily-time-row select{flex:1 1 0;min-width:0}
body.lily-dash-host .lily-square-check{display:flex;align-items:center;gap:8px;font-weight:600}

/* ---------- 16. GRID UMUM (akun klien, leads, portal, submission) ---------- */
body.lily-dash-host .lily-admin-grid,body.lily-dash-host .lily-hub-grid,
body.lily-dash-host .lily-dashboard-cards,body.lily-dash-host .lily-mobile-cards,
body.lily-dash-host .lily-crew-card-grid,body.lily-dash-host .lily-settings-grid{
  display:grid;grid-template-columns:1fr;gap:12px;
}
body.lily-dash-host .lily-submission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
body.lily-dash-host .lily-submission-item img,body.lily-dash-host .lily-thumb-placeholder{width:100%;height:auto;display:block;border-radius:8px}
body.lily-dash-host .lily-action-row,body.lily-dash-host .lily-credential-actions,body.lily-dash-host .lily-crew-actions{
  display:flex;flex-wrap:wrap;gap:8px;
}
body.lily-dash-host .lily-action-row .button,body.lily-dash-host .lily-credential-actions .button,
body.lily-dash-host .lily-crew-actions .button{flex:1 1 auto}
body.lily-dash-host .lily-readonly-stat{
  display:block;background:var(--app-bg);border:1px solid var(--app-line);border-radius:10px;
  padding:8px 10px;margin:0 0 8px;font-size:.8rem;
}
body.lily-dash-host .lily-client-credential-form{display:none}   /* dibuka via popup */
body.lily-dash-host .lily-acc-edit-btn{margin-top:8px}

/* ---------- 17. POPUP / SHEET ---------- */
.lilyapp-sheet-backdrop,.lily-modal-backdrop,.lily-acc-modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9995;opacity:0;pointer-events:none;transition:opacity .2s;
}
.lilyapp-sheet-backdrop.is-open,.lily-modal-backdrop.is-open,.lily-acc-modal-backdrop.is-open{opacity:1;pointer-events:auto}
.lilyapp-sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:9996;max-height:80vh;overflow:auto;
  visibility:hidden;pointer-events:none;
  background:var(--app-surface);color:var(--app-ink);border-radius:18px 18px 0 0;
  box-shadow:0 -8px 30px rgba(0,0,0,.28);transform:translateY(100%);transition:transform .26s cubic-bezier(.22,1,.36,1);
  padding:10px 14px calc(18px + env(safe-area-inset-bottom,0px));
}
.lilyapp-sheet.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}
.lilyapp-sheet__grip{width:40px;height:4px;border-radius:99px;background:var(--app-line);margin:6px auto 12px}
.lilyapp-sheet h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--app-muted);margin:0 0 10px}
.lilyapp-sheet__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lilyapp-sheet__link{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;
  min-height:80px;padding:10px 6px;border:1px solid var(--app-line);border-radius:10px;
  background:var(--app-bg);color:var(--app-ink);text-decoration:none;font-size:.7rem;font-weight:700;line-height:1.25;
}
.lilyapp-sheet__link .dashicons{font-size:20px;width:20px;height:20px;color:var(--app-gold)}

.lily-modal,.lily-acc-modal{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9997;
  width:min(94vw,520px);max-height:86vh;overflow:auto;padding:18px;
  background:var(--app-surface);color:var(--app-ink);border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.32);display:none;
}
.lily-modal.is-open,.lily-acc-modal.is-open{display:block}
.lily-modal h4,.lily-acc-modal h4{margin:0 2rem .7rem 0;font-size:1rem}
.lily-modal__close,.lily-acc-modal__close{
  position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--app-muted);
}
.lily-modal pre{background:var(--app-bg);border-radius:10px;padding:12px;font-size:.78rem;line-height:1.5;margin:0}
.lily-modal .lily-client-credential-form,.lily-acc-modal .lily-client-credential-form{display:block}

/* ============================================================
   TABLET (≥768px)
   ============================================================ */
@media (min-width:768px){
  body.lily-dash-host .wrap{max-width:720px;padding:0 20px}
  body.lily-dash-host .lily-booking-cards,
  body.lily-dash-host .lily-client-summary-list,
  body.lily-dash-host .lily-admin-grid,body.lily-dash-host .lily-hub-grid,
  body.lily-dash-host .lily-dashboard-cards,body.lily-dash-host .lily-crew-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.lily-dash-host .lily-calendar-day{min-height:82px;padding:5px}
  body.lily-dash-host .lily-calendar-date{font-size:.8rem;min-width:22px;height:22px}
  body.lily-dash-host .lily-cal-bar{font-size:.68rem;padding:1px 5px}
  body.lily-dash-host .lily-calendar-weekdays span{font-size:.78rem}
  body.lily-dash-host .lily-calendar-navigation-actions .button span:not(.dashicons){display:inline}
}

/* ============================================================
   DESKTOP (≥1024px) — sidebar, terasa aplikasi desktop
   ============================================================ */
@media (min-width:1024px){
  .lilyapp-top{padding:0 22px}
  .lilyapp-nav{
    top:var(--app-top);bottom:0;left:0;right:auto;width:var(--app-side);height:auto;
    flex-direction:column;justify-content:flex-start;gap:2px;padding:14px 10px;
    border-top:0;border-right:1px solid var(--app-line);
  }
  .lilyapp-navitem{
    flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:12px;width:100%;
    padding:11px 14px;border-radius:10px;font-size:.88rem;
  }
  .lilyapp-navitem .dashicons{font-size:19px;width:19px;height:19px}
  .lilyapp-navitem.is-active{background:color-mix(in srgb,var(--app-gold) 15%,transparent)}
  body.lily-dash-host #wpbody-content{
    padding-left:var(--app-side);padding-top:calc(var(--app-top) + 18px);padding-bottom:40px;
  }
  body.lily-dash-host .wrap{max-width:none;width:100%;margin:0!important;padding:0 32px}
  body.lily-dash-host .lily-booking-cards,
  body.lily-dash-host .lily-client-summary-list,
  body.lily-dash-host .lily-admin-grid,body.lily-dash-host .lily-hub-grid,
  body.lily-dash-host .lily-dashboard-cards,body.lily-dash-host .lily-crew-card-grid{
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  }
  body.lily-dash-host .lily-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  body.lily-dash-host .lily-detail-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
  body.lily-dash-host .lily-calendar-day{min-height:108px;padding:6px}
  body.lily-dash-host .lily-cal-bar{font-size:.72rem;padding:2px 6px}
  body.lily-dash-host .lily-submission-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .lilyapp-sheet{
    left:50%;bottom:auto;top:50%;width:min(820px,90vw);border-radius:16px;max-height:82vh;
    transform:translate(-50%,-50%) scale(.96);opacity:0;transition:transform .2s,opacity .2s;
  }
  .lilyapp-sheet.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto}
  .lilyapp-sheet__grid{grid-template-columns:repeat(5,1fr)}
}

/* ============================================================
   LOGIN
   ============================================================ */
body.login.lily-dash-host{background:#f5f2ec}
body.login.lily-dash-host #login{width:min(92vw,360px);padding-top:7vh}
body.login.lily-dash-host h1 a{
  background-image:none!important;width:auto;height:auto;text-indent:0;overflow:visible;
  font-size:1.5rem;font-weight:800;color:#1c1a17;line-height:1.2;
}
body.login.lily-dash-host h1 a::after{content:"Lily Dashboard"}
body.login.lily-dash-host #loginform{
  background:#fff;border:1px solid #e6dfd2;border-radius:16px;padding:20px 18px;box-shadow:0 16px 40px rgba(60,48,26,.1);
}
body.login.lily-dash-host #loginform label{color:#4b463d;font-weight:600}
body.login.lily-dash-host #loginform input[type=text],
body.login.lily-dash-host #loginform input[type=password]{
  border:1px solid #ddd4c2;border-radius:10px;font-size:16px;min-height:44px;padding:.55rem .75rem;
}
body.login.lily-dash-host #wp-submit{
  width:100%;min-height:44px;border-radius:10px!important;font-weight:700;
  background:#a9905f!important;border-color:#a9905f!important;box-shadow:none;text-shadow:none;
}
body.login.lily-dash-host #nav,body.login.lily-dash-host #backtoblog{text-align:center}
body.login.lily-dash-host #nav a,body.login.lily-dash-host #backtoblog a{color:#7c6636}
body.login.lily-dash-host .language-switcher{display:none}

/* ---------- 18. BOTTOM-SHEET DETAIL HARI (kalender) ---------- */
.lily-cal-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9995;opacity:0;pointer-events:none;transition:opacity .2s}
.lily-cal-sheet-backdrop.is-open{opacity:1;pointer-events:auto}
.lily-cal-sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:9996;max-height:78vh;overflow:auto;
  visibility:hidden;pointer-events:none;
  background:var(--app-surface);color:var(--app-ink);border-radius:18px 18px 0 0;
  box-shadow:0 -8px 30px rgba(0,0,0,.28);transform:translateY(100%);
  transition:transform .26s cubic-bezier(.22,1,.36,1);
  padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));
}
.lily-cal-sheet.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}
.lily-cal-sheet__grip{width:40px;height:4px;border-radius:99px;background:var(--app-line);margin:6px auto 12px;cursor:pointer}
.lily-cal-sheet h3{margin:0 0 10px;font-size:1rem}
.lily-cal-ev{
  display:block;border:1px solid var(--app-line);border-left:3px solid var(--app-gold);border-radius:10px;
  padding:10px 12px;margin:0 0 8px;text-decoration:none;color:var(--app-ink);background:var(--app-bg);
}
.lily-cal-ev .t{font-weight:700;font-size:.88rem;display:block}
.lily-cal-ev small{display:block;color:var(--app-muted);font-size:.76rem;margin-top:2px}
.lily-cal-sheet__empty{color:var(--app-muted);font-size:.85rem;padding:6px 0 14px}
@media (min-width:1024px){
  .lily-cal-sheet{left:50%;bottom:auto;top:50%;width:min(560px,90vw);border-radius:14px;transform:translate(-50%,-46%);opacity:0;transition:transform .2s,opacity .2s}
  .lily-cal-sheet.is-open{transform:translate(-50%,-50%);opacity:1;visibility:visible;pointer-events:auto}
}

/* ---------- 19. NOTIFIKASI ---------- */
.lilyapp-bell{position:relative}
.lilyapp-bell-dot{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#c0392b;color:#fff;border-radius:99px;font-size:.62rem;font-weight:800;line-height:1;
}
.lily-notif-list{display:flex;flex-direction:column;gap:8px}
.lily-notif{
  display:block;text-decoration:none;color:var(--app-ink);background:var(--app-bg);
  border:1px solid var(--app-line);border-left:3px solid var(--app-line);border-radius:10px;padding:10px 12px;
}
.lily-notif.is-info{border-left-color:var(--app-gold)}
.lily-notif.is-warning{border-left-color:#b8860b}
.lily-notif.is-urgent{border-left-color:#c0392b}
.lily-notif.is-unread{background:color-mix(in srgb,var(--app-gold) 10%,var(--app-surface))}
.lily-notif__title{display:block;font-weight:700;font-size:.88rem}
.lily-notif small{display:block;color:var(--app-muted);font-size:.76rem;margin-top:2px}
.lily-notif__time{opacity:.75}
.lily-notif-empty{color:var(--app-muted);font-size:.85rem;padding:8px 0}
.lily-notif-panel{width:min(94vw,440px)}

/* Item sidebar khusus desktop */
.lilyapp-desk-only{display:none}
@media (min-width:1024px){ .lilyapp-desk-only{display:flex} }

/* ---------- 20. LOGIN: logo + sambutan ---------- */
body.login.lily-dash-host #login h1{margin-bottom:6px}
body.login.lily-dash-host .lily-login-logo{display:block;margin:0 auto 10px;max-width:150px;height:auto}
body.login.lily-dash-host .lily-login-welcome{
  text-align:center;margin:0 0 16px;font-size:.92rem;line-height:1.5;color:#4b463d;font-weight:600;
}


/* ---------- 21. DARK MODE: keterbacaan menyeluruh ---------- */
html[data-lily-admin-theme="dark"] body.lily-dash-host .lily-beginner-notice,
body[data-lily-admin-theme="dark"] body.lily-dash-host .lily-beginner-notice,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-beginner-notice{
  background:var(--app-surface)!important;border-color:var(--app-line)!important;
}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-beginner-notice p,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-beginner-notice strong{color:var(--app-ink)!important}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-beginner-notice li,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-beginner-notice ol{color:var(--app-muted)!important}
/* Teks umum yang sering ditimpa gaya lama */
body[data-lily-admin-theme="dark"].lily-dash-host,
body[data-lily-admin-theme="dark"].lily-dash-host p,
body[data-lily-admin-theme="dark"].lily-dash-host li,
body[data-lily-admin-theme="dark"].lily-dash-host td,
body[data-lily-admin-theme="dark"].lily-dash-host th,
body[data-lily-admin-theme="dark"].lily-dash-host label,
body[data-lily-admin-theme="dark"].lily-dash-host h1,
body[data-lily-admin-theme="dark"].lily-dash-host h2,
body[data-lily-admin-theme="dark"].lily-dash-host h3,
body[data-lily-admin-theme="dark"].lily-dash-host h4,
body[data-lily-admin-theme="dark"].lily-dash-host strong{color:var(--app-ink)!important}
body[data-lily-admin-theme="dark"].lily-dash-host .description,
body[data-lily-admin-theme="dark"].lily-dash-host small,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-page-intro{color:var(--app-muted)!important}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-booking-warnings,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-project-warning,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-readonly-stat{
  background:#242628!important;border-color:var(--app-line)!important;color:var(--app-ink)!important;
}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-booking-warnings *,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-project-warning *{color:var(--app-ink)!important}
body[data-lily-admin-theme="dark"].lily-dash-host input,
body[data-lily-admin-theme="dark"].lily-dash-host select,
body[data-lily-admin-theme="dark"].lily-dash-host textarea{
  background:#17191a!important;color:var(--app-ink)!important;border-color:#4a5152!important;
}
body[data-lily-admin-theme="dark"].lily-dash-host .button:not(.button-primary){
  background:#2b2f30!important;color:var(--app-ink)!important;border-color:#4a5152!important;
}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-scroll-x th{background:#202324!important;color:var(--app-muted)!important}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-scroll-x,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-table-scroll{background:var(--app-surface)!important}

/* ---------- 22. LOGIN: logo & sambutan DI ATAS ---------- */
body.login.lily-dash-host #login h1{display:none}          /* hilangkan "Dipersembahkan oleh WordPress" */
body.login.lily-dash-host .lily-login-head{text-align:center;margin:0 0 18px}
body.login.lily-dash-host .lily-login-head img{display:block;margin:0 auto 10px;max-width:170px;height:auto}
body.login.lily-dash-host .lily-login-head p{margin:0;font-size:1rem;font-weight:700;color:#4b463d;line-height:1.4}

/* ---------- 23. KARTU DATA KLIEN (dipakai menu Client) ---------- */
body.lily-dash-host .lily-client-date{justify-content:flex-end;text-align:right;width:100%}
body.lily-dash-host .lily-client-note{
  background:var(--app-bg);border:1px solid var(--app-line);border-left:3px solid var(--app-gold);
  border-radius:10px;padding:8px 10px;margin:8px 0 0;
}
body.lily-dash-host .lily-client-note strong{font-size:.78rem;display:block;margin-bottom:2px}
body.lily-dash-host .lily-client-note ul{margin:0;padding-left:1.1rem}
body.lily-dash-host .lily-client-note li{font-size:.76rem;line-height:1.4;color:var(--app-muted)}
body.lily-dash-host .lily-client-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
body.lily-dash-host .lily-client-actions .button{min-height:38px}
body.lily-dash-host .lily-client-actions > a:first-child{flex:1 1 auto}
/* Dua tombol invoice di TENGAH, ikon dibedakan agar tidak salah klik */
body.lily-dash-host .lily-inv-view,body.lily-dash-host .lily-inv-edit{flex:0 0 auto;width:42px;padding:0;justify-content:center}
body.lily-dash-host .lily-inv-view{background:color-mix(in srgb,var(--app-gold) 14%,var(--app-surface));border-color:var(--app-gold)}
body.lily-dash-host .lily-inv-view .dashicons{color:var(--app-gold)}
body.lily-dash-host .lily-inv-edit{background:color-mix(in srgb,#3a6ea5 14%,var(--app-surface));border-color:#3a6ea5}
body.lily-dash-host .lily-inv-edit .dashicons{color:#3a6ea5}
body.lily-dash-host .lily-wa-icon{flex:0 0 auto;width:42px;padding:0;justify-content:center;background:#25d366;border-color:#25d366}
body.lily-dash-host .lily-wa-icon .dashicons{color:#fff}

/* ---------- 24. TABEL: geser dari mana saja (tanpa scroll ke bawah) ---------- */
body.lily-dash-host .lily-scroll-x{
  scrollbar-width:thin;overscroll-behavior-x:contain;cursor:grab;position:relative;
}
body.lily-dash-host .lily-scroll-x.is-grabbing{cursor:grabbing;user-select:none}
body.lily-dash-host .lily-scroll-x::-webkit-scrollbar{height:10px}
body.lily-dash-host .lily-scroll-x::-webkit-scrollbar-thumb{background:var(--app-line);border-radius:99px}
body.lily-dash-host .lily-scroll-x::-webkit-scrollbar-track{background:transparent}
/* Batasi tinggi agar bilah geser selalu terlihat pada daftar panjang */
@media (min-width:768px){
  body.lily-dash-host .lily-scroll-x{max-height:72vh;overflow-y:auto}
  body.lily-dash-host .lily-scroll-x th{position:sticky;top:0;z-index:2}
}

/* ---------- 25. DARK MODE: semua latar container ikut berubah ---------- */
body[data-lily-admin-theme="dark"].lily-dash-host .lily-admin-panel,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-card,
body[data-lily-admin-theme="dark"].lily-dash-host .card,
body[data-lily-admin-theme="dark"].lily-dash-host .postbox,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-hub-card,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-mobile-card,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-crew-card,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-dashboard-card,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-submission-item,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-client-summary-card,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-booking-card,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-h1-group,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-client-note,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-booking-filters,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-filter-form,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-calendar-filters,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-create-fields,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-pf__view,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-h1-timeline article,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-calendar-day,
body[data-lily-admin-theme="dark"].lily-dash-host .notice,
body[data-lily-admin-theme="dark"].lily-dash-host .updated{
  background:var(--app-surface)!important;border-color:var(--app-line)!important;color:var(--app-ink)!important;
}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-calendar-day.is-muted{background:var(--app-bg)!important}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-calendar-grid{background:var(--app-line)!important;border-color:var(--app-line)!important}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-pf__view,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-h1-timeline article,
body[data-lily-admin-theme="dark"].lily-dash-host .lily-client-note{background:#242628!important}

/* ---------- 26. MUTASI KEUANGAN ---------- */
body.lily-dash-host .lily-mutasi-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
body.lily-dash-host .lily-mutasi-sum > div{background:var(--app-bg);border:1px solid var(--app-line);border-radius:10px;padding:10px 12px;min-width:0}
body.lily-dash-host .lily-mutasi-sum span{display:block;font-size:.72rem;color:var(--app-muted)}
body.lily-dash-host .lily-mutasi-sum strong{font-size:.95rem;display:block;margin-top:2px;overflow-wrap:anywhere}
body.lily-dash-host .lily-mutasi-sum .is-in{color:#2e7d32}
body.lily-dash-host .lily-mutasi-sum .is-out{color:#b3261e}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-mutasi-sum > div{background:#242628!important}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-mutasi-sum .is-in{color:#a6d6aa}
body[data-lily-admin-theme="dark"].lily-dash-host .lily-mutasi-sum .is-out{color:#f2b8b5}
@media (max-width:640px){ body.lily-dash-host .lily-mutasi-sum{grid-template-columns:1fr} }

/* ---------- 27. HUBUNGI FOTOGRAFER: kartu per fotografer per tanggal ---------- */
body.lily-dash-host .lily-h1-date{margin:.1rem 0 .2rem;font-size:.82rem;color:var(--app-gold)}
body.lily-dash-host .lily-h1-group{border-left:3px solid var(--app-gold)}
body.lily-dash-host .lily-detail-heading{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
body.lily-dash-host .lily-detail-heading > div{min-width:0;flex:1 1 auto}
@media (min-width:1024px){
  body.lily-dash-host .lily-h1 .lily-h1-group{display:inline-block;width:calc(50% - 8px);vertical-align:top;margin-right:8px}
}

/* ---------- 28. POPUP KONFIRMASI PEMBAYARAN ---------- */
.lily-pay-modal{width:min(94vw,420px)}
.lily-pay-sub{margin:0 0 12px;font-size:.82rem;color:var(--app-muted)}
.lily-pay-field{display:block;font-size:.8rem;font-weight:700;color:var(--app-muted);margin:0 0 12px}
.lily-pay-field input{margin-top:4px}
.lily-pay-check{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;font-weight:600;margin:0 0 10px;line-height:1.4}
.lily-pay-check input{margin-top:2px;flex:0 0 auto}
.lily-pay-info{font-size:.78rem;line-height:1.5;color:var(--app-ink);background:var(--app-bg);border:1px solid var(--app-line);border-radius:10px;padding:9px 11px;margin:4px 0 14px;min-height:1px}
.lily-pay-actions{display:flex;gap:8px;justify-content:flex-end}
.lily-pay-actions .button{min-width:100px}
body[data-lily-admin-theme="dark"] .lily-pay-info{background:#242628!important}

/* ---------- 29. MUTASI: keterangan bisa diklik + sorot invoice tujuan ---------- */
body.lily-dash-host .lily-mut-link{display:block;color:inherit;text-decoration:none}
body.lily-dash-host a.lily-mut-link:hover strong{color:var(--app-gold);text-decoration:underline}
body.lily-dash-host .lily-mutasi-table td{white-space:normal}
body.lily-dash-host .lily-invoice-row:target{
  outline:2px solid var(--app-gold);outline-offset:-2px;
  background:color-mix(in srgb,var(--app-gold) 14%,transparent);
}

/* Sub-menu di bawah "Client" (hanya desktop) */
@media (min-width:1024px){
  .lilyapp-navitem.lilyapp-subitem{padding-left:34px;font-size:.82rem;opacity:.92}
  .lilyapp-navitem.lilyapp-subitem .dashicons{font-size:17px;width:17px;height:17px}
}
