/* Layout 0.7: horizontal app shell + daily operator timeline. */
body{background:#f4f6f8;color:#243341}.studio-header{height:84px;display:flex;align-items:center;gap:34px;padding:0 34px;background:#fff;border-bottom:1px solid #e3e8ec;position:relative;z-index:10}.studio-brand{display:flex;gap:10px;align-items:center;flex-shrink:0;color:#142d36}.studio-logo{width:37px;height:37px;display:grid;place-items:center;background:#183c42;color:#fff;font-size:34px;line-height:1;padding-bottom:6px;border-radius:12px}.studio-brand>span:last-child{font-size:24px;letter-spacing:-1.2px;font-weight:750;line-height:1}.studio-brand b{display:block;font-size:8px;letter-spacing:2.8px;margin-top:6px;font-weight:650;color:#7b939c}.studio-nav{height:100%;display:flex;align-items:stretch;gap:8px;flex:1;min-width:0}.studio-nav>a{position:relative;display:flex;align-items:center;gap:8px;padding:0 15px;color:#7b8d99;font-size:12px;font-weight:550;white-space:nowrap}.studio-nav>a svg{width:17px;height:17px;flex-basis:17px;color:#9baab4}.studio-nav>a:hover{color:#345762}.studio-nav>a.current{color:#256d63}.studio-nav>a.current:after{content:'';height:3px;background:#4b9d89;position:absolute;bottom:0;left:15px;right:15px;border-radius:4px 4px 0 0}.studio-nav>a.current svg{color:#6b9f8e}.studio-account{display:flex;gap:10px;align-items:center;margin-left:auto;flex-shrink:0}.studio-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf1ec;color:#6d8d79;font-size:12px;font-weight:650}.studio-account strong{display:block;font-size:11px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#536a77;font-weight:600}.studio-account small{display:block;font-size:10px;color:#9baab2;margin-top:2px}.account-menu{position:relative}.account-menu>summary{cursor:pointer;list-style:none;width:27px;height:30px;display:grid;place-items:center;color:#8b9da7;font-size:18px}.account-menu>div{position:absolute;right:0;top:35px;min-width:170px;box-shadow:0 8px 30px #1f344018;border:1px solid #e1e8eb;background:#fff;border-radius:9px;padding:7px}.account-menu a,.account-menu button{display:block;border:0;background:none;padding:10px 12px;font-size:12px;color:#5b7181;width:100%;text-align:left}.account-menu a:hover,.account-menu button:hover{background:#f3f7f5;border-radius:5px}main.studio-main{max-width:1880px;margin:0 auto;padding:27px 32px 32px}.studio-page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.studio-eyebrow{display:block;font-size:9px;color:#9aabb2;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;margin-bottom:5px}.studio-page-title h1{font-size:28px;letter-spacing:-1px;font-weight:750;color:#2c424c;margin:0}.studio-page-title .btn.primary{background:#264e52;border-color:#264e52;padding:11px 17px;font-size:11px;border-radius:8px}.studio-page-title .btn.primary:hover{background:#183c42}.studio-datebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.studio-date-controls{display:flex;align-items:center;gap:14px}.studio-date-controls h2{font-size:18px;letter-spacing:-.3px;font-weight:650;text-transform:capitalize;color:#3a535f}.studio-date-controls>div>span{display:block;font-size:10px;color:#a0aeb5;margin-top:4px}.date-arrow{width:31px;height:34px;display:grid;place-items:center;font-size:25px;color:#91a5ae;background:#fff;border:1px solid #e2e8ec;border-radius:7px;line-height:1}.date-arrow:hover{background:#eef6f2;color:#4c8574}.today-pill{font-size:10px;border:1px solid #d5e4dc;background:#f7fbf8;color:#6a947e;padding:7px 10px;border-radius:6px;margin-left:3px}.studio-filters{display:flex;align-items:center;gap:8px}.studio-filters input,.studio-filters select{font-size:11px;min-height:35px;padding:8px 10px;border:1px solid #dfe7e8;color:#778e97;background:white;border-radius:7px}.studio-filters .btn{min-height:35px;padding:8px 13px;color:#738e98;border-color:#dfe7e8}.day-switcher{display:grid;grid-template-columns:repeat(7,1fr);background:white;border:1px solid #e3e9eb;border-radius:10px;padding:7px;gap:6px;margin-bottom:21px;overflow-x:auto}.day-switcher>a{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;border-radius:7px;color:#9caab4;min-width:100px;white-space:nowrap}.day-switcher>a>span{text-transform:uppercase;font-size:9px;letter-spacing:.7px}.day-switcher>a>b{font-size:16px;font-weight:650;color:#7b919d}.day-switcher>a>small{font-size:9px;color:#b8c3c9}.day-switcher>a:hover{background:#f7faf9}.day-switcher>a.selected{background:#eef5f0}.day-switcher>a.selected>b,.day-switcher>a.selected>span{color:#66907b}.day-switcher>a.today:not(.selected){outline:1px solid #e1ede5}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px}.timeline-panel{border:1px solid #e1e7ea;background:white;border-radius:12px;overflow:hidden;min-width:0}.timeline-panel-head{height:47px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-bottom:1px solid #e8edf0}.timeline-panel-head>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#82969f}.timeline-panel-head i{width:5px;height:5px;background:#93b8a1;border-radius:50%}.timeline-panel-head>small{font-size:9px;color:#acb9c0}.timeline-scroll{max-height:67vh;min-height:420px;overflow:auto;position:relative;isolation:isolate;scrollbar-width:thin;scrollbar-color:#d5e2de #f8faf9}.operator-timeline{display:grid;grid-template-columns:66px repeat(var(--operators),minmax(220px,1fr));min-width:max(100%,calc(66px + var(--operators) * 220px));align-items:start}.time-head{background:#fbfcfd;color:#b5c0c7;font-size:8px;display:flex;align-items:center;justify-content:center;height:69px;position:sticky;top:0;left:0;z-index:6;border-right:1px solid #e9eef0;border-bottom:1px solid #e7edef}.operator-head{height:69px;padding:15px 20px;display:flex;align-items:center;gap:11px;border-right:1px solid #e9eef0;border-bottom:1px solid #e7edef;background:#fff;position:sticky;top:0;z-index:5}.operator-head strong{display:block;font-size:12px;font-weight:650;color:#617885;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.operator-head small{font-size:9px;display:block;color:#afbec5;margin-top:3px}.operator-avatar{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;flex-shrink:0;background:#eaf3ed;color:#8da995;font-size:13px;font-weight:650}.operator-avatar.tone-1{background:#edf1f9;color:#94a4c3}.operator-avatar.tone-2{background:#faf0e9;color:#c1a18a}.operator-avatar.tone-3{background:#f1edf7;color:#ab98c0}.time-ruler{position:sticky;left:0;background:#fbfcfd;z-index:4;border-right:1px solid #e8eef0}.time-ruler>span{position:absolute;right:12px;font-size:9px;color:#a6b6bf;transform:translateY(5px);font-variant-numeric:tabular-nums}.operator-track{position:relative;border-right:1px solid #e9eef0;background:repeating-linear-gradient(135deg,#fbfcfd 0,#fbfcfd 5px,#f6f8f9 5px,#f6f8f9 6px);overflow:hidden}.working-window{position:absolute;left:0;right:0;z-index:0;background:repeating-linear-gradient(to bottom,#fff 0,#fff 44px,#edf1f3 44px,#edf1f3 45px);pointer-events:none}.time-slot{position:absolute;left:0;right:0;width:100%;height:45px;padding:0;border:0;border-top:1px solid #eff3f4;background:transparent;z-index:1;color:#7daca0;text-align:left}.time-slot>span{opacity:0;display:block;font-size:10px;margin:12px 14px}.time-slot:hover,.time-slot:focus-visible{background:#f0f8f3;outline-offset:-3px}.time-slot:hover>span,.time-slot:focus-visible>span{opacity:1}.timeline-event{position:absolute;left:7px;right:7px;z-index:2;padding:10px 12px 8px;background:#edf6ef;border:1px solid #dcecdf;border-left:3px solid #91b59b;border-radius:7px;overflow:hidden;transition:box-shadow .15s;line-height:1.4;color:#668a71}.timeline-event:hover{box-shadow:0 4px 10px #7f9f871a;filter:brightness(.98)}.timeline-event>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#86a18d;font-weight:600;white-space:nowrap}.timeline-event>div>small{font-size:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.timeline-event>strong{display:block;font-size:12px;font-weight:650;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f846b}.timeline-event>p{font-size:10px;color:#96ad9b;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-event>footer{font-size:8px;color:#a7bba9;margin-top:9px}.timeline-event.event-confirmed{background:#edf3fd;border-color:#dce6f6;border-left-color:#9bb3da}.event-confirmed>strong{color:#738bad}.event-confirmed>div,.event-confirmed>p,.event-confirmed>footer{color:#a0b1cc}.timeline-event.event-completed{background:#f4f6f7;border-color:#e6ebee;border-left-color:#b5c1c6}.event-completed>strong{color:#8c9ea6}.event-completed>div,.event-completed>p,.event-completed>footer{color:#afbdc4}.timeline-event.event-no_show{background:#fff5ec;border-color:#f5e5d4;border-left-color:#d6b18c}.timeline-event.event-compact{padding:2px 8px;display:flex;align-items:center;gap:8px}.event-compact>div{font-size:9px;flex-shrink:0}.event-compact>strong{font-size:10px;margin:0}.event-compact>div>small,.event-compact>p,.event-compact>footer{display:none}.daily-desk{display:flex;flex-direction:column;gap:16px}.desk-card{background:#fff;border:1px solid #e2e9ec;border-radius:11px;padding:21px 19px}.desk-card>h2{font-size:13px;color:#657f8a;font-weight:650}.desk-card>p{font-size:10px;color:#b0bdc4;margin-top:5px;line-height:1.8}.desk-appointment{padding:18px 0;display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid #eef2f4}.desk-appointment:last-child{padding-bottom:0;border-bottom:0}.desk-time{font-size:10px;color:#91a3ad;font-variant-numeric:tabular-nums;padding-top:1px;flex-shrink:0}.desk-appointment>span:nth-child(2){min-width:0;flex:1}.desk-appointment b{display:block;font-size:11px;color:#79919c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.desk-appointment small{display:block;font-size:9px;color:#afbdc4;margin:5px 0}.desk-appointment em{font-style:normal;font-size:9px;color:#a0b4ad}.desk-appointment>i{font-style:normal;font-size:13px;color:#c1cdd2}.desk-empty{font-size:11px;line-height:1.8;color:#afbdc5;padding:28px 0 8px}.desk-tip{background:#f2f6f3;border-color:#e4ece5}.desk-tip>svg{width:21px;height:21px;color:#a2bba8;margin-bottom:8px}.desk-tip h3{font-size:12px;color:#839e8a}.desk-tip p{color:#aebeb2}.desk-tip>a{display:inline-block;font-size:10px;color:#8aa692;font-weight:600;margin-top:17px}.cancelled-list summary{font-size:10px;color:#a9948b;cursor:pointer}.cancelled-list>a{display:block;font-size:10px;color:#b2a098;padding-top:13px}.timeline-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 5px;color:#acb9c1;font-size:9px}.timeline-legend>span{display:flex;align-items:center;gap:6px}.timeline-legend i{width:6px;height:6px;border-radius:50%;background:#a1c0a8}.timeline-legend i.blue{background:#a5b9da}.timeline-legend i.gray{background:#bdc9cd}
/* Booking is a docked right drawer; the agenda stays visible behind it. */
.booking-drawer.beauty-dialog{margin:0 0 0 auto;position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;max-width:100vw;width:485px;border-radius:0;border:0;border-left:1px solid #e5ebed;box-shadow:-18px 0 80px #35495722}.booking-drawer::backdrop{background:#19303833;backdrop-filter:blur(1px)}.booking-drawer .dialog-heading{padding:27px 27px 24px;background:#fff;position:sticky;top:0;z-index:3}.booking-drawer .dialog-heading h2{font-size:23px;color:#58727a;margin-top:7px}.booking-drawer .dialog-heading p{font-size:11px;color:#a8b9bf}.booking-drawer .beauty-kicker{color:#9bb1aa;font-size:8px}.booking-drawer .step-number{display:none}.booking-drawer .booking-section>h3{padding-left:0;font-size:12px;color:#89a19e;margin-bottom:17px}.booking-drawer .booking-section{border-color:#edf1f2;padding:24px 0}.booking-drawer .field label{font-size:11px;color:#8c9fa9;font-weight:500}.booking-drawer .field input,.booking-drawer .field select{font-size:12px;min-height:42px;color:#6d8791;border-color:#e1e8eb;background:#fcfdfd}.booking-drawer .inline-create{background:#f8fbf9;border-color:#e7efe9}.booking-drawer .inline-create>summary{font-size:10px;color:#a0b4a7;font-weight:500}.booking-drawer .dialog-footer{background:#fff;border-top:1px solid #eaf0ed;position:sticky;bottom:0;margin:0 -27px;padding:20px 27px;z-index:3;box-shadow:0 -6px 15px #ffffffcf}.booking-drawer .btn.primary{background:#375d56;border-color:#375d56;font-size:11px}.booking-drawer .btn.secondary{color:#94a79e;border-color:#dce7e0;font-size:11px}.booking-drawer .booking-hint{font-size:10px;color:#acbbb4}.booking-drawer .booking-form{padding-bottom:0}.booking-drawer .two-fields{gap:0 13px}.booking-drawer .close-dialog{border:0;background:#f5f8f7;color:#a4b4ae;font-size:22px}
/* Team: working roster rather than profile-card gallery. */
.roster{border:1px solid #e2e9ec;border-radius:12px;background:white;overflow:hidden}.roster-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid #eaf0f2}.roster-head h2{font-size:14px;font-weight:650;color:#68828d}.roster-head>span{font-size:10px;color:#a9bac1}.roster-scroll{overflow:auto}.roster-table{width:100%;border-collapse:collapse;text-align:left}.roster-table th{font-size:9px;color:#a7b7c0;font-weight:600;background:#fbfcfd;padding:15px 25px}.roster-table td{padding:21px 25px;border-color:#eef2f4;font-size:11px;color:#8ea3ae;vertical-align:middle}.roster-person{display:flex;gap:13px;align-items:center}.roster-avatar{display:grid;place-items:center;background:#edf3ef;color:#a1b7a7;width:38px;height:38px;border-radius:50%;font-size:17px;font-weight:650}.roster-person strong{display:block;color:#748f9a;font-size:12px;font-weight:650}.roster-table small{display:block;font-size:10px;color:#b1c0c7;margin-top:5px}.roster-table td>b{font-size:11px;color:#90a6b1;font-weight:550}.roster-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.roster-actions .btn{font-size:10px;min-height:31px;padding:7px 11px;border-color:#e2e9ed;color:#92a6b0}.roster-status{border:0;background:none;color:#b5a59d;font-size:9px;padding:8px 5px}.roster-note{padding:18px 25px;font-size:10px;line-height:1.8;color:#afbdc3;background:#fcfdfd;border-top:1px solid #edf1f3}.studio-main>.form-layout{max-width:1200px}.studio-main>.card{border-color:#e1e8ec}.studio-main .notice{margin-bottom:22px}.studio-main>.editor{max-width:1100px}
/* Operational text must remain readable, including secondary controls. */
.studio-nav>a{color:#657b89}.studio-nav>a.current{color:#326959}.studio-date-controls h2{color:#395563}.studio-date-controls>div>span{color:#8398a2}.day-switcher>a>small{color:#98aab3}.operator-head strong{color:#506f7f}.operator-head small{color:#8ba1ad}.time-ruler>span{color:#8b9eaa}.timeline-event>strong{color:#4d765c}.timeline-event>p{color:#799a83}.timeline-event>div{color:#6d9278}.event-confirmed>strong{color:#59769e}.event-confirmed>div,.event-confirmed>p{color:#7e98b9}.desk-card>h2{color:#536f7e}.desk-card>p,.desk-empty{color:#8ea4b0}.desk-appointment b{color:#668594}.desk-appointment small{color:#98acb8}.booking-drawer .field label{color:#748e9b}.booking-drawer .inline-create>summary{color:#7a9d88}.roster-person strong{color:#5f8090}.roster-table small{color:#91a9b6}.roster-actions .btn{color:#7694a4}.roster-note{color:#91a7b3}
@media(min-width:1700px){.studio-workspace{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.timeline-scroll{max-height:73vh}.studio-header{padding:0 44px}.studio-main{padding:32px 42px!important}.operator-timeline{grid-template-columns:66px repeat(var(--operators),minmax(250px,1fr))}}@media(max-width:1240px){.studio-header{gap:18px;padding:0 24px}.studio-nav{gap:2px}.studio-nav>a{padding:0 10px;font-size:11px}.studio-account strong{max-width:100px}.studio-workspace{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.desk-card{padding:18px 15px}.studio-main{padding:26px 24px!important}.roster-table td,.roster-table th{padding:17px 20px}}@media(max-width:1000px){.studio-header{flex-wrap:wrap;height:auto;padding:19px 23px 0;gap:15px}.studio-account{order:1}.studio-brand{order:0}.studio-nav{order:2;flex-basis:100%;height:49px;overflow:auto;gap:10px}.studio-nav>a{padding:0 12px}.studio-workspace{grid-template-columns:1fr}.daily-desk{display:none}.timeline-scroll{max-height:68vh}.studio-datebar{flex-wrap:wrap}.studio-nav>a.current:after{left:10px;right:10px}.day-switcher>a{padding:8px;gap:7px;min-width:88px}.day-switcher>a>small{display:none}.roster-actions{min-width:225px}}@media(max-width:650px){.studio-header{padding:16px 16px 0;gap:11px}.studio-brand>span:last-child{font-size:23px}.studio-logo{width:32px;height:32px;font-size:30px}.studio-account strong{font-size:10px;max-width:112px}.studio-account small{font-size:9px}.studio-avatar{display:none}.studio-nav{gap:0;height:48px}.studio-nav>a{font-size:10px;padding:0 11px;gap:6px;flex-shrink:0}.studio-nav>a svg{width:14px;height:14px;flex-basis:14px}.studio-main{padding:22px 15px!important}.studio-page-title{gap:10px;margin-bottom:21px;align-items:flex-start}.studio-page-title h1{font-size:25px}.studio-eyebrow{font-size:8px}.studio-page-title .btn.primary{font-size:10px;padding:10px 12px;min-height:39px}.studio-page-title .btn svg{display:none}.studio-date-controls{gap:10px}.studio-date-controls h2{font-size:16px}.studio-date-controls>div>span{font-size:9px}.studio-filters{width:100%}.studio-filters input{flex:1;min-width:100px}.studio-filters select{flex:1;max-width:140px}.studio-datebar{gap:18px}.day-switcher{gap:2px;padding:5px;grid-template-columns:repeat(7,minmax(53px,1fr));margin-bottom:17px}.day-switcher>a{min-width:53px;flex-direction:column;gap:3px;padding:7px 3px}.day-switcher>a>span{font-size:8px}.day-switcher>a>b{font-size:16px}.timeline-panel-head{padding:0 15px;height:43px}.timeline-panel-head small{font-size:8px}.timeline-panel-head>span{font-size:10px}.operator-timeline{grid-template-columns:49px repeat(var(--operators),minmax(210px,1fr));min-width:max(100%,calc(49px + var(--operators) * 210px))}.time-head{font-size:7px}.operator-head{padding:13px;gap:8px}.operator-head strong{font-size:11px}.operator-head small{font-size:8px}.time-ruler>span{right:9px;font-size:8px}.timeline-event{left:5px;right:5px;padding:9px}.timeline-legend{font-size:8px;gap:12px}.timeline-legend>span:last-child{width:100%;margin-top:2px}.timeline-scroll{max-height:64vh}.booking-drawer.beauty-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh}.booking-drawer .dialog-heading{padding:24px 22px}.booking-drawer .booking-form{padding-left:22px;padding-right:22px}.booking-drawer .dialog-footer{margin-left:-22px;margin-right:-22px;padding:18px 22px}.booking-drawer .two-fields{grid-template-columns:1fr 1fr;gap:0 12px}.booking-drawer .field input,.booking-drawer .field select{font-size:12px}.roster-head{padding:18px}.roster-head h2{font-size:13px}.roster-head>span{font-size:9px}.roster-table{min-width:680px}.roster-note{padding:16px 18px;font-size:9px}}
/* Final legibility pass after desktop/mobile rendering. */
.studio-nav>a{color:#586f7d}.studio-account strong{color:#445f6c}.studio-account small{color:#8298a3}.studio-date-controls>div>span{color:#738e9c}.day-switcher>a>span{color:#7c929d}.day-switcher>a>b{color:#607f8f}.day-switcher>a>small{color:#849da9}.operator-head strong{color:#3a5d6e;font-size:13px}.operator-head small{color:#7894a3;font-size:10px}.time-ruler>span{color:#688592;font-size:10px}.time-head{color:#8aa0aa}.timeline-event>strong{color:#2f6140;font-size:13px}.timeline-event>div{color:#49785b;font-size:11px}.timeline-event>p{color:#61876c;font-size:11px}.timeline-event>footer{color:#829e88;font-size:9px}.event-confirmed>strong{color:#3f6694}.event-confirmed>div,.event-confirmed>p{color:#6b8db5}.event-completed>strong{color:#647e8d}.event-completed>div,.event-completed>p{color:#8da3af}.event-compact>strong{font-size:11px}.event-compact>div{font-size:10px}.desk-card>h2{font-size:14px;color:#4e7081}.desk-card>p,.desk-empty{color:#839eac;font-size:11px}.desk-appointment b{color:#4f768b;font-size:12px}.desk-appointment small{color:#89a1af;font-size:10px}.desk-time{color:#7b97a7;font-size:11px}.desk-appointment em{font-size:10px;color:#8aa99c}.booking-drawer .dialog-heading h2{color:#3e6476}.booking-drawer .field label{color:#567b90;font-size:12px}.booking-drawer .field input,.booking-drawer .field select{color:#426779;font-size:13px}.booking-drawer .booking-section>h3{color:#5b7f77;font-size:13px}.booking-drawer .inline-create>summary{color:#648d75;font-size:11px}.booking-drawer .booking-hint{color:#8ca59b}.booking-drawer .dialog-heading p{color:#8da7b4;font-size:12px}.roster-person strong{color:#456d82;font-size:13px}.roster-table small{color:#7f9dab;font-size:11px}.roster-table td>b{color:#6e91a4;font-size:12px}.roster-actions .btn{color:#64889c;font-size:11px}.roster-note{color:#819dab;font-size:11px}
@media(max-width:650px){.operator-head strong{font-size:12px}.operator-head small{font-size:9px}.time-ruler>span{font-size:9px}.timeline-event>strong{font-size:12px}.timeline-event>p{font-size:10px}.timeline-event>div{font-size:10px}}