.calendar-container{
  margin-top:var(--space-5);
  padding:var(--space-5);
  border:1px solid var(--border);
  border-radius:var(--r-3);
  background:var(--gradient-panel),var(--card-strong);
  box-shadow:var(--shadow-2);
}

.pricing-model{
  display:grid;
  gap:var(--space-2);
}
.pricing-model__row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-3);
  padding:var(--space-2) 0;
  border-bottom:1px solid var(--border);
}
.pricing-model__row:last-child{border-bottom:none}
.pricing-model__row span{
  text-align:right;
  font-weight:600;
}
.pricing-model__sub{
  margin:0;
  font-size:var(--step--1);
}

.quick-estimate{
  border:1px solid var(--border);
  border-radius:var(--r-1);
  background:var(--surface-tint);
  padding:var(--space-3);
  margin-bottom:var(--space-3);
}
.quick-request-form .field{
  margin-bottom:var(--space-3);
}
.quick-request-form .field__label{
  margin-bottom:.28rem;
  font-size:.74rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.quick-request-form .field__input{
  min-height:46px;
  border-radius:var(--r-2);
  border-color:color-mix(in srgb, var(--border) 74%, var(--ink) 8%);
  background:linear-gradient(180deg, color-mix(in srgb, var(--surface-tint) 84%, transparent), var(--card));
  font-weight:600;
}
.quick-request-form select.field__input{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:2.35rem;
  background-image:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-tint) 84%, transparent), var(--card)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.25 5.25L7 9L10.75 5.25' stroke='%23cdd7e3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat, no-repeat;
  background-position:0 0, right .8rem center;
  background-size:auto, 14px 14px;
}
.quick-request-form select.field__input option{
  background:var(--card-strong);
  color:var(--ink);
}
.theme-light .quick-request-form select.field__input{
  background-image:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-tint) 84%, transparent), var(--card)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.25 5.25L7 9L10.75 5.25' stroke='%23394c63' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.date-parts{
  display:grid;
  grid-template-columns:minmax(0,.9fr) auto minmax(0,.9fr) auto minmax(0,1.35fr);
  align-items:center;
  gap:.45rem;
  min-height:46px;
  padding:.3rem .5rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:linear-gradient(180deg, color-mix(in srgb, var(--surface-tint) 88%, transparent), var(--card));
}
.date-parts:focus-within{
  border-color:var(--border-strong);
  box-shadow:0 0 0 3px var(--accent-soft);
}
.date-parts__input{
  width:100%;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--ink);
  font-family:var(--font-display);
  font-size:clamp(.94rem, 1.15vw, 1.04rem);
  font-weight:700;
  letter-spacing:.03em;
  text-align:center;
  padding:.18rem .18rem;
}
.date-parts__input::placeholder{
  color:color-mix(in srgb, var(--muted) 82%, transparent);
}
.date-parts__input--year{
  letter-spacing:.05em;
}
.date-parts__sep{
  color:var(--muted);
  font-family:var(--font-display);
  font-weight:700;
}
.quick-estimate__line{margin:.25rem 0;color:var(--muted)}
.quick-estimate__total{
  margin:.15rem 0;
  font-family:var(--font-display);
  font-size:var(--step-2);
  font-weight:700;
}
.quick-estimate__note{margin:0;font-size:var(--step--1)}
@media (max-width:640px){
  .date-parts{
    grid-template-columns:minmax(0,.95fr) auto minmax(0,.95fr) auto minmax(0,1.15fr);
    gap:.35rem;
    padding:.24rem .42rem;
  }
  .date-parts__input{
    font-size:.96rem;
    padding:.16rem .14rem;
  }
}

.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}
.calendar-label{font-size:var(--step-2);font-family:var(--font-display);font-weight:700;margin:0}
.calendar-subtitle{margin:0;color:var(--muted);font-size:var(--step--1)}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;color:var(--muted);margin-bottom:var(--space-2)}
.calendar-weekdays span{padding:var(--space-1);font-size:var(--step--1);letter-spacing:.04em}
.calendar-mode{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 var(--space-2)}
.calendar-mode__btn{
  border:1px solid var(--border);
  background:var(--card);
  color:var(--ink);
  border-radius:999px;
  padding:.2rem .7rem;
  font-size:var(--step--1);
  cursor:pointer;
}
.calendar-mode__btn.is-active{
  border-color:var(--border-strong);
  background:var(--surface-hover);
  font-weight:700;
}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}

