/* Design 19: organic contour lines, warm ivory, black sign capsules.
   Presentation only. No role, booking, date or persistence changes. */
html[data-theme=contour]{--canvas:#f1e8d7;--surface:#fffaf0;--surface2:#f0e4cf;--ink:#24231f;--muted:#62584b;--accent:#282622;--on-accent:#fff7e7;--line:#6e6252;--radius:24px;--border:1.5px;--shadow:0 7px 0 #c7aa7e44,0 15px 28px #45321d12;--face:'Segoe UI',Arial,sans-serif;--heading:'Arial Black','Segoe UI',sans-serif;--weight:800;--tracking:-.65px;--navradius:34px;--control:22px;--iconbox:#e9ce9e;--pad:20px;--texture:url('assets/contour19.svg');color-scheme:light}
html[data-theme=contour] body{background-image:var(--texture);background-size:1000px 1000px;background-position:center top}
html[data-theme=contour] header{gap:12px}
html[data-theme=contour] .brand{padding:5px 12px 5px 6px;background:var(--surface);border:2px solid var(--ink);border-radius:35px;box-shadow:5px 0 0 var(--ink)}
html[data-theme=contour] .brand-word{font-style:italic;font-weight:900;letter-spacing:-1px}
html[data-theme=contour] .brand-sub{display:none}
html[data-theme=contour] .title-row{background:var(--surface);border:2px solid var(--ink);border-left-width:9px;border-right-width:9px;border-radius:36px;padding:16px 21px;box-shadow:0 5px 20px #3a291018}
html[data-theme=contour] .title-row h1{font-size:32px;font-style:italic;text-transform:uppercase;letter-spacing:-1px}
html[data-theme=contour] .demo{background:#f1e8d7;color:#62584b;border-bottom:1px solid #c8b79a}
html[data-theme=contour] #theme-trigger{border:2px solid var(--ink);border-radius:30px;box-shadow:3px 0 0 var(--ink)}
html[data-theme=contour] nav{border:2px solid var(--ink);box-shadow:0 8px 25px #35250f25}
html[data-theme=contour] nav button.active{box-shadow:inset 0 -3px 0 #ba8d52}
html[data-theme=contour] .calendar-header button.chosen,html[data-theme=contour] .machine-switch button.chosen{background:#e9ce9e;box-shadow:0 0 0 2px #ba8d52}
html[data-theme=contour] .sticky-machines{background:var(--surface);border-radius:16px;padding-inline:4px}
html[data-theme=contour] .range-cell.selected,html[data-theme=contour] .month-day.selected{background:#f2dbae!important;box-shadow:inset 0 0 0 2px #282622!important}
html[data-theme=contour] .prototype-warning{background:#f2ebf6;border-color:#9e88ad;color:#55445f}
html[data-theme=contour] .photo-card .machine-top button{background:#fffaf0f5;border:1px solid #6e6252;text-shadow:none}
html[data-theme=contour] .photo-card .machine-bottom{background:#fffaf0ed;border-top:1px solid #d0bfa0;border-radius:0 0 22px 22px}
html[data-theme=contour] .calendar-tools input{border-radius:14px}
html[data-theme=contour] .time-wheels:before{background:#e9ce9e}
html[data-theme=contour] .booking-inline .dialog-title h2{font-style:italic}
.theme-choice[data-pick-theme=contour] .theme-preview{background:#f1e8d7 url('assets/contour19.svg') center/230px;border:2px solid #282622;border-radius:24px}
.theme-choice[data-pick-theme=contour] .theme-preview i{background:#fffaf0;border:2px solid #282622;border-left-width:5px;border-right-width:5px;border-radius:20px}
.theme-choice[data-pick-theme=contour] .theme-preview b,.theme-choice[data-pick-theme=contour] .theme-preview em{background:#fffaf0;border-radius:4px;padding:1px 3px}
@media(max-width:700px){html[data-theme=contour] body{background-size:650px 650px}html[data-theme=contour] .brand{padding-right:9px;box-shadow:3px 0 0 var(--ink)}html[data-theme=contour] .brand svg{width:32px;height:32px}html[data-theme=contour] .brand-word{font-size:23px}html[data-theme=contour] .role select{max-width:165px;padding-inline:8px}html[data-theme=contour] .title-row{padding:13px 15px;border-left-width:7px;border-right-width:7px;border-radius:28px}html[data-theme=contour] .title-row h1{font-size:27px}html[data-theme=contour] .panel{padding:14px}html[data-theme=contour] .calendar-tools{gap:6px}html[data-theme=contour] .calendar-tools .secondary{padding:10px}html[data-theme=contour] #theme-trigger{font-size:11px}html[data-theme=contour] .theme-heading h2{font-size:20px}}
/* Keep every line of functional copy clear of the decorative background. */
html[data-theme=contour] .v6-calendar{background:var(--surface)!important}
html[data-theme=contour] #app>.section-note,html[data-theme=contour] .gesture-help,html[data-theme=contour] #app>.empty{background:var(--surface);padding:14px 16px;border:1px solid #c6b492;border-radius:18px;line-height:1.55}
html[data-theme=contour] .period-title{display:table;background:var(--surface);padding:9px 15px;border-radius:24px;border:1px solid #c6b492}
html[data-theme=contour] .range-cell.range-selected{background:#f2dbae!important;box-shadow:inset 0 0 0 2px #282622!important;color:#24231f}
@media(max-width:700px){html[data-theme=contour] .calendar-tools #today{font-size:13px;flex-shrink:0;padding-inline:8px}html[data-theme=contour] .calendar-tools input{min-width:0;flex:1}}