/*
 * Lily Graduation — Dashboard App Shell (v1.0.39)
 * Aplikasi mobile: header ramping + bottom-nav. Memakai token tema yang sudah
 * ada (--lily-admin-*) sehingga dark/light otomatis konsisten (satu sistem).
 */
:root{ --lilyapp-gold:#a9905f; --lilyapp-on-gold:#fff; --lilyapp-top-h:52px; --lilyapp-nav-h:62px; }
body[data-lily-admin-theme="dark"]{ --lilyapp-gold:#c9ad76; --lilyapp-on-gold:#20180c; }

/* ---------- Kerangka ---------- */
body.lily-dash-host #wpcontent{padding-left:0!important;}
body.lily-dash-host #wpbody-content{
  padding-top:calc(var(--lilyapp-top-h) + 10px)!important;
  padding-bottom:calc(var(--lilyapp-nav-h) + env(safe-area-inset-bottom,0px) + 20px)!important;
}
body.lily-dash-host .wrap{margin:12px 12px 0!important;max-width:900px;}
/* Sisa toolbar lama tak dipakai */
body.lily-dash-host .lily-app-toolbar,
body.lily-dash-host .lily-app-nav{display:none!important;}

/* ---------- Header ramping ---------- */
.lilyapp-top{
  position:fixed;top:0;left:0;right:0;height:var(--lilyapp-top-h);z-index:99990;
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;
  background:var(--lily-admin-panel,#fff);color:var(--lily-admin-text,#1c1a17);
  border-bottom:1px solid var(--lily-admin-line,#e5ded1);
}
.lilyapp-brand{font-weight:800;letter-spacing:-.01em;font-size:1rem;}
.lilyapp-top-actions{display:flex;align-items:center;gap:6px;}
.lilyapp-ic{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;
  border:1px solid var(--lily-admin-line,#e5ded1);background:var(--lily-admin-bg,#faf8f4);
  color:var(--lily-admin-text,#1c1a17);text-decoration:none;cursor:pointer;
}
.lilyapp-ic .dashicons{font-size:19px;width:19px;height:19px;line-height:19px;}
.lilyapp-ic:hover{border-color:var(--lilyapp-gold);color:var(--lilyapp-gold);}

/* ---------- Bottom nav ---------- */
.lilyapp-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:99990;
  height:calc(var(--lilyapp-nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);
  display:flex;background:var(--lily-admin-panel,#fff);border-top:1px solid var(--lily-admin-line,#e5ded1);
  box-shadow:0 -2px 16px rgba(0,0,0,.06);
}
.lilyapp-navitem{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  border:0;background:transparent;cursor:pointer;text-decoration:none;
  color:var(--lily-admin-muted,#7a7365);font-size:.66rem;font-weight:700;-webkit-tap-highlight-color:transparent;
}
.lilyapp-navitem .dashicons{font-size:22px;width:22px;height:22px;}
.lilyapp-navitem.is-active{color:var(--lilyapp-gold);}
@media (min-width:900px){
  .lilyapp-nav{max-width:520px;left:50%;transform:translateX(-50%);border-radius:16px 16px 0 0;}
  .lilyapp-top{padding-left:max(14px,calc(50% - 440px));padding-right:max(14px,calc(50% - 440px));}
}

/* ---------- Bottom-sheet "Pengaturan" (semua menu) ---------- */
.lilyapp-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99991;opacity:0;pointer-events:none;transition:opacity .2s;}
.lilyapp-sheet-backdrop.is-open{opacity:1;pointer-events:auto;}
.lilyapp-sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:99992;max-height:82vh;overflow:auto;
  background:var(--lily-admin-panel,#fff);color:var(--lily-admin-text,#1c1a17);
  border-radius:20px 20px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.3);
  transform:translateY(100%);transition:transform .26s cubic-bezier(.22,1,.36,1);
  padding:10px 14px calc(20px + env(safe-area-inset-bottom,0px));
}
.lilyapp-sheet.is-open{transform:translateY(0);}
.lilyapp-sheet__grip{width:42px;height:5px;border-radius:99px;background:var(--lily-admin-line,#ddd);margin:6px auto 12px;}
.lilyapp-sheet h3{margin:.2rem 0 .7rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lily-admin-muted,#888);}
.lilyapp-sheet__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.lilyapp-sheet__link{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;
  padding:14px 6px;border:1px solid var(--lily-admin-line,#e5ded1);border-radius:14px;
  background:var(--lily-admin-bg,#faf8f4);color:var(--lily-admin-text,#1c1a17);text-decoration:none;font-size:.72rem;font-weight:700;
}
.lilyapp-sheet__link .dashicons{font-size:23px;width:23px;height:23px;color:var(--lilyapp-gold);}

/* ============================================================
   DAFTAR RINGKAS (booking/client): search panjang di atas,
   filter menyamping, kartu ringkas (2 kolom di layar lebih lebar).
   ============================================================ */
body.lily-dash-host .lily-booking-search{width:100%;margin-bottom:10px;}
body.lily-dash-host .lily-booking-search input{width:100%;}
body.lily-dash-host .lily-booking-filters,
body.lily-dash-host .lily-filter-form{
  display:flex;flex-wrap:nowrap;align-items:flex-end;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
body.lily-dash-host .lily-booking-filters > *,
body.lily-dash-host .lily-filter-form > *{flex:0 0 auto;min-width:0;}
body.lily-dash-host .lily-booking-filters label,
body.lily-dash-host .lily-filter-form label{display:flex;flex-direction:column;font-size:.7rem;gap:3px;}
body.lily-dash-host .lily-booking-filters select,
body.lily-dash-host .lily-booking-filters input,
body.lily-dash-host .lily-filter-form select,
body.lily-dash-host .lily-filter-form input{min-height:40px;padding:.4rem .55rem;font-size:14px;}
body.lily-dash-host .lily-booking-cards{
  display:grid;grid-template-columns:1fr;gap:10px;
}
@media (min-width:560px){
  body.lily-dash-host .lily-booking-cards{grid-template-columns:1fr 1fr;}
}
body.lily-dash-host .lily-booking-card{margin:0;padding:12px 14px;}
body.lily-dash-host .lily-booking-card h3,
body.lily-dash-host .lily-booking-card strong{font-size:1rem;}
body.lily-dash-host .lily-booking-card-actions .button{min-height:40px;}

/* ============================================================
   LOGIN KUSTOM (bukan layout wp-admin)
   ============================================================ */
body.login.lily-dash-host{background:#faf8f4;}
body.login.lily-dash-host #login{width:min(92vw,360px);padding-top:8vh;}
body.login.lily-dash-host h1 a{
  background-image:none!important;width:auto;height:auto;text-indent:0;line-height:1.1;
  font-size:1.6rem;font-weight:800;color:#1c1a17;overflow:visible;
}
body.login.lily-dash-host h1 a::after{content:"Lily Dashboard";}
body.login.lily-dash-host #loginform{
  border:1px solid #e5ded1;border-radius:18px;box-shadow:0 16px 40px rgba(60,48,26,.1);
  padding:22px 20px;background:#fff;
}
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 #d6cdba;border-radius:11px;font-size:16px;padding:.7rem .8rem;min-height:46px;
}
body.login.lily-dash-host #wp-submit{
  background:#a9905f!important;border-color:#a9905f!important;border-radius:11px!important;
  min-height:46px;font-weight:700;box-shadow:none;text-shadow:none;width:100%;
}
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;}