.calendar-day{
  min-height:110px;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  padding:var(--space-2);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  background:var(--card);
  position:relative;
  transition:border .2s ease,box-shadow .2s ease,transform .2s ease;
  cursor:pointer;
}
.calendar-day__number{font-weight:700;font-family:var(--font-display)}
.calendar-day__meta{font-size:var(--step--1);display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);color:var(--muted)}
.calendar-day__city{font-weight:600;color:var(--ink)}
.calendar-day__layers{display:flex;flex-wrap:wrap;gap:4px}
.calendar-layer{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:1px 6px;
  font-size:.65rem;
  line-height:1.35;
  border:1px solid var(--border);
  background:var(--surface-hover);
  color:var(--ink);
}
.calendar-layer--pet_sitting{
  border-color:rgba(223,105,105,.5);
  background:rgba(223,105,105,.15);
}
.calendar-layer--walk_checkin{
  border-color:rgba(231,176,67,.55);
  background:rgba(231,176,67,.16);
}
.calendar-layer--general{
  border-color:rgba(38,193,143,.45);
  background:rgba(38,193,143,.14);
}
.calendar-day small{color:var(--muted);font-size:var(--step--1)}
.calendar-day--pad{border-style:dashed;background:transparent}
.calendar-day--free{border-color:rgba(38,193,143,.45)}
.calendar-day--partial{border-color:rgba(231,176,67,.52);background:rgba(231,176,67,.11)}
.calendar-day--booked{border-color:rgba(223,105,105,.48);background:rgba(223,105,105,.11)}
.calendar-pill{background:var(--surface-hover);border-radius:999px;padding:0 .35rem;font-size:var(--step--1);border:1px solid var(--border)}
.calendar-legend{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);font-size:var(--step--1);color:var(--muted)}
.calendar-legend__item{display:flex;align-items:center;gap:var(--space-1)}
.calendar-legend__item span:first-child{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.calendar-status{margin-top:var(--space-2);font-size:var(--step--1);color:var(--muted)}
.calendar-header .btn{transition:background .2s ease,color .2s ease;border-radius:var(--r-1)}
.calendar-header .btn:hover{background:var(--surface-hover)}
.calendar-day:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}

.availability__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}
.availability__header h1{margin:0}

.gallery-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gallery-card{margin:0;display:flex;flex-direction:column;border-radius:var(--r-2);overflow:hidden;border:1px solid var(--border);background:var(--card-strong);box-shadow:var(--shadow-1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.gallery-card figcaption{padding:var(--space-2);font-size:var(--step--1);color:var(--muted)}
.gallery-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--border-strong)}

.calendar-mini{margin-top:var(--space-2)}

.gallery-hero-shell{
  padding:var(--space-4);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  border-color:var(--border-strong);
  background:var(--gradient-panel),var(--card-strong);
}
.gallery-hero{display:flex;align-items:center;gap:var(--space-2);position:relative;margin-bottom:var(--space-2)}
.gallery-hero__viewport{
  flex:1;
  overflow:hidden;
  padding:0;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.gallery-hero__track{
  display:flex;
  gap:clamp(2px,.5vw,8px);
  will-change:transform;
  transform:translate3d(0,0,0);
  transition:none;
  backface-visibility:hidden;
  contain:layout paint;
}
.gallery-hero-card{flex:0 0 clamp(80px,12vw,140px);max-width:clamp(80px,12vw,140px);border-radius:var(--r-2);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-1);background:var(--card);transition:transform .2s ease;border-color:transparent;margin:0}
.gallery-hero-card img{width:100%;height:clamp(65px,10vw,120px);object-fit:cover;display:block}
.gallery-hero-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}
.gallery-hero-card.is-revealing-left img{
  animation:hero-enter-left .26s ease-out both;
}
.gallery-hero-card.is-revealing-right img{
  animation:hero-enter-right .26s ease-out both;
}
@keyframes hero-enter-left{
  from{
    opacity:.62;
    transform:translateX(-12px) scale(.985);
    filter:blur(.7px);
  }
  to{
    opacity:1;
    transform:translateX(0) scale(1);
    filter:blur(0);
  }
}
@keyframes hero-enter-right{
  from{
    opacity:.62;
    transform:translateX(12px) scale(.985);
    filter:blur(.7px);
  }
  to{
    opacity:1;
    transform:translateX(0) scale(1);
    filter:blur(0);
  }
}
.gallery-hero__nav{border:1px solid var(--border);background:var(--card);color:var(--ink);width:36px;height:36px;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease;flex:0 0 36px}
.gallery-hero__nav:hover{background:var(--surface-hover)}
.gallery-hero__nav:focus-visible{outline:2px solid var(--accent)}

@media (max-width:600px){
  .gallery-hero-shell{padding:var(--space-3)}
  .gallery-hero{gap:var(--space-1)}
  .gallery-hero__nav{width:32px;height:32px}
  .gallery-hero__viewport{
    -webkit-mask-image:none;
    mask-image:none;
  }
}
@media (prefers-reduced-motion: reduce){
  .gallery-hero__track{transition:none}
  .gallery-hero__viewport{
    -webkit-mask-image:none;
    mask-image:none;
  }
  .gallery-hero-card.is-revealing-left img,
  .gallery-hero-card.is-revealing-right img{
    animation:none;
    transform:none;
    filter:none;
  }
}

.gallery-card--selectable{border:none;background:transparent;padding:0;text-align:left;cursor:pointer}
.gallery-card--selectable figcaption{color:var(--ink)}
.gallery__header{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-4)}
.gallery__header h1{margin:0}
.gallery-filter{display:flex;flex-direction:column;gap:.4rem;min-width:220px}
.gallery-filter label{font-size:var(--step--1);font-weight:700;color:var(--muted)}
.gallery-filter select{padding:.5rem;border-radius:var(--r-1);border:1px solid var(--border);background:var(--card);color:var(--ink)}
.gallery-filter__chips{display:flex;gap:.5rem;flex-wrap:wrap;min-height:32px}
.gallery-admin-actions{display:flex;align-items:flex-end}
.chip{background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:var(--step--1);cursor:pointer;display:flex;align-items:center;gap:.3rem;color:var(--ink)}

