.jch{--jch-accent:var(--jcr-accent,#168fc8);font-family:system-ui,-apple-system,sans-serif;color:#172a38;font-size:14px;line-height:1.5;max-width:1500px;margin:0 auto;background:#f4f7f8;min-height:100vh}.jch *{box-sizing:border-box}.jch h1,.jch h2,.jch h3{line-height:1.2;margin:0 0 14px}.jch h1{font-size:25px}.jch h2{font-size:25px}.jch h3{font-size:18px}.jch button,.jch input,.jch select,.jch textarea{font:inherit}.jch button{padding:9px 13px;border:1px solid #dbe4e8;border-radius:9px;background:white;cursor:pointer;margin:3px}.jch button:hover{border-color:var(--jch-accent)}.jch button:disabled{opacity:.5;cursor:wait}.jch .jcr-primary{background:var(--jch-accent);color:white}.jch input:not([type=checkbox]),.jch select,.jch textarea{width:100%;max-width:100%;padding:10px;border:1px solid #d0dce1;border-radius:8px;background:white}.jch label{display:block;margin:9px 0}.jch .jcr-check{display:flex;align-items:center;gap:10px}.jch .jcr-check input{width:auto}.jch-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:white;border-bottom:1px solid #dde6e9}.jch-header small{letter-spacing:.07em}.jch-layout{display:grid;grid-template-columns:205px minmax(0,1fr)}.jch-layout>main{padding:26px;min-width:0}.jch-nav{padding:15px;background:white;border-right:1px solid #dde6e9;display:flex;flex-direction:column;align-items:stretch;gap:3px}.jch-nav button{text-align:left;border-color:transparent;font-weight:550}.jch-nav button.active{background:#e7f5f7;color:#086579}.jch-nav small{font-size:10px;margin-top:30px}.jch-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.jch-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:15px}.jch-card{border:1px solid #dfe8eb;background:white;border-radius:14px;padding:20px;margin:12px 0;overflow-wrap:anywhere}.jch-card p,.jch-messages p{white-space:pre-wrap}.jch-card pre{white-space:pre-wrap;font:inherit;font-size:12px}.jch-admin{color:#bf243d}.jch-member{color:#176bbe}.jch-pill{padding:3px 8px;border-radius:20px;background:#eaf4f6}.jch-callout{background:#e6f4f7;padding:20px;border-radius:12px;margin:15px 0}.jch-tabs{display:flex;gap:15px;overflow:auto;padding:15px 0;position:sticky;top:0;background:#f4f7f8;z-index:4}.jch-tabs a{white-space:nowrap;color:#166276}.jch-lines{white-space:pre-wrap}.jch-messages{max-height:450px;overflow:auto}.jch-messages article{background:#f5f8fa;border-radius:10px;padding:12px;margin:9px 0}.jch-login{max-width:480px;margin:10vh auto;background:white;padding:30px;border:1px solid #e0e5e8;border-radius:18px}.jch-total{font-size:48px;color:#0c7b65}.jch table{width:100%;border-collapse:collapse}.jch td,.jch th{padding:12px;text-align:left;border-bottom:1px solid #ddd}.jch [data-notice]:not([hidden]){padding:15px;border:1px solid #e5b36d;background:#fff9ee}.jch-field .jch-nav,.jch-field #jch-section-0,.jch-field #jch-section-2,.jch-field #jch-section-3,.jch-field #jch-section-4{display:none}.jch-field .jch-layout{display:block}.jch-field #jch-section-1{font-size:19px}.jch details>summary{cursor:pointer;font-weight:650}.jch fieldset{border:1px solid #d8e3e7;border-radius:10px;padding:15px}.jch .jcr-form{max-width:900px}.jch .jcr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jcr .jcr-city-picker{padding:12px 0}.jcr .jcr-city-picker select{max-width:350px;padding:10px;border:1px solid #ddd;border-radius:8px}@media(max-width:760px){.jch-header{padding:15px;align-items:start}.jch-header>div:last-child{font-size:12px;text-align:right}.jch-layout{display:block}.jch-nav{flex-direction:row;overflow:auto;position:sticky;top:0;z-index:6;padding:7px;border-bottom:1px solid #ddd}.jch-nav button{white-space:nowrap}.jch-nav small{display:none}.jch-layout>main{padding:14px}.jch-heading{display:block}.jch-cards{grid-template-columns:1fr}.jch-card{padding:15px}.jch .jcr-grid2{grid-template-columns:1fr}.jch-tabs{top:63px}.jch h2{font-size:23px}}

.jcr .jcr-week-event.jcr-event-waiting{background:#e6f0ff;border-left:3px solid #2475cb;color:#16375c}.jcr .jcr-week-event.jcr-event-completed{background:#ddf5e9;border-left:3px solid #229362;color:#124a31}

.jch-timeline article{display:grid;grid-template-columns:115px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid #e4eaef}.jch-timeline time{font-weight:700;color:var(--jch-accent)}.jch [data-row]{margin:12px 0}.jch-timeline p{margin:5px 0}
/* V6.0.2 — full-width team workspace, dark blue/black skin. Public booking unchanged. */
body.jcr-staff-page{margin:0;background:#080d14;color:#eaf2f8}
body.jcr-staff-page #jcr-staff,#jcr-hub.jch{width:100%;max-width:none;margin:0;padding:0;min-height:100vh;background:#080d14;color:#eaf2f8;color-scheme:dark;--ink:#eaf2f8;--muted:#a1b3c4;--line:#293a4b;--paper:#101923;--blue-light:#132d3f;--jch-accent:#71d3f3}
#jcr-staff.jch .jch-header,#jcr-hub.jch .jch-header{background:#0d1621;border-color:#253647;padding:18px 24px}
.jch .jch-layout{grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 88px)}
.jch .jch-nav{background:#0d1621;border-color:#253647;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;padding:12px}
.jch .jch-layout>main{padding:24px;min-width:0}
.jch .jch-nav button{color:#afc1d0;background:transparent;padding:9px 12px;margin:1px 0;font-size:13px;min-height:36px}
.jch .jch-nav button.active,.jch .jch-nav button:hover{color:#8be1ff;background:#153348;border-color:#24465c}
.jch h1,.jch h2,.jch h3,.jch h4,.jch label,.jch strong,.jch summary{color:#eaf2f8}
.jch p,.jch small,.jch .jcr-muted,.jch dt{color:#a9bbcb}.jch a{color:#83dfff}
.jch .jch-card,.jch .jcr-panel,.jch .jcr-task,.jch .jcr-team-tools [data-tool-panel],.jch .jcr-price-grid article{background:#101c29;color:#eaf2f8;border:1px solid #293b4d;box-shadow:none}
.jch .jch-card{padding:18px}.jch .jcr-price-grid article:hover{background:#163044}
.jch button{background:#172738;border-color:#31485d;color:#e1edf5;box-shadow:none}
.jch button:hover{background:#203b50;border-color:#71d3f3}
.jch button.jcr-primary,.jch .jcr-basket [data-pay]{background:#71d3f3;color:#071b26;border-color:#71d3f3;font-weight:700}
.jch input:not([type=checkbox]),.jch select,.jch textarea{background:#0b141f;color:#eaf2f8;border:1px solid #31485d;box-shadow:none;padding:10px 12px;min-height:40px}
.jch input::placeholder,.jch textarea::placeholder{color:#839bad}.jch input[type=checkbox]{accent-color:#71d3f3}
.jch :focus-visible{outline:2px solid #71d3f3;outline-offset:3px}
.jch .jcr-form{max-width:none;gap:12px}.jch .jcr-form label{margin:0;font-size:13px}
.jch .jch-tabs{background:#080d14}.jch .jch-tabs a{color:#83dfff}.jch .jch-pill,.jch .jch-callout{background:#153044;color:#c0e9fb}
.jch .jch-messages article{background:#142333}.jch .jch-login{background:#101c29;border-color:#293b4d}
.jch .jch-admin{color:#ff8298}.jch .jch-member{color:#79c8ff}.jch .jch-total{color:#72e7bd}
.jch fieldset,.jch th,.jch td{border-color:#293b4d}.jch th{background:#111f2d}.jch td{color:#d7e4ee}
.jch [data-notice]:not([hidden]),.jch .jcr-week-warning{background:#342816;color:#ffe0a6;border-color:#876332}
.jch .jcr-price-grid strong{color:#eaf2f8}.jch .jcr-price-grid small{color:#a9bbcb}
.jch .jcr-week-scroll,.jch .jcr-v3-board,.jch .jcr-week-body,.jch .jcr-week-header,.jch .jcr-week-hours,.jch .jcr-week-day{background-color:#101c29;color:#c7d8e5;border-color:#293b4d}
.jch .jcr-week-header>div{background:#132333;color:#d7e4ee}.jch .jcr-week-header .jcr-today{background:#173e56;color:#8be1ff}
.jch .jcr-week-closed{background:#192431}.jch .jcr-week-busy{background:#384353;color:#fff}.jch .jcr-week-block{background:#5b4023;color:#ffe0a6}
.jch .jcr-appointment-dialog,.jch .jcr-price-dialog{background:#101c29;color:#eaf2f8;border-color:#31485d}
.jcr-cash-box{padding:18px;border:1px solid #43829b;border-radius:12px;background:#edfaff;margin:14px 0}.jcr-cash-box input{font-size:24px!important;font-weight:700}.jcr-change{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.jcr-change output{font-size:32px;font-weight:750;font-variant-numeric:tabular-nums;color:#087253}.jcr-cash-box [data-cash-error]{color:#a12c27}
.jch .jcr-cash-box{background:#122c3c;border-color:#38677f}.jch .jcr-change output{color:#83efc5}.jch .jcr-cash-box [data-cash-error]{color:#ffab9d}
@media(max-width:760px){.jch .jch-layout{display:block}.jch .jch-nav{position:sticky;top:0;max-height:none;overflow-x:auto;flex-direction:row;padding:7px;z-index:6}.jch .jch-nav button{white-space:nowrap}.jch .jch-nav small{display:none}.jch .jch-layout>main{padding:14px}.jch .jch-header{padding:14px!important}.jch .jch-tabs{top:57px}.jcr-change output{font-size:27px}}
/* V6.5: calendar toolbar and closed-time stripes use the workspace palette. */
.jch .jcr-calendar-toolbar{background:#101c29;color:#c7d8e5;border:1px solid #293b4d;border-radius:12px;padding:12px;box-shadow:none}
.jch .jcr-week-closed{background:repeating-linear-gradient(45deg,#172432 0,#172432 5px,#1d2e40 5px,#1d2e40 10px);color:#a7bbcb}
.jch .jcr-week-day{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#293b4d 59px,#293b4d 60px)}
.jch .jcr-calendar-legend{color:#a7bbcb}.jch .jch-header>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.jch-bell-wrap{position:relative}.jch button.jch-bell{position:relative;display:flex;align-items:center;padding:10px}.jch .jch-bell.has-unread{color:#ff859a;border-color:#a53b51;background:#381c2a}.jch [data-count]{position:absolute;right:-7px;top:-7px;background:#e63e60;color:#fff;font-size:10px;min-width:18px;border-radius:12px;padding:1px 4px}
.jch .jch-popover{position:absolute;right:0;top:48px;width:min(380px,calc(100vw - 28px));z-index:40;background:#101c29;border:1px solid #31485d;border-radius:14px;box-shadow:0 16px 50px #0009;text-align:left}
.jch .jch-popover header,.jch .jch-chat-window header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #293b4d}.jch [data-notices]{max-height:360px;overflow:auto;padding:8px}.jch [data-notices] article{display:flex;align-items:start;border-bottom:1px solid #293b4d}.jch [data-notices] article button:first-child{flex:1;text-align:left;background:transparent;border:0}.jch [data-notices] small{display:block;margin-top:5px}.jch .jch-popover p{padding:0 12px}
.jch .jch-chat-dock{position:fixed;bottom:20px;right:22px;z-index:35;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.jch button.jch-chat-launcher{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#71d3f3;color:#082333;border:0;box-shadow:0 6px 25px #0008}.jch .jch-chat-window{width:380px;max-width:calc(100vw - 28px);background:#101c29;border:1px solid #31485d;border-radius:16px;box-shadow:0 14px 55px #000a;overflow:hidden}.jch .jch-chat-window header small{display:block;font-size:11px}.jch [data-chat-log]{height:260px;max-height:35dvh;overflow:auto;padding:12px}.jch [data-chat-log] article{background:#182a3a;border-radius:10px;padding:10px;margin-bottom:9px;overflow-wrap:anywhere}.jch [data-chat-log] p{white-space:pre-wrap;color:#e5edf5;margin:5px 0}.jch .jch-chat-window form{padding:12px;border-top:1px solid #293b4d}.jch .jch-chat-window form label{font-size:12px;margin:0 0 5px}.jch .jch-chat-window textarea{resize:vertical;min-height:60px;max-height:120px}.jch .jch-chat-window form>button{margin:8px 0 0}.jch [data-chat-error]:empty,.jch [data-error]:empty{display:none}
@media(max-width:760px){.jch .jch-chat-dock{right:12px;bottom:12px}.jch .jch-popover{position:fixed;top:90px;right:12px}.jch .jch-chat-window{max-height:calc(100dvh - 100px);overflow:auto}.jch .jch-layout>main{padding-bottom:90px}}
/* V6.6: service colours remain visible; completed status stays green. */
.jcr .jcr-week-event{background:var(--jcr-event-color,#167eb3)!important;border-left:4px solid var(--jcr-event-color,#71d3f3)!important;color:#fff!important;text-shadow:0 1px 2px #0009}
.jcr .jcr-week-event.jcr-event-completed{background:#19734e!important;border-left:6px solid var(--jcr-event-color,#58d794)!important}
.jch #jch-clients .jcr-customer-item{display:block;width:100%;text-align:left;background:#142333!important;border:1px solid #31485c!important;color:#edf5fa!important;border-radius:10px;padding:12px;margin:0 0 7px}
.jch #jch-clients .jcr-customer-item strong{color:#edf5fa!important;font-size:14px}.jch #jch-clients .jcr-customer-item small{display:block;color:#b6cadb!important;font-size:12px;overflow-wrap:anywhere}.jch #jch-clients .jcr-customer-item:hover,.jch #jch-clients .jcr-customer-item:focus{background:#203c50!important;border-color:#71d3f3!important}.jch #jch-clients [data-profile]{background:#101c29!important;color:#edf5fa!important}.jch #jch-clients td,.jch #jch-clients th{background:#142333!important;color:#edf5fa!important;border-color:#31485c!important}
.jch .jch-colors,.jch .jch-audience{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #31485c;border-radius:10px;padding:12px}.jch .jch-colors label{display:flex;align-items:center;gap:3px}.jch .jch-colors span[aria-hidden]{color:var(--swatch);font-size:26px}.jch .jch-document-editor{min-height:400px;background:#fff;color:#172439!important;padding:28px;border-radius:8px;outline:2px solid #31485c;font:16px/1.7 system-ui}.jch .jch-document-editor *{color:#172439!important}.jch .jch-document-page{max-width:900px;margin:auto;padding:24px;background:#fff;color:#172439!important;border-radius:8px;line-height:1.7}.jch .jch-document-page *{color:#172439!important}.jch .jch-editor-toolbar{display:flex;gap:6px;flex-wrap:wrap}.jch .jch-document-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.jch .jch-document-list small,.jch .jch-quote-row small{display:block;color:#b6cadb;margin:4px 0}.jch .jch-quote-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #31485c}.jch .jch-quote-row p{margin:4px 0}.jch .jch-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.jch .jch-card[style*="--task-color"]{background:color-mix(in srgb,var(--task-color) 14%,#101c29)}
@media(max-width:600px){.jch .jch-document-page,.jch .jch-document-editor{padding:15px}.jch .jch-quote-row{align-items:start;flex-direction:column}.jch .jch-document-list{grid-template-columns:minmax(0,1fr)}}
.jcr .jcr-week-event{color:var(--jcr-event-ink,#fff)!important;text-shadow:none}.jcr .jcr-week-event strong,.jcr .jcr-week-event b,.jcr .jcr-week-event small{color:inherit!important}.jcr .jcr-week-event.jcr-event-completed{color:#fff!important}
.jch .jch-file-preview{width:min(1000px,94vw);height:85vh;background:#101c29;border:1px solid #31485c;border-radius:12px;color:#edf5fa;padding:14px}.jch .jch-file-preview iframe{display:block;width:100%;height:calc(100% - 52px);border:0;background:#fff;margin-top:8px}.jch .jch-file-preview::backdrop{background:#0009}
/* V7 — quiet weekly grid, thumb-friendly weekly agenda, compact booking dialog. */
.jch .jcr-calendar-toolbar{padding:10px;gap:6px;border-radius:14px 14px 0 0;border-bottom:0}
.jch .jcr-calendar-toolbar button{min-height:40px;border-radius:9px}
.jch .jcr-calendar-toolbar [aria-pressed=true]{background:#184662;color:#a5e8ff;border-color:#377392}
.jch .jcr-week-warning:empty{display:none}.jch .jcr-week-warning{margin:0;padding:8px 12px;border-radius:0;font-size:12px}
.jch .jcr-week-scroll{border:1px solid #293b4d;border-radius:0 0 14px 14px;max-height:68vh}
.jch .jcr-v3-board{border:0;border-radius:0}
.jch .jcr-v3-board .jcr-week-day{background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#22303f 59px,#22303f 60px);border-color:#22303f}
.jch .jcr-v3-board .jcr-week-closed{background:#0b141eb3;border:0;color:transparent;pointer-events:none}
.jch .jcr-v3-board .jcr-week-header{background:#122131;border-color:#293b4d}
.jch .jcr-v3-board .jcr-week-header strong{padding:12px 4px;color:#b9ccda;text-transform:capitalize}
.jch .jcr-v3-board .jcr-week-header strong.jcr-today{background:#17405a;color:#9ee8ff}
.jch .jcr-v3-board .jcr-week-event{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;padding:1px 4px;line-height:1.1;border-radius:4px;cursor:pointer;box-sizing:border-box}
.jch .jcr-v3-board .jcr-week-event strong,.jch .jcr-v3-board .jcr-week-event b{font-size:10px;line-height:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jch .jcr-v3-board .jcr-week-event small{font-size:10px;margin:0;width:100%;line-height:12px}
.jch .jcr-v3-board .jcr-week-busy{background:#3c485766;color:#b5c4d2;border:1px solid #53617355;border-radius:4px}
.jch .jcr-calendar-legend{font-size:11px;gap:10px;margin:10px 0}.jch [data-calendar]>.jcr-muted{font-size:12px}
.jch button.jch-book-plus{background:#168bdd;color:white;border:1px solid #3dadff;border-radius:50%;width:46px;height:46px;min-height:46px;padding:0;display:grid;place-items:center;font-size:30px;line-height:1;box-shadow:0 5px 20px #168bdd33}
.jch .jch-book-dialog{max-width:620px;padding:24px;background:#101c29;color:#eaf2f8;border:1px solid #345066;max-height:90dvh}
.jch .jch-book-dialog::backdrop{background:#02070dc9;backdrop-filter:blur(3px)}
.jch .jch-book-dialog .jcr-dialog-heading{margin-bottom:20px}.jch .jch-book-dialog fieldset{padding:14px;border-radius:12px;display:grid;gap:12px;margin:0}
.jch .jch-book-dialog legend{color:#91cde7;font-size:12px;padding:0 5px;font-weight:600}.jch .jch-book-dialog details{margin-top:6px}.jch .jch-book-dialog details[open] summary{margin-bottom:12px}
.jch .jch-book-dialog [type=submit]{min-height:48px}.jch .jch-book-dialog [data-book-status]:empty{display:none}
.jch .jch-inbox-tabs,.jch .jch-inbox-pages{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.jch .jch-inbox-tabs [aria-pressed=true]{background:#184662;color:#a5e8ff}.jch [data-delete-inbox]{color:#ffb8bf;margin-top:10px}
.jcr-mobile-week{display:none}
@media(max-width:760px){
.jch .jch-heading{gap:10px}.jch .jch-heading h2{font-size:20px!important}.jch .jch-header h1{font-size:23px}.jch .jch-layout>main{padding:12px 10px 90px}
.jch input:not([type=checkbox]),.jch select,.jch textarea{font-size:16px!important;min-width:0}.jch button{min-height:42px}
.jch .jch-book-dialog{width:calc(100% - 16px);max-height:94dvh;padding:16px;margin:auto;border-radius:18px}.jch .jch-book-dialog .jcr-grid2{grid-template-columns:1fr 1fr;gap:10px}.jch .jch-book-dialog fieldset{padding:10px;min-width:0}.jch .jch-book-dialog label{min-width:0}.jch .jch-book-dialog input,.jch .jch-book-dialog select{width:100%;box-sizing:border-box}
.jch .jcr-week-scroll{display:none}.jch .jcr-mobile-week{display:grid;gap:8px;margin:10px 0}.jch .jcr-calendar-legend{display:none}
.jch .jcr-mobile-day{border:1px solid #293b4d;border-radius:12px;background:#101c29;overflow:hidden}.jch .jcr-mobile-day>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;cursor:pointer;list-style:none;text-transform:capitalize;font-size:13px}.jch .jcr-mobile-day>summary:after{content:'⌄';color:#83dfff}.jch .jcr-mobile-day>summary span{margin-left:auto;font-size:11px;color:#98b0c4}.jch .jcr-mobile-day>div{padding:0 10px 10px}
.jch button.jcr-mobile-event{display:flex;align-items:center;gap:12px;text-align:left;width:100%;margin-bottom:6px;background:#162738;border:1px solid #2d4255;border-left:4px solid var(--jcr-event-color);padding:10px;border-radius:8px;color:#eaf2f8}.jch .jcr-mobile-event>span:nth-child(2){flex:1;min-width:0}.jch .jcr-mobile-event strong{font-size:13px;overflow-wrap:anywhere}.jch .jcr-mobile-event small{display:block;font-size:11px;line-height:1.4;color:#aec2d2}.jch .jcr-mobile-event time{font-size:14px;font-weight:700;flex:none}.jch button.jcr-mobile-event.is-completed{background:#13362d;border-color:#28644e;border-left-color:var(--jcr-event-color)}.jch .jcr-mobile-add{width:100%;font-size:12px;background:transparent;border-style:dashed;color:#83dfff}.jch .jcr-mobile-busy,.jch .jcr-mobile-block{font-size:11px;padding:7px 10px;border-radius:6px;background:#263341;color:#bbcbd8;margin:5px 0}.jch .jcr-mobile-block{background:#463322;color:#f7d5ad}
.jch .jcr-calendar-toolbar{border-radius:12px;border:1px solid #293b4d}.jch .jcr-calendar-toolbar label{order:2;flex:1}.jch .jcr-calendar-toolbar input{width:145px}.jch .jcr-calendar-toolbar [data-block]{font-size:11px}.jch .jcr-calendar-toolbar>div{display:flex}
}
@media(max-width:380px){.jch .jch-book-dialog .jcr-grid2{grid-template-columns:1fr}.jch .jch-header>div:last-child{font-size:12px}}
