:root{--bg:#0a241d;--gold:#b4d783;--cream:#f7f8f4;--muted:#b4b8ac;--line:#ffffff12;--panel:#113d31;--serif:system-ui,-apple-system,'Segoe UI',sans-serif}
body{background:radial-gradient(ellipse at 50% 20%,#113d31,#061b16 75%);font:15px/1.45 var(--serif)}
.shell{background:#0a241d;max-width:560px;min-height:400px}header{padding:20px 22px 14px;gap:12px}.brand{font:800 23px/1.2 var(--serif)}.brand img{width:46px;height:46px;background:#f2dfc5;border-radius:16px;padding:7px}.role-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:#c0d99b;margin-top:5px;font-weight:650}.page-number{display:none}h1,h2,h3,.list-button strong{font-family:var(--serif);color:var(--cream);font-weight:780}h1{font-size:30px;margin:14px 0 8px}h2{font-size:21px}h3{font-size:18px}main{padding:0 22px 18px}.card{border:1px solid #ffffff04;background:linear-gradient(145deg,#113d31,#0b2c23);border-radius:19px;padding:16px}.gold{background:linear-gradient(#badc89,#94b968);color:#17210e;border:0;font-weight:780;box-shadow:0 4px 0 #10180a;font-size:16px;border-radius:16px}.quiet{background:#0b2c23;border:1px solid #ffffff0d;border-radius:15px}.gold:active,.quiet:active,.card:active{transform:scale(.98)}button{transition:transform .14s,background .14s}.client-card-label{color:#c0d99b;font-size:12px;margin:5px 0 0}.client-title{font-size:30px;margin-bottom:16px}.client-last .note-preview{max-height:100px;overflow:auto}.client-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.client-actions .link-button{font-size:13px}.client-actions .quiet{min-height:72px;text-align:left;padding:15px;font-weight:700}.client-actions #assignExercises{color:#bfdda0}.client-actions #removeClient{color:#d99b91}.client-contacts{margin-bottom:14px;flex-wrap:wrap}.client-contacts a{font-size:14px}nav{background:#0a241d;border-top:1px solid #ffffff0a;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}nav button{min-height:62px;font-weight:650;font-size:12px;border-radius:16px}nav button.active{color:#cbe5a7;background:#164b3c}nav button svg{display:block;width:25px;height:25px;margin:0 auto 5px}nav button span{font:650 12px var(--serif);margin:0}.salon-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.salon-metrics button{border:0;border-radius:19px;background:#113d31;padding:14px 4px;display:grid;justify-items:center;gap:2px}.salon-metrics svg{width:25px;height:25px;color:#b9d890;margin-bottom:5px}.salon-metrics strong{font-size:24px}.salon-metrics span{font-size:12px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title h2{margin:10px 0;text-align:left}.section-title .link-button{font-size:12px}.salon-page .list-button,.appointment-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 15px}.salon-page .list-button strong,.appointment-row strong{font-size:16px;display:block}.salon-page .list-button small,.appointment-row small{display:block;margin-top:3px;font-size:12px}.client-chevron{margin-left:auto}.avatar{width:39px;height:39px;border-radius:13px;background:#b4d78320;color:#c7e3a4;display:grid;place-items:center;flex-shrink:0;font-size:20px;font-weight:750}.appointment-clock{font-weight:800;color:#c9e5a5;font-size:20px;min-width:56px}.appointment-row>span:last-child{margin-left:auto}.record-icon svg{width:26px;height:26px;color:#e2c384}.salon-add{margin:12px 0 4px}#search{margin:10px 0 16px}dialog{background:#0a241d;border:1px solid #ffffff16;border-radius:25px;max-width:500px}dialog::backdrop{background:#11150dc9;backdrop-filter:blur(5px)}dialog h2{font-size:23px}.field{background:#0b2c23}.segmented button.active{background:#b4d783}.mic{background:radial-gradient(circle at 40% 30%,#b4d783,#627e40);border-color:#c7e6a1}.empty{padding:18px 12px}.intro{margin-top:0;margin-bottom:12px}.salon-page .appointment-feed{max-height:235px;overflow:auto}
@media(min-width:600px){.shell{height:calc(100dvh - 40px);margin:20px auto;max-height:960px;border-radius:30px;border:1px solid #ffffff09}}@media(max-height:700px){header{padding:12px 18px 6px}main{padding:0 18px 12px}.salon-metrics{margin:12px 0;gap:8px}.salon-metrics button{padding:10px 4px}.salon-page .appointment-feed{max-height:180px}.salon-page h1{font-size:27px}.salon-page .list-button{padding:10px 12px}.client-actions .quiet{min-height:60px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
#nav:not([hidden]){display:block!important;flex-shrink:0}
.salon-page .appointment-feed{max-height:none;overflow:visible}
.client-last,.row.wide{text-align:left;color:var(--cream)}.client-last:enabled:hover,.row.wide:hover{border-color:#b4d78355}.client-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.client-quick-actions button{font-weight:750;text-align:left;color:#d8ebbd;min-height:74px}.client-quick-actions span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}
.selected-client{margin:4px 0 12px;color:#c8e5a4;background:#b4d78312;border-radius:12px;padding:9px 12px;font-size:13px}
.exercise-preset{display:flex;gap:10px;align-items:flex-start;background:#0b2c23;border-radius:15px;padding:14px;margin:9px 0}.exercise-preset details{flex:1;min-width:0}.exercise-preset summary{font-weight:700;cursor:pointer}.exercise-preset small{display:block;font-weight:400;color:#c4dc9c;margin-top:4px}.exercise-preset .quiet{margin:0;flex-shrink:0;min-width:98px}.custom-exercise{margin:22px 0}.custom-exercise>summary{cursor:pointer;padding:12px;background:#0b2c23;border-radius:12px}.custom-exercise form{padding-top:15px}
/* Brand colors shared with shiatsumassage.cz; compact therapist controls. */
:root{--bg:#061b16;--gold:#e6b85e;--cream:#fff8e8;--muted:#9d9381;--line:rgba(244,234,219,.11);--panel:#0b2c23}
body{background:radial-gradient(ellipse at 50% 12%,#113d31,#061b16 75%);color:var(--cream)}
.shell{background:#0a241d}.role-label{color:#e6b85e}.card,.quiet,.salon-metrics button{background:linear-gradient(145deg,#113d31,#0b2c23);border:1px solid var(--line);color:var(--cream)}
.gold{background:linear-gradient(#fff0b0,#e6b85e);color:#0a241d;box-shadow:0 4px 0 #78561c}.gold:hover{filter:brightness(1.05)}
nav{background:#061b16}nav button.active{color:#fff0b0;background:#e6b85e20}nav button{color:#9d9381}nav button:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e6b85e;outline-offset:3px}
.avatar,.client-avatar{background:#e6b85e20;color:#fff0b0}.appointment-clock,.salon-metrics svg,.selected-client,.exercise-preset small{color:#e6b85e}.selected-client{background:#e6b85e12}.record-icon svg{color:#e6b85e}
dialog{background:#0b2c23}dialog::backdrop{background:#0b100ed4}.field,.exercise-preset,.custom-exercise>summary{background:#113d31}.segmented button.active{background:#e6b85e;color:#061b16}.mic{background:radial-gradient(circle at 40% 30%,#fff0b0,#9c7548);border-color:#e6b85e}
.card-heading{display:flex;align-items:center;gap:12px;margin:12px 0 20px}.card-heading>div{flex:1;min-width:0}.card-heading small{color:#e6b85e;font-size:10px;letter-spacing:1.5px;font-weight:750}.card-heading .client-title{margin:3px 0 0;font-size:27px;overflow-wrap:anywhere}.client-avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:20px;font-weight:800;flex-shrink:0}
.tile-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#e6b85e18;color:#e6b85e;flex-shrink:0}.tile-symbol svg{width:25px;height:25px}.next-meeting,.client-wish{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #e6b85e25;background:linear-gradient(130deg,#164b3c,#113d31);border-radius:22px;padding:17px;color:var(--cream)}.next-meeting>span:nth-child(2),.client-wish>span:nth-child(2){flex:1;min-width:0}.next-meeting small{font-size:11px;letter-spacing:1px;color:#e6b85e;font-weight:750;display:block}.next-meeting strong{font-size:18px;display:block;margin-top:4px}.chevron{font-size:28px;color:#e6b85e}.section-title>span{font-size:11px;color:var(--muted)}
.salon-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:6px 0 14px}.salon-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;background:linear-gradient(140deg,#113d31,#0b2c23);border:1px solid var(--line);border-radius:22px;padding:16px;color:var(--cream);min-height:136px}.salon-tile strong{font-size:17px;line-height:1.2}.salon-tile small{font-size:12px;line-height:1.4;color:#c8beab;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-arrow{position:absolute;right:17px;top:18px;color:#9d9381}.amber .tile-symbol{color:#fff0b0;background:#e6b85e1a}.rose .tile-symbol{color:#dda8a0;background:#dda8a015}.blue .tile-symbol{color:#9dbdcf;background:#9dbdcf15}.green .tile-symbol{color:#e6b85e;background:#e6b85e15}
.client-wish{padding:13px 16px;margin-bottom:12px}.client-wish strong,.client-wish small{display:block}.client-wish small{margin-top:4px;color:#c8beab;font-size:12px}.client-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.client-tools button{padding:10px 4px;display:grid;justify-items:center;gap:6px;font-size:11px;min-height:70px}.client-tools svg{width:23px;height:23px;color:#e6b85e}.primary-action{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;margin:12px 0}.primary-action svg{width:23px;height:23px}.client-options{margin:6px 0 12px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.client-options summary,.salon-disclosure>summary{padding:12px 15px;cursor:pointer;color:#c8beab;font-size:13px}.client-options[open]>summary,.salon-disclosure[open]>summary{border-bottom:1px solid var(--line);color:var(--cream)}.client-options p{padding:0 15px;font-size:13px}.refresh-client{font-size:12px;min-height:32px;color:#e6b85e}.salon-disclosure{border:1px solid var(--line);border-radius:18px;margin:12px 0;overflow:hidden}.salon-disclosure>summary{font-weight:750}.salon-disclosure .card{border-radius:0;border:0;border-bottom:1px solid var(--line);margin:0}.salon-disclosure .section-title{padding:0 12px}.salon-metrics button{box-shadow:0 3px 0 #0b100e}
.salon-tile:hover,.list-button:hover{border-color:#e6b85e66}.salon-tile:active,.next-meeting:active,.client-wish:active{transform:scale(.97)}#view{animation:salon-enter .2s ease-out}@keyframes salon-enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.work .visit-save-bar{bottom:85px;background:#0b2c23f7}.work #view{padding-bottom:76px}.work .selected-client{margin:0 0 6px;padding:5px 10px}.salon-page .salon-add{min-height:48px}
@media(max-width:420px){.card-heading{margin:6px 0 14px}.card-heading .client-title{font-size:23px}.salon-tile{padding:13px;min-height:124px}.salon-tile strong{font-size:16px}.salon-tile-grid{gap:9px}.client-tools{gap:6px}.section-title h2{font-size:19px}.next-meeting{padding:14px}.client-options{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){#view{animation:none}.salon-tile,.next-meeting,.client-wish{transition:none}}
.work .visit-save-bar{bottom:0}

/* Colors verified on the public website on 4 October 2026. */
.gold{background:linear-gradient(115deg,#b98732 0%,#fff0b0 48%,#bd8430 100%);color:#1d1608}.shell{background:#0a241d}body{background:radial-gradient(ellipse at 50% 12%,#113d31,#061b16 75%)}.card,.quiet,.salon-tile,.salon-metrics button{background:linear-gradient(#113d31,#0b2c23);border-color:rgba(230,184,94,.24)}nav{background:#061b16}.next-meeting,.client-wish{background:linear-gradient(#164b3c,#0b2c23)}.work .visit-save-bar{background:#0b2c23f7}.note-preview,.client-options summary{color:#c8beab}
.appointment-row>svg{width:26px;height:26px;flex:0 0 26px;color:var(--gold)}