.gallery-editor{
  display:grid;
  gap:var(--space-3);
}
.gallery-editor[hidden]{display:none !important}
.gallery-editor__header p{margin:0}
.gallery-editor__body{
  display:grid;
  gap:var(--space-3);
}
.gallery-editor__preview{
  min-height:180px;
  border:1px dashed var(--border);
  border-radius:var(--r-2);
  padding:var(--space-3);
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--surface-tint);
}
.gallery-editor__preview img{
  width:100%;
  max-height:240px;
  object-fit:cover;
  border-radius:var(--r-2);
}
.gallery-grid .gallery-card--selectable.is-selected{
  border:2px solid var(--accent);
  box-shadow:var(--shadow-2);
}
.gallery-editor__tags{
  display:grid;
  gap:.45rem;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
}

.admin-gallery{display:grid;grid-template-columns:minmax(280px,320px) 1fr;gap:var(--space-5);align-items:flex-start}
.admin-gallery__preview{min-height:200px;display:flex;align-items:center;justify-content:center;background:var(--surface-tint);border-radius:var(--r-2);margin-bottom:var(--space-3);padding:var(--space-3);text-align:center;border:1px dashed var(--border)}
.admin-gallery__preview img{width:100%;border-radius:var(--r-2);box-shadow:var(--shadow-1)}
.admin-gallery__tags{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.admin-gallery__grid .gallery-card--selectable{box-shadow:var(--shadow-1);border:1px solid transparent;background:var(--card)}
.admin-gallery__grid .gallery-card--selectable:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--border)}

.admin-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:flex-start}
.admin-kv{display:grid;gap:var(--space-2);margin:0}
.admin-kv div{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}
.admin-kv dt{margin:0;font-weight:700;color:var(--muted)}
.admin-kv dd{margin:0;font-family:var(--font-display)}
.table-wrap{width:100%;overflow:auto}
.admin-table{width:100%;border-collapse:collapse;min-width:920px;font-size:var(--step--1)}
.admin-table th,.admin-table td{padding:.6rem .55rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.admin-table thead th{font-family:var(--font-display);font-size:var(--step--1);letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.admin-table tbody tr[data-open-draft]{cursor:pointer}
.admin-table tbody tr:hover{background:var(--surface-hover)}
.admin-table tbody tr.is-selected{
  background:color-mix(in srgb,var(--primary) 20%,var(--surface));
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 78%, white 22%);
}
.admin-table tbody tr.is-selected:hover{
  background:color-mix(in srgb,var(--primary) 30%,var(--surface));
  box-shadow:
    inset 3px 0 0 color-mix(in srgb,var(--accent) 88%, white 12%),
    inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%, transparent);
}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}
.admin-kpi-card{padding:.7rem .9rem}
.admin-kpi-card .eyebrow{font-size:.7rem}
.admin-kpi-value{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:750;line-height:1.1;margin:.15rem 0 0}
.admin-board{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:var(--space-3);
  align-items:start;
}
.admin-lane{
  display:grid;
  gap:var(--space-2);
  padding:var(--space-3);
  border:1px solid var(--border-strong);
  border-radius:var(--r-2);
  background:var(--gradient-panel),var(--card-strong);
  min-height:220px;
}
.admin-lane__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
}
.admin-lane__title{margin:0;font-size:var(--step-0)}
.admin-lane__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.8rem;
  padding:.12rem .5rem;
  border-radius:999px;
  border:1px solid var(--border);
  font-size:.78rem;
  color:var(--muted);
  background:var(--surface-tint);
}
.admin-lane__body{display:grid;gap:var(--space-2)}
.admin-board-card{
  display:grid;
  gap:.55rem;
  padding:.8rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--card);
  box-shadow:var(--shadow-1);
}
.admin-board-card.is-selected{
  border-color:color-mix(in srgb,var(--accent) 42%, var(--border));
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--accent) 24%, transparent),
    var(--shadow-2);
}
.admin-board-card__top,
.admin-board-card__row,
.admin-selected-meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  flex-wrap:wrap;
}
.admin-board-card__title{
  margin:0;
  font-size:var(--step--1);
  font-weight:700;
}
.admin-board-card__id{
  font-size:.78rem;
  color:var(--muted);
}
.admin-board-card__meta{
  display:grid;
  gap:.2rem;
  color:var(--muted);
  font-size:.82rem;
}
.admin-board-card__actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}
.admin-board-card__excerpt{
  margin:0;
  color:var(--ink-soft);
  font-size:.88rem;
  line-height:1.45;
}
.admin-board-card__badges{
  display:flex;
  gap:.4rem;
  flex-wrap:wrap;
}
.admin-lane__empty{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
}
.admin-workspace{
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
}
.admin-workspace__sidebar,
.admin-workspace__main{
  display:grid;
  gap:var(--space-3);
}
.admin-workspace-card{
  padding:var(--space-4);
}
.admin-workspace-metrics{
  display:grid;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.admin-workspace-metric{
  display:grid;
  gap:.2rem;
  padding:.8rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--surface-tint);
}
.admin-workspace-metric__label{
  margin:0;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--muted);
}
.admin-workspace-metric__value{
  margin:0;
  font-weight:700;
}
.admin-workspace-actions{
  margin-top:var(--space-3);
}
.admin-workspace-actions[hidden]{
  display:none !important;
}
.admin-workspace-actions .btn{
  min-width:160px;
}
.admin-panel-meta{
  display:grid;
  gap:.6rem;
}
.admin-panel-note{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}
.admin-schedule-current{
  display:grid;
  gap:.55rem;
}
.admin-schedule-current__row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  flex-wrap:wrap;
  padding-bottom:.55rem;
  border-bottom:1px solid var(--border);
}
.admin-schedule-current__row:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.booking-schedule-summary{
  display:grid;
  gap:.55rem;
  padding:.8rem .9rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--surface-tint);
}
.booking-schedule-summary__badges{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
}
.booking-schedule-summary__line{
  margin:0;
  color:var(--ink);
}
.booking-schedule-state-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
}
.booking-schedule-state-card{
  display:grid;
  gap:.28rem;
  padding:.8rem .9rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:color-mix(in srgb, var(--surface-tint) 82%, transparent);
}
.booking-schedule-state-card__label{
  margin:0;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--muted);
}
.booking-schedule-state-card__value{
  margin:0;
  font-weight:700;
  color:var(--ink);
}
.booking-schedule-state-card__note{
  margin:0;
  font-size:.84rem;
  color:var(--muted);
  line-height:1.45;
}
.booking-schedule-form-status{
  margin-top:0;
}
.field__checkbox{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  color:var(--ink);
  font-size:.92rem;
}
.field__checkbox input{
  margin-top:.2rem;
}
@media (max-width:980px){
  .admin-workspace{
    grid-template-columns:1fr;
  }
  .admin-workspace-card{
    padding:var(--space-3);
  }
  .booking-schedule-state-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .admin-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--space-2);
  }
  .admin-kpi-card{
    padding:.65rem .75rem;
  }
  .admin-board{
    grid-template-columns:1fr;
    gap:var(--space-2);
  }
  .admin-lane{
    padding:var(--space-2);
    min-height:auto;
  }
  .admin-lane__header{
    align-items:center;
  }
  .admin-lane__title{
    font-size:var(--step--1);
  }
  .admin-board-card{
    padding:.7rem;
    gap:.45rem;
  }
  .admin-board-card__meta,
  .admin-board-card__id,
  .admin-board-card__excerpt{
    font-size:.8rem;
  }
  .admin-workspace-card{
    padding:.85rem;
  }
  .admin-workspace-actions{
    display:grid;
    gap:.5rem;
  }
  .admin-workspace-actions .btn,
  .admin-board-card__actions .btn{
    width:100%;
    min-width:0;
  }
  .admin-board-card__actions{
    display:grid;
    gap:.45rem;
  }
  .admin-schedule-current__row{
    display:grid;
    gap:.35rem;
  }
}
@media (max-width:520px){
  .admin-kpi-grid{
    grid-template-columns:1fr;
  }
  .status-badge{
    padding:.16rem .45rem;
    font-size:.7rem;
  }
}
.booking-ops-header{
  display:grid;
  gap:var(--space-4);
}
.booking-ops-header__actions{
  align-items:flex-start;
}
.booking-ops-summary{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
}
.booking-ops-summary__chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .8rem;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-tint);
  color:var(--muted);
  font-size:.86rem;
  transition:opacity .18s ease,border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.booking-ops-summary__chip strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.9rem;
  height:1.9rem;
  padding:0 .45rem;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--border) 82%, transparent);
  background:color-mix(in srgb, var(--surface-hover) 82%, transparent);
  color:var(--ink);
  font-family:var(--font-display);
  font-size:.98rem;
  line-height:1;
}
.booking-ops-summary__chip--link{
  color:var(--ink);
}
.booking-ops-summary__chip.is-empty{
  opacity:.48;
}
.booking-ops-summary__chip.is-empty strong{
  border-color:color-mix(in srgb, var(--border) 72%, transparent);
  background:color-mix(in srgb, var(--surface-tint) 86%, transparent);
  color:var(--muted);
}
.booking-ops-summary__chip--open strong{
  border-color:rgba(104, 136, 172, .55);
  background:rgba(104, 136, 172, .16);
}
.booking-ops-summary__chip--draft strong{
  border-color:rgba(197,141,40,.5);
  background:rgba(197,141,40,.16);
  color:#f4d7a0;
}
.booking-ops-summary__chip--awaiting-client strong{
  border-color:rgba(47,132,214,.52);
  background:rgba(47,132,214,.16);
  color:#b7daf8;
}
.booking-ops-summary__chip--awaiting-payment strong{
  border-color:rgba(23,143,132,.52);
  background:rgba(23,143,132,.16);
  color:#abeee7;
}
.booking-ops-summary__chip--paid strong{
  border-color:rgba(31,151,82,.55);
  background:rgba(31,151,82,.16);
  color:#b9f0cb;
}
.booking-ops-summary__chip--inbox strong{
  border-color:rgba(138,76,242,.52);
  background:rgba(138,76,242,.14);
  color:#d5c1ff;
}
.booking-ops-summary--inbox{
  margin-top:.4rem;
  gap:.55rem;
}
.booking-ops-summary--inbox .booking-ops-summary__chip{
  padding:.42rem .72rem;
  font-size:.82rem;
}
.booking-ops-summary--inbox .booking-ops-summary__chip strong{
  font-size:.92rem;
}
.bookings-shell{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(420px, .95fr);
  gap:var(--space-4);
  align-items:start;
}
.bookings-list-panel,
.bookings-detail-panel{
  min-width:0;
}
.bookings-list-panel__header{
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  align-items:flex-start;
  margin-bottom:var(--space-3);
}
.bookings-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px;
  gap:var(--space-3);
  align-items:end;
}
.bookings-toolbar .field{
  margin-bottom:0;
}
.bookings-intake{
  margin-top:var(--space-4);
  padding-top:var(--space-4);
  border-top:1px solid var(--border);
  display:grid;
  gap:var(--space-3);
}
.bookings-intake__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
}
.bookings-intake__header h3{
  margin:0;
}
.bookings-intake__header .muted{
  margin:.25rem 0 0;
}
.booking-stage-filters{
  display:flex;
  gap:.65rem;
  flex-wrap:wrap;
  margin:var(--space-3) 0;
}
.booking-stage-filter{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .8rem;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--card);
  color:var(--muted);
  cursor:pointer;
  font-weight:600;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.booking-stage-filter:hover{
  background:var(--surface-hover);
  color:var(--ink);
}
.booking-stage-filter.is-active{
  background:color-mix(in srgb, var(--accent) 18%, var(--card));
  border-color:color-mix(in srgb, var(--accent) 42%, var(--border));
  color:var(--ink);
}
.booking-stage-filter__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.55rem;
  padding:.08rem .38rem;
  border-radius:999px;
  background:var(--surface-tint);
  border:1px solid var(--border);
  font-size:.73rem;
}
.admin-table--bookings{
  min-width:1120px;
  table-layout:fixed;
}
.admin-table--bookings th:nth-child(1){width:19%}
.admin-table--bookings th:nth-child(2){width:12%}
.admin-table--bookings th:nth-child(3){width:14%}
.admin-table--bookings th:nth-child(4){width:12%}
.admin-table--bookings th:nth-child(5){width:16%}
.admin-table--bookings th:nth-child(6){width:12%}
.admin-table--bookings th:nth-child(7){width:10%}
.admin-table--bookings th:nth-child(8){width:5%}
.admin-table--bookings td{
  padding:.72rem .6rem;
}
.admin-table--inquiries{
  min-width:880px;
  table-layout:fixed;
}
.admin-table--inquiries th:nth-child(1){width:21%}
.admin-table--inquiries th:nth-child(2){width:16%}
.admin-table--inquiries th:nth-child(3){width:14%}
.admin-table--inquiries th:nth-child(4){width:28%}
.admin-table--inquiries th:nth-child(5){width:12%}
.admin-table--inquiries th:nth-child(6){width:9%}
.admin-table--inquiries td{
  padding:.68rem .6rem;
  vertical-align:top;
}
.booking-row__primary{
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.booking-row__name{
  margin:0;
  font-weight:700;
  color:var(--ink);
}
.booking-row__secondary,
.booking-row__meta{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
}
.booking-row__meta{
  display:grid;
  gap:.2rem;
}
.booking-row__action{
  display:flex;
  justify-content:flex-end;
}
.booking-row__action .btn{
  min-width:84px;
}
.bookings-detail-panel{
  position:sticky;
  top:92px;
  max-height:calc(100vh - 112px);
  overflow:auto;
}
.booking-detail__empty{
  display:grid;
  gap:var(--space-2);
}
.booking-detail{
  display:grid;
  gap:var(--space-4);
}
.booking-detail[hidden],
.booking-detail__empty[hidden],
.booking-detail__panel[hidden]{
  display:none !important;
}
.booking-detail__header{
  display:grid;
  gap:.45rem;
}
.booking-detail__header-main{
  display:grid;
  gap:.25rem;
}
.booking-detail__header-main h2{
  margin:0;
}
.booking-detail__header-main .muted{
  margin:0;
}
.booking-detail__back{
  display:none;
  align-self:flex-start;
  padding:.45rem .8rem;
}
.booking-detail__tabs{
  display:flex;
  gap:.55rem 1rem;
  flex-wrap:wrap;
  align-items:center;
  padding-bottom:var(--space-2);
  border-bottom:1px solid var(--border);
}
.booking-detail__tab-group{
  display:flex;
  align-items:center;
  gap:.45rem;
  flex-wrap:wrap;
}
.booking-detail__tab-group-label{
  display:inline-flex;
  align-items:center;
  padding:.14rem .48rem;
  border-radius:999px;
  background:var(--surface-tint);
  border:1px solid var(--border);
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.booking-detail__tab{
  border:1px solid var(--border);
  background:var(--card);
  color:var(--muted);
  border-radius:999px;
  padding:.45rem .8rem;
  font-weight:600;
  cursor:pointer;
}
.booking-detail__tab.is-active{
  color:var(--ink);
  border-color:color-mix(in srgb, var(--accent) 42%, var(--border));
  background:color-mix(in srgb, var(--accent) 16%, var(--card));
}
.booking-detail__tab--overview{
  font-weight:700;
}
.booking-detail__status{
  display:grid;
  gap:.2rem;
}
.booking-detail__status .form__status:empty{
  display:none;
}
.booking-detail__panel{
  display:grid;
  gap:var(--space-3);
}
.booking-detail__section{
  display:grid;
  gap:var(--space-3);
}
.booking-detail__section-header{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  align-items:flex-start;
  flex-wrap:wrap;
}
.booking-detail__section-header h3{
  margin:0;
}
.booking-detail__section-header h3{
  font-size:var(--step-0);
}
.booking-detail__section-actions{
  justify-content:flex-start;
}
.booking-detail__section-actions .btn{
  padding:.4rem .72rem;
}
.booking-detail__utility{
  border:1px solid var(--border);
  border-radius:var(--r-2);
  padding:.7rem .85rem;
  background:var(--surface-tint);
}
.booking-detail__utility summary{
  cursor:pointer;
  color:var(--muted);
  font-size:.82rem;
  font-weight:700;
}
.booking-detail__utility .actions{
  margin-top:.75rem;
}
.booking-overview{
  display:grid;
  gap:var(--space-3);
}
.booking-overview__headline{
  display:grid;
  gap:.55rem;
}
.booking-overview__headline .muted{
  max-width:46ch;
}
.booking-overview__hero{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  align-items:flex-start;
  flex-wrap:wrap;
}
.booking-overview__hero h3,
.booking-overview__hero p{
  margin:0;
}
.booking-overview__actions{
  display:grid;
  gap:.65rem;
  min-width:min(280px, 100%);
}
.booking-overview__primary-action .btn{
  width:100%;
  min-height:46px;
  font-size:.98rem;
}
.booking-overview__secondary-actions{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
}
.booking-overview__secondary-actions .btn{
  flex:0 0 auto;
}
.booking-overview__brief{
  display:grid;
  gap:.45rem;
  padding:.85rem .95rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:color-mix(in srgb, var(--surface-tint) 78%, transparent);
}
.booking-overview__brief-label{
  margin:0;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--muted);
  font-weight:700;
}
.booking-overview__brief-text{
  margin:0;
  color:var(--ink);
  line-height:1.55;
}
.booking-overview__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
}
.booking-overview__metric{
  display:grid;
  gap:.2rem;
  padding:.75rem .8rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--surface-tint);
}
.booking-overview__metric-label{
  margin:0;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--muted);
}
.booking-overview__metric-value{
  margin:0;
  font-weight:700;
  color:var(--ink);
  line-height:1.4;
}
.booking-quote-card{
  display:grid;
  gap:.85rem;
  padding:.9rem 1rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--surface-tint);
}
.booking-quote-card__header{
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  align-items:flex-start;
}
.booking-quote-card__title{
  margin:.15rem 0 0;
  font-family:var(--font-display);
  font-size:1.5rem;
  color:var(--ink);
}
.booking-quote-lines{
  display:grid;
  gap:.55rem;
}
.booking-quote-lines__item{
  display:flex;
  justify-content:space-between;
  gap:var(--space-2);
  align-items:flex-start;
  padding:.72rem .8rem;
  margin:0;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--card);
}
.booking-quote-lines__copy{
  display:grid;
  gap:.14rem;
}
.booking-quote-lines__title,
.booking-quote-lines__detail,
.booking-quote-lines__amount{
  margin:0;
}
.booking-quote-lines__title{
  font-weight:700;
  color:var(--ink);
  line-height:1.4;
}
.booking-quote-lines__detail{
  font-size:.84rem;
  color:var(--muted);
  line-height:1.45;
}
.booking-quote-lines__amount{
  font-weight:700;
  color:var(--ink);
  white-space:nowrap;
}
.booking-quote-older{
  display:grid;
  gap:.55rem;
  margin-top:.75rem;
}
.booking-quote-older__item{
  display:grid;
  gap:.14rem;
  padding:.65rem .75rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--card);
}
.booking-quote-older__title,
.booking-quote-older__detail{
  margin:0;
}
.booking-quote-older__title{
  font-weight:700;
  color:var(--ink);
}
.booking-quote-older__detail{
  font-size:.84rem;
  color:var(--muted);
}
.booking-confirm-summary{
  display:grid;
  gap:1rem;
}
.booking-confirm-summary__header{
  display:flex;
  justify-content:space-between;
  gap:var(--space-4);
  align-items:flex-start;
}
.booking-confirm-summary__header h2{
  margin:.18rem 0 0;
}
.booking-confirm-summary__header .lead{
  margin:.35rem 0 0;
}
.booking-confirm-summary__total{
  display:grid;
  gap:.18rem;
  min-width:160px;
  padding:.85rem .95rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--surface-tint);
}
.booking-confirm-summary__total-label{
  font-size:.74rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
.booking-confirm-summary__total strong{
  font-family:var(--font-display);
  font-size:1.55rem;
  color:var(--ink);
}
.booking-confirm-summary__facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.booking-confirm-summary__fact{
  display:grid;
  gap:.16rem;
  padding:.78rem .85rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--surface-tint);
}
.booking-confirm-summary__fact-label,
.booking-confirm-summary__fact-value,
.booking-confirm-summary__breakdown-label,
.booking-confirm-lines__title,
.booking-confirm-lines__detail,
.booking-confirm-lines__amount{
  margin:0;
}
.booking-confirm-summary__fact-label,
.booking-confirm-summary__breakdown-label{
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--muted);
}
.booking-confirm-summary__fact-value{
  font-weight:700;
  color:var(--ink);
  line-height:1.4;
}
.booking-confirm-summary__breakdown{
  display:grid;
  gap:.65rem;
}
.booking-confirm-lines{
  display:grid;
  gap:.55rem;
}
.booking-confirm-lines__item{
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  align-items:flex-start;
  padding:.8rem .9rem;
  border:1px solid var(--border);
  border-radius:var(--r-2);
  background:var(--surface-tint);
}
.booking-confirm-lines__copy{
  display:grid;
  gap:.14rem;
}
.booking-confirm-lines__title{
  font-weight:700;
  color:var(--ink);
}
.booking-confirm-lines__detail{
  font-size:.9rem;
  color:var(--muted);
  line-height:1.45;
}
.booking-confirm-lines__amount{
  white-space:nowrap;
  font-weight:700;
  color:var(--ink);
}
.booking-detail__status .form__status{
  margin-top:0;
}
@media (max-width:1200px){
  .bookings-shell{
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  }
  .admin-table--bookings{
    min-width:1020px;
  }
}
@media (max-width:980px){
  .bookings-shell{
    grid-template-columns:1fr;
  }
  .bookings-detail-panel{
    position:static;
    max-height:none;
  }
}
@media (max-width:900px){
  .bookings-shell .bookings-detail-panel{
    display:none;
  }
  .bookings-shell.is-detail-open .bookings-list-panel{
    display:none;
  }
  .bookings-shell.is-detail-open .bookings-detail-panel{
    display:block;
  }
  .booking-detail__back{
    display:inline-flex;
  }
}
@media (max-width:760px){
  .booking-ops-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bookings-toolbar{
    grid-template-columns:1fr;
  }
  .bookings-intake__header{
    flex-direction:column;
  }
  .booking-stage-filters{
    gap:.5rem;
  }
  .booking-stage-filter{
    font-size:.82rem;
    padding:.4rem .68rem;
  }
  .booking-detail__tabs{
    overflow:auto;
    display:flex;
    flex-wrap:wrap;
    padding-bottom:.35rem;
  }
  .booking-detail__tab-group{
    flex-wrap:wrap;
  }
  .booking-overview__actions{
    width:100%;
    min-width:0;
  }
  .booking-overview__grid{
    grid-template-columns:1fr;
  }
  .booking-confirm-summary__header,
  .booking-confirm-lines__item{
    flex-direction:column;
  }
  .booking-confirm-summary__facts{
    grid-template-columns:1fr;
  }
}
@media (max-width:520px){
  .booking-ops-summary{
    grid-template-columns:1fr;
  }
}
.status-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;line-height:1.15;font-weight:650;border:1px solid var(--border)}
.status-badge::before{content:'';width:.45rem;height:.45rem;border-radius:999px;background:currentColor;opacity:.9}
.status-badge--inquiry{color:#8a4cf2;background:rgba(138,76,242,.12)}
.status-badge--draft{color:#c58d28;background:rgba(197,141,40,.12)}
.status-badge--quote_ready{color:#7657dd;background:rgba(118,87,221,.12)}
.status-badge--quote_sent{color:#9e7dff;background:rgba(158,125,255,.14)}
.status-badge--changes_requested{color:#b565cc;background:rgba(181,101,204,.14)}
.status-badge--client_confirmed{color:#2f84d6;background:rgba(47,132,214,.14)}
.status-badge--invoice_ready{color:#2f84d6;background:rgba(47,132,214,.14)}
.status-badge--awaiting_invoice{color:#2f84d6;background:rgba(47,132,214,.14)}
.status-badge--invoice_sent,.status-badge--invoiced,.status-badge--awaiting_payment{color:#178f84;background:rgba(23,143,132,.14)}
.status-badge--overdue{color:#c56a28;background:rgba(197,106,40,.14)}
.status-badge--paid,.status-badge--paid_pending_schedule,.status-badge--unscheduled{color:#1f9752;background:rgba(31,151,82,.14)}
.status-badge--scheduled{color:#18897c;background:rgba(24,137,124,.14)}
.status-badge--in_service{color:#1768a3;background:rgba(23,104,163,.14)}
.status-badge--completed{color:#17664a;background:rgba(23,102,74,.14)}
.status-badge--canceled,.status-badge--closed_lost{color:#cf4d57;background:rgba(207,77,87,.14)}
.status-badge--archived,.status-badge--void,.status-badge--failed,.status-badge--uncollectible,.status-badge--refunded,.status-badge--not_ready,.status-badge--not_linked,.status-badge--pending,.status-badge--synced,.status-badge--error{color:#8a8f99;background:rgba(138,143,153,.16)}
.admin-delete-dialog{
  max-width:min(680px,92vw);
  width:100%;
  border:1px solid var(--border-strong);
  box-shadow:var(--shadow-2);
  color:var(--ink);
  background:var(--gradient-panel),var(--card-strong);
}
.admin-delete-dialog,
.admin-delete-dialog p,
.admin-delete-dialog h3,
.admin-delete-dialog strong,
.admin-delete-dialog span{color:inherit}
.admin-delete-dialog::backdrop{background:rgba(0,0,0,.55)}
.admin-delete-preview{display:grid;gap:.45rem}
.admin-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.admin-preview-text{
  margin:0;
  padding:.7rem .85rem;
  border:1px solid var(--border);
  border-radius:var(--r-1);
  background:var(--surface-tint);
  color:var(--ink);
  white-space:pre-wrap;
  word-break:break-word;
  max-height:240px;
  overflow:auto;
}

@media (max-width:900px){
  .admin-gallery{grid-template-columns:1fr}
  .admin-ops-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .calendar-day{min-height:90px}
  .calendar-header{flex-direction:column;align-items:flex-start}
  .calendar-weekdays span{font-size:.7rem}
}

.calendar-mini{
  margin-top:var(--space-2);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  border:1px solid var(--border-strong);
  background:var(--gradient-panel),var(--card-strong);
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.calendar-mini:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-2);
  border-color:var(--border-strong);
}
.calendar-mini:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
  transform:translateY(-2px);
}
.calendar-mini__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.calendar-mini__label{margin:0;color:var(--muted);font-size:var(--step--1)}
.calendar-mini__cta{font-size:var(--step--1);text-decoration:none;color:var(--accent)}
.calendar-mini__modes{display:flex;gap:6px;flex-wrap:wrap}
.calendar-mini__mode{
  border:1px solid var(--border);
  background:var(--card);
  color:var(--ink);
  border-radius:999px;
  padding:.1rem .55rem;
  font-size:.72rem;
  cursor:pointer;
}
.calendar-mini__mode.is-active{
  border-color:var(--border-strong);
  background:var(--surface-hover);
  font-weight:700;
}
.calendar-mini__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;font-size:var(--step--1);color:var(--muted);gap:4px}
.calendar-mini__weekdays span{padding:.2rem 0}
.calendar-mini__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.calendar-mini__day{position:relative;padding-top:70%;border-radius:var(--r-1);background:var(--border);box-shadow:var(--shadow-1);display:flex;align-items:center;justify-content:center;font-size:var(--step--1);color:#fff;font-weight:700}
.calendar-mini__day span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.calendar-mini__day--free{background:rgba(38,193,143,.78)}
.calendar-mini__day--partial{background:rgba(231,176,67,.78)}
.calendar-mini__day--booked{background:rgba(223,105,105,.78)}
.calendar-mini__day--muted{opacity:.45}
.calendar-mini__legend{margin:0;font-size:var(--step--1);color:var(--muted);display:flex;gap:var(--space-3)}
@media (prefers-reduced-motion: reduce){
  .calendar-mini{
    transition:none;
  }
  .calendar-mini:hover,
  .calendar-mini:focus-visible{
    transform:none;
  }
}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;background:var(--border)}
.dot--free{background:rgba(38,193,143,.95)}
.dot--partial{background:rgba(231,176,67,.95)}
.dot--booked{background:rgba(223,105,105,.95)}

.inline-edit-enabled [data-text-key] {
  outline: 1px dashed rgba(95, 208, 200, 0.58);
  outline-offset: 3px;
  cursor: pointer;
  transition: outline-color 120ms ease, background-color 120ms ease;
}

.inline-edit-enabled [data-text-key]:hover {
  outline-color: rgba(109, 153, 255, 0.88);
  background: rgba(109, 153, 255, 0.1);
}

.inline-edit-enabled [data-text-key].inline-edit-active {
  outline-color: rgba(95, 208, 200, 1);
  background: rgba(95, 208, 200, 0.14);
}

.inline-edit-toolbar {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(15, 22, 30, 0.86);
  z-index: 999;
  backdrop-filter: blur(8px);
}

.inline-edit-title {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
  color: #f5f0e8;
}

.inline-edit-state {
  font-size: 0.72rem;
  color: rgba(245, 240, 232, 0.88);
}

.inline-edit-state[data-state="ok"] {
  color: #78e3b8;
}

.inline-edit-state[data-state="warn"] {
  color: #f5d38a;
}

.inline-edit-state[data-state="error"] {
  color: #ff9f9f;
}

.inline-edit-panel {
  position: fixed;
  display: none;
  width: min(340px, calc(100vw - 1.5rem));
  background: var(--surface-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: 0.85rem;
  z-index: 1000;
}

.inline-edit-panel.is-open {
  display: block;
}

.inline-edit-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.inline-edit-panel__title {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.inline-edit-panel__status {
  font-size: 0.72rem;
  color: var(--text-muted);
}

.inline-edit-panel__body textarea {
  width: 100%;
  min-height: 110px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-primary);
  padding: 0.6rem;
  font-size: 0.95rem;
  resize: vertical;
}

.inline-edit-panel__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.6rem;
}