/* Whelper Matte — only visual styling, original business logic unchanged */
:root{--ink:#3A2D28;--primary:#49342E;--sub:#837873;--line:#e7e0d8;--rad:22px;--shadow:0 8px 26px #3a2d280b}
body,.workspace,.page{background:#F7EFE6!important;color:#3A2D28}
.topbar,.panel,.stat-card,.master-card,.quick-card,.rec,.login-card{background:#FFFCF8!important;border-color:#e7e0d8!important;box-shadow:0 9px 22px #3a2d2809!important}
.panel,.stat-card,.master-card,.quick-card{border-radius:21px!important}
.hero{background:linear-gradient(125deg,#EAF3F6 0%,#F7EFE6 70%,#FFFCF8)!important;border:1px solid #e7e0d8!important;box-shadow:none!important;min-height:unset!important;padding:24px!important;margin-bottom:15px!important;border-radius:23px!important}
.hero .flower{display:none!important}.hero h1{font-size:clamp(27px,5vw,39px)!important;max-width:none!important;line-height:1.13!important;margin:12px 0!important;color:#3A2D28!important}
.hero p{margin:10px 0 18px!important;color:#756B65!important}.hero .eyebrow{color:#75665F!important}
.btn-primary,.btn-primary:hover{background:#49342E!important;color:#fff!important;border-color:#49342E!important}
.btn-light,.segmented button.active,.record-tabs .selected{background:#E5F0F5!important;color:#3A2D28!important;border-color:#cfdee5!important}
.quick-card,.quick-card strong,.quick-card .quick-ico,.master-card strong{color:#3A2D28!important}
.quick-card small,.master-card span{color:#80756e!important}
.quick-card:nth-child(n){background:#FFFCF8!important;border-color:#e9e0d8!important}
.field input,.field select,.field textarea,.login-form input{border-color:#e5ddd6!important;background:#FFFCF8!important;color:#3A2D28!important}
.stat-num,.page-title,.panel h2,.entry-content strong{color:#3A2D28!important}
.time-bubble,.slot{background:#EAF3F6!important;color:#3A2D28!important;border-color:#d4e1e6!important}
.tag{background:#EAF3F6!important;color:#49342E!important}
@media(max-width:680px){.hero{padding:22px 18px!important}.hero h1{font-size:30px!important}.hero .btn-row{display:flex;gap:8px;flex-wrap:wrap}.hero .btn-big{font-size:12px;padding:12px 13px}.stats-grid{margin-top:12px}.stat-card{min-width:0;padding:12px 10px!important}.stat-label{font-size:10px}.mobile-nav{background:#FFFCF8!important;align-items:end!important;padding-top:8px!important}.mobile-nav .mobile-item{flex:1;min-width:0;color:#83766e!important}.mobile-nav .mobile-item.active{color:#49342E!important}.mobile-nav .mobile-item:nth-child(3){position:relative;top:-12px;font-weight:800!important;color:#49342E!important}.mobile-nav .mobile-item:nth-child(3) .nav-icon{background:#49342E;color:#fff;display:grid;place-items:center;border:5px solid #FFFCF8;border-radius:100%;width:56px;height:56px;font-size:27px;box-shadow:0 7px 15px #3a2d2830}.mobile-nav .mobile-item:nth-child(3) .nav-icon:hover{background:#3A2D28}}

/* Preview of free-text booking with duration from service catalog */
.quick-live-preview{margin:15px 0;padding:16px;border:1px solid #d9e6ec;border-radius:17px;background:#f0f6f8;color:#3a2d28;line-height:1.5}
.quick-live-preview strong{font-size:15px}.quick-live-preview p{font-size:13px;margin:8px 0 0}
.quick-preview-lines{font-size:13px;margin-top:8px}.quick-preview-ok{color:#365e59}.quick-preview-warning{color:#8a4e35}
.quick-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quick-suggestion{border:1px solid #c4dae8;border-radius:99px;padding:8px 12px;background:#fff;color:#3a2d28;font:inherit;font-size:13px;cursor:pointer}