:root { --ink:#1d2927; --navy:#233b38; --muted:#4f5d59; --line:#deded6; --soft:#edf1e9; --paper:#fffefb; --accent:#815a37; }
body { background: radial-gradient(ellipse at 92% 2%,#e3ebe1,transparent 52%),#f8f6f0; }
.wf-hero {
 display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:18px;
 min-height:188px; margin-bottom:14px; padding:clamp(21px,3vw,34px);
 background:radial-gradient(ellipse at 100% 100%,#466357,transparent 55%),#233b38; color:#fffefb;
 border:1px solid #233b38; border-radius:var(--radius);
}
.wf-hero .eyebrow { color:#f1d6ad; }
.wf-hero h2 { font-family:Atacama,Georgia,serif; font-size:clamp(1.8rem,3.7vw,3rem); font-weight:450; margin:0 0 8px; overflow-wrap:anywhere; }
.wf-hero p:last-child { margin:0; }
.wf-hero button { background:#f8f1e5; }
.wf-panel-head,.wf-actions,.wf-day { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:9px; }
.wf-panel-head { margin-bottom:12px; }
.wf-panel-head h2 { margin:0; }
.wf-actions { justify-content:flex-start; }
.wf-day { justify-content:flex-start; align-items:end; margin-bottom:10px; }
.wf-list { list-style:none; margin:0; padding:0; }
.wf-row { display:flex; align-items:center; flex-wrap:wrap; gap:9px 15px; padding:12px 0; border-bottom:1px solid var(--line); }
.wf-row:last-child { border-bottom:0; }
.wf-row time { font-weight:700; font-variant-numeric:tabular-nums; }
.wf-row h3,.wf-row p { margin:0; overflow-wrap:anywhere; }
.wf-row h3 { font-size:1rem; }
.wf-row p { color:var(--muted); font-size:.89rem; }
.wf-row .wf-actions { margin-inline-start:auto; }
.wf-search { max-width:24rem; }
.wf-details { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); padding:14px; background:var(--soft); border-radius:13px; gap:12px; }
.wf-details dt { font-size:.82rem; color:var(--muted); }
.wf-details dd { margin:3px 0 0; overflow-wrap:anywhere; }
.wf-payment-title { margin:18px 0 4px; font-size:1rem; }
#editor {
 width:min(540px,calc(100% - 22px)); padding:clamp(14px,3vw,23px); max-height:calc(100dvh - 22px);
 border:1px solid var(--line); border-radius:17px; background:var(--paper); color:var(--ink); box-shadow:0 18px 54px #17252139;
}
#editor::backdrop { background:#1a302d77; }
#editor form { display:grid; gap:10px; }
#editor form p { margin:0; }
.wf-error { color:#8d2826; font-weight:700; }
.wf-error:empty { display:none; }
@media(max-width:500px){.wf-row .wf-actions { margin-inline-start:0; }.wf-day label{order:-1; flex:1 0 100%;}}