@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* COCO's approved colour and typography tokens. Loaded after layout styles. */
:root{--bg:#F6F8FA;--ink:#172B35;--muted:#64748B;--line:#E2E8F0;--green:#147D92;--purple:#7C3AED;--primary:#147D92;--primary-hover:#106577;--sidebar:#18252B;--available:#15803D;--reserved:#2563EB;--pending:#B45309;--overdue:#DC2626;--maintenance:#7C3AED;--lime:#EAF5F7}
html,body,button,input,select,textarea,h1,h2,h3,strong,b,.stat strong,.revenue-card>strong,.inventory-card strong,.inventory-overview b,.week-day b,.agenda-date b,.stock-number,.launch-number{font-family:Inter,Arial,sans-serif!important}
body{background:#F6F8FA;color:#172B35;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}
h1,.customer-intro h1{font-size:24px!important;font-weight:600!important;letter-spacing:-.4px!important;line-height:1.35!important;color:#172B35}
h2,h3,.card-head h2,.section-top h2,.launch-step h2,.form-section h2,.modal-head h2,.inventory-card h3,.customer-bottom h2,.studio-title h2{font-size:18px!important;font-weight:600!important;line-height:1.4;letter-spacing:-.2px;color:#172B35!important}
p,td,td b,.detail-grid b,.detail-item,.inventory-pick b,.studio-card b,.attention-row b,.quick-actions b,.agenda-row>div:nth-child(2)>b,.inventory-card p,.studio-tile-body>p,.customer-intro>p,.customer-bottom p,.launch-step p,.launch-intro p,.log p,.price-line,.calendar-event{font-size:14px!important;font-weight:400;color:#172B35!important}
label,.btn,.btn.small,.text-link,nav button,.nav-website,.hero-button,.step-tabs .btn,.agenda-tabs button,.stock-name b,.inventory-pick b{font-size:14px!important;font-weight:500!important}
input,select,textarea,table{font-size:14px!important;font-weight:400!important;color:#172B35!important}
small,.subtitle,.card-head p,.stat small,.attention-row small,.quick-actions small,.agenda-row>div:nth-child(2)>small,.agenda-type,.agenda-empty p,.inventory-pick small,.studio-card small,.photo-disclosure,.workspace-note p,.revenue-card>p,.deposit-line,.terms,.terms .text-link,.note,.note p,.table-caption,.studio-title>span,.studio-rate small,.studio-rate>span,.customer-trust,.section-top>.subtitle,.inventory-card .card-bottom,.summary-support,.detail-grid small,.log small,.calendar-title,.breadcrumb,.header-location,.demo-pill,.page-date,footer,.week-day span,.week-day small,.agenda-date small,.booking-progress,.badge,.nav-count,.section-eyebrow,.eyebrow,.hero-label,.hero-image-label,.photo-label small,.studio-tile-body>.btn,.initials,.nav-label,.workspace{font-size:12px!important;font-weight:400!important;line-height:1.6}
th{font-size:14px!important;font-weight:500;color:#64748B!important;letter-spacing:.3px}
.stat-label,.inventory-overview span{font-size:14px!important;font-weight:500;color:#64748B!important}
input,select,textarea,.btn,.card,.stat,.studio-card,.inventory-overview,.calendar-grid,dialog,.launch-step,.launch-intro,.customer-bottom{border-color:#E2E8F0!important}
.card,.stat,header,.studio-card,.inventory-overview,.calendar-cell,.inventory-card,.launch-step,.quick-actions button,.attention-row,.agenda-row,.btn{background:#FFFFFF;color:#172B35}
.card-head,td,.table-caption,.attention-row,.agenda-row,.quick-actions button,.inventory-pick,.card-bottom,.detail-section,.modal-head,.revenue-divider,.holder-panel,.inventory-overview>div{border-color:#E2E8F0!important}
th,.calendar-title,.week-day,.quick,.quick-icon,.item-icon,.product-photo,.product-photo.card,.product-photo.large{background:#F6F8FA!important}
.subtitle,.card-head p,.stat small,.attention-row small,.quick-actions small,.agenda-row>div:nth-child(2)>small,td small,.agenda-type,.agenda-empty p,.inventory-pick small,.studio-card small,.workspace-note p,.photo-disclosure,.table-caption,.note,.summary-support,.terms,.detail-grid small,.log small,.breadcrumb,.breadcrumb .breadcrumb-home,.header-location,.page-date,.section-eyebrow,.eyebrow,.customer-trust,.studio-rate>span,.studio-title>span,.inventory-card .card-bottom,.inventory-card p,.studio-tile-body>p,.customer-intro>p,.customer-bottom p,.launch-step p,.launch-intro p,.inventory-overview span,.calendar-cell,.log p,footer{color:#64748B!important}
.btn.primary,.step-tabs .btn.selected,.step-tabs .selected{background:#147D92!important;border-color:#147D92!important;color:#FFFFFF!important;box-shadow:none}
.btn.primary:hover,.step-tabs .selected:hover{background:#106577!important;border-color:#106577!important;filter:none}
.btn:hover,.text-link:hover{filter:none}.btn:not(.primary):hover{background:#F6F8FA;border-color:#147D92!important}
.text-link,.customer-intro h1 em,.inventory-card strong,.studio-rate strong,.price-line.total,.revenue-card>strong,.revenue-card h2,.revenue-card .deposit-line b,.inventory-overview b,.calendar-cell.today,.stock-number,.week-day b{color:#147D92!important}
.btn.danger,.error-text,.agenda-type.late{color:#DC2626!important}
.avatar,.profile-icon,.initials,.initials.c1,.initials.c2,.count-bubble,.step-number,.demo-pill,.studio-rate>span,.week-day.current,.studio-card:has(input:checked),.holder-panel,.notice-banner,.launch-intro,.customer-bottom{background:#EAF5F7!important;color:#147D92!important;border-color:#C7E3E8!important}
.demo-pill i{background:#147D92}.icon-button,.card-head>.icon,.quick-actions button>.icon,.agenda-row>.icon,.workspace-note>.icon,.stock-table td>.icon,.customer-bottom>div>.icon{color:#64748B!important}
.stat strong,.revenue-card>strong,.inventory-overview b{font-size:28px!important;font-weight:600;letter-spacing:-.5px}
.stat{padding:20px}.stat:hover{box-shadow:0 4px 16px #172b350a}.stat-icon,.stat-icon.purple,.quick-icon,.step-number,.agenda-date{background:#EAF5F7;color:#147D92}
.stat-icon.orange,.attention-icon.orange,.orange{background:#FFF7ED;color:#B45309}.stat-icon.blue{background:#EFF6FF;color:#2563EB}.stat-icon.green{background:#F0FDF4;color:#15803D}.attention-icon.red,.red{background:#FEF2F2;color:#DC2626}.attention-icon.purple,.purple{background:#F5F3FF;color:#7C3AED}
.sidebar{background:#18252B!important;border-color:#18252B;color:#E2E8F0;width:250px}.brand img{filter:invert(1);mix-blend-mode:screen}.sidebar .workspace,.sidebar .nav-label{color:#A4B5BD!important;letter-spacing:.8px}.sidebar nav button,.sidebar .nav-website{color:#D7E3E8!important}.sidebar nav button .icon,.sidebar .nav-website .icon{color:inherit!important}.sidebar nav button.active{background:#147D92!important;color:#FFFFFF!important}.sidebar nav button:hover,.sidebar .nav-website:hover{background:#22363F!important}.sidebar nav button.active:hover{background:#106577!important}.sidebar .nav-count{background:#FFFFFF25;color:#FFFFFF}.sidebar .nav-divider,.sidebar-bottom{border-color:#34464E!important}.sidebar-bottom,.sidebar-bottom small{color:#D7E3E8!important}.sidebar .profile-icon{background:#23444F!important;color:#BDE6EC!important}main{margin-left:250px}
.dashboard-hero{background:#18252B}.hero-copy{background:linear-gradient(90deg,#18252B 64%,#18252B00)}.hero-copy h2{color:#FFFFFF!important;font-size:18px!important;font-weight:600!important}.hero-copy p,.hero-label,.hero-image-label{color:#E2E8F0!important}.hero-label span{background:#7BC4D3}.hero-button{background:#147D92;border-color:#147D92;color:#FFFFFF}.hero-button:hover{background:#106577}.hero-button .icon{width:18px;height:18px}.hero-label{letter-spacing:1.1px}.hero-image-label{font-size:10px!important}
.revenue-card{background:#FFFFFF!important}.revenue-divider{background:#E2E8F0}.revenue-card>p,.deposit-line{color:#64748B!important}.deposit-line{flex-wrap:wrap}.agenda-tabs button{color:#64748B}.agenda-tabs button.active{color:#147D92;border-color:#147D92}.agenda-row{gap:12px}.agenda-date{width:44px}.agenda-date b{color:#172B35}.agenda-date small{color:#64748B}.agenda-empty b{color:#172B35;font-size:14px}.agenda-empty>.icon{color:#147D92}.quick-actions button:hover,.attention-row:hover,tr.clickable:hover{background:#F6F8FA}
.inventory-overview>div{padding:0 18px}.inventory-overview span{align-items:flex-start}.inventory-overview b{font-size:24px!important}.inventory-overview .icon{color:#147D92}.inventory-card strong{font-weight:600}.product-photo{border-color:#E2E8F0}.product-photo img{mix-blend-mode:multiply}.equipment-card-top>.badge{background:#FFFFFF!important;color:#64748B!important;border-color:#E2E8F0}.inventory-card .section-eyebrow{letter-spacing:.8px}.inventory-card .card-bottom{flex-wrap:wrap}.inventory-pick small{line-height:1.6}.inventory-pick input{width:72px}.stock-name .product-photo{width:60px;height:60px}.stock-number.ready{color:#15803D!important}.stock-number.empty-stock{color:#DC2626!important}.stock-table td,.stock-table th{padding:16px}
.note,.welcome{background:#F1F5F9!important;color:#64748B!important}.note.warning{background:#FFF7ED!important;color:#B45309!important}.note.warning p{color:#B45309!important}.notice-banner{color:#147D92!important}.studio-card:has(input:checked){border-color:#147D92!important}.step-tabs .btn{color:#172B35}.booking-progress{color:#64748B}.booking-progress .active{color:#147D92}.terms{align-items:flex-start}.terms input{width:16px;height:16px;flex-shrink:0}.price-line{line-height:1.7}.price-line.total{font-size:18px!important;font-weight:600}.form-section h2{gap:12px}.form-grid{gap:20px}.summary-support{align-items:flex-start}.summary-support .icon{width:16px;height:16px;flex-shrink:0}.studio-card small{line-height:1.6}.studio-title{flex-wrap:wrap;gap:8px}.studio-rate{gap:10px}.customer-intro>p{max-width:51%}.customer-trust{flex-wrap:wrap;max-width:52%}.section-top{align-items:flex-start}.studio-tile-body{padding:20px}.studio-tile-body>.btn{font-size:14px!important}.customer-bottom{align-items:flex-start}.customer-bottom>.btn{flex-shrink:0}.booking-layout{grid-template-columns:minmax(0,1fr) 350px}
.badge{background:#F1F5F9;color:#64748B;border:1px solid transparent;text-transform:none;font-size:12px!important;white-space:normal;font-weight:500!important}
.badge.available,.badge.paid,.badge.returned,.badge.released{background:#F0FDF4;color:#15803D!important;border-color:#DCFCE7}
.badge.confirmed,.badge.reserved,.badge.upcoming,.badge.approved,.badge.hold{background:#EFF6FF;color:#2563EB!important;border-color:#DBEAFE}
.badge.pending,.badge.outstanding,.badge.payment-due,.badge.pending-approval{background:#FFF7ED;color:#B45309!important;border-color:#FFEDD5}
.badge.overdue,.badge.damaged,.badge.failed{background:#FEF2F2;color:#DC2626!important;border-color:#FEE2E2}
.badge.maintenance,.badge.blocked{background:#F5F3FF;color:#7C3AED!important;border-color:#EDE9FE}
.badge.cancelled,.badge.rejected,.badge.refunded{background:#F1F5F9;color:#64748B!important}
.calendar-title{background:#FFFFFF!important}.calendar-cell.today{background:#F0FAFC}.calendar-event{font-size:14px!important;font-weight:400;border-left:3px solid #147D92;background:#EAF5F7;color:#147D92!important;padding:9px 7px;line-height:1.5}.calendar-event.event-studio{border-color:#147D92;background:#EAF5F7;color:#147D92!important}.calendar-event.event-equipment{border-color:#2563EB;background:#EFF6FF;color:#2563EB!important}.calendar-event.event-collection{border-color:#7C3AED;background:#F5F3FF;color:#7C3AED!important}.calendar-event.event-return{border-color:#B45309;background:#FFF7ED;color:#B45309!important}.calendar-event .event-kind{display:block;font-size:12px;font-weight:500;margin-bottom:3px}.calendar-event small{display:block;color:inherit}.calendar-legend{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px;color:#64748B;font-size:12px}.calendar-legend>span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:10px;height:10px;border-radius:3px;background:#147D92}.calendar-legend .equipment{background:#2563EB}.calendar-legend .collection{background:#7C3AED}.calendar-legend .return{background:#B45309}#calGrid{overflow-x:auto}.calendar-grid{min-width:840px}.calendar-cell{min-height:170px}.calendar-grid.day-view{min-width:0}.calendar-grid.day-view .calendar-cell{min-height:220px}
.modal-head button{background:#F1F5F9;color:#64748B}.modal-head h2 .badge{vertical-align:middle}.detail-grid .badge{margin:2px 1px}.modal-body .detail-grid{gap:20px}.modal-body .actions{gap:9px}.log b{font-size:14px!important}.launch-number{color:#64748B}.launch-step h2{margin-bottom:10px}.launch-step p{line-height:1.7}.launch-intro p{line-height:1.7}.launch-intro .badge{flex-shrink:0}.launch-step .badge{margin-top:8px}.search-field>.icon{color:#64748B}.search-field{width:440px}.search-field input{padding-left:39px}.inventory-filters{gap:12px}.breadcrumb b{color:#172B35}input::placeholder,textarea::placeholder{color:#64748B}input:focus,select:focus,textarea:focus{outline-color:#ABD7DF}input[type=radio],input[type=checkbox]{accent-color:#147D92}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #147D92;outline-offset:3px}.week-day.current{border-color:#147D92!important}.week-day small{color:#64748B}.week-day b{font-size:18px}.stock-name small{white-space:normal}#toast{background:#18252B;color:#FFFFFF;border-color:#147D92;font-size:14px}
.dashboard-columns{grid-template-columns:minmax(0,1fr) 340px}.dashboard-columns table{min-width:790px}.attention-row{gap:13px}.attention-row>div{min-width:0}.attention-row b,.attention-row small{overflow-wrap:anywhere}.attention-row>.badge{flex-shrink:0;max-width:120px}.table-caption .icon{width:16px;height:16px;flex-shrink:0}.page-top{flex-wrap:wrap}.page-date{margin-left:auto}.page-top>div:first-child{min-width:220px}.workspace-note>.icon{flex-shrink:0}.nav-label{letter-spacing:.7px}.sidebar-bottom .profile-icon{flex-shrink:0}.sidebar-bottom small{font-size:12px!important}.sidebar-bottom{font-size:14px}.sidebar .nav-label{margin-bottom:8px}.sidebar nav{gap:4px}.sidebar nav button{padding:11px 14px}.sidebar .nav-website{padding:11px 14px}.sidebar .workspace{margin-top:23px;margin-bottom:24px}.nav-divider{margin:18px 14px}.sidebar .nav-count{font-size:12px!important}.week-overview{gap:6px}.booking-progress>span{gap:7px}.booking-progress .icon{width:16px;height:16px}
@media(max-width:1250px){.dashboard-columns{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-side .card{margin-bottom:0}.stats{grid-template-columns:repeat(2,1fr)}.booking-layout{grid-template-columns:1fr}.booking-layout>div:last-child .card{position:static!important}.customer-intro{min-height:350px}.customer-photo{height:310px}.page-date{display:none}.studio-grid{grid-template-columns:1fr 1fr}.inventory-overview{grid-template-columns:1fr 1fr;gap:22px}.inventory-overview>div{border:0;padding:0 16px}.inventory-overview>div:nth-child(odd){padding-left:0}.section-top{flex-wrap:wrap}}
@media(max-width:750px){.sidebar{width:100%;padding:14px}.sidebar nav{margin-left:6px}.sidebar nav button{font-size:14px!important;padding:10px;gap:7px}.sidebar nav button .icon{width:18px;height:18px}.sidebar .workspace,.sidebar .nav-label,.sidebar .nav-website{display:none}main{margin-left:0}.brand{width:96px;height:40px}.brand img{width:128px;height:128px;top:-45px;left:-12px}.header-right{gap:9px}.demo-pill{font-size:12px!important;padding:5px 8px}.avatar{width:30px;height:30px}header{padding:0 16px}.breadcrumb .breadcrumb-home{display:none}.breadcrumb>span:nth-child(2){display:none}#content{padding:24px 16px}.page-top{gap:16px;align-items:flex-start}.page-top>div:first-child{min-width:0;flex:1 1 100%}.page-top>.btn{font-size:14px!important;padding:10px 14px}.hero-copy{width:100%;padding:24px 20px;background:linear-gradient(90deg,#18252B 40%,#18252Bb8)}.hero-copy h2{font-size:18px!important}.hero-copy p{max-width:85%;font-size:14px!important}.dashboard-hero{min-height:270px}.dashboard-hero>img{width:65%;opacity:.35}.hero-label{font-size:12px!important}.hero-button{font-size:14px!important}.stat{padding:16px}.stat-label{gap:6px;align-items:flex-start}.stat strong{font-size:24px!important}.stat small{font-size:12px!important}.stat-icon{padding:6px}.stat-icon .icon{width:17px;height:17px}.dashboard-side{grid-template-columns:1fr}.card-head{gap:12px;align-items:flex-start;flex-wrap:wrap}.card-head .text-link{font-size:14px!important}.attention-row{padding:16px;gap:10px;flex-wrap:wrap}.attention-row>div{flex:1 1 calc(100% - 60px)}.attention-row>.badge{margin-left:44px}.attention-row>.icon{margin-left:auto}.agenda-date{width:48px}.quick-actions button{padding:18px 16px}.quick-actions b{font-size:14px!important}.quick-actions small{font-size:12px!important}.week-overview{padding:10px;gap:3px}.week-day{padding:10px 1px}.week-day span,.week-day small{font-size:12px!important}.week-day b{font-size:18px}.week-day small{overflow-wrap:anywhere;display:block}.customer-intro>p,.customer-trust{max-width:100%}.customer-intro h1{font-size:24px!important}.customer-photo{height:230px}.studio-grid{grid-template-columns:1fr}.studio-tile{display:block}.studio-tile>img{height:200px;min-height:0}.studio-tile-body{padding:20px}.studio-title>span{display:flex}.studio-rate small{font-size:12px!important}.customer-trust{gap:14px}.customer-trust .icon{width:16px;height:16px}.customer-bottom>.btn{align-self:stretch}.inventory-grid{grid-template-columns:1fr}.inventory-card{padding:20px}.equipment-card-top{margin:-20px -20px 22px}.product-photo.card{height:240px}.inventory-card .card-bottom{flex-direction:row;align-items:center}.inventory-overview{padding:20px;gap:24px}.inventory-overview>div{padding:0}.inventory-overview span{font-size:14px!important}.inventory-overview b{font-size:24px!important}.stock-table{min-width:970px}.inventory-filters .search-field{width:100%}.inventory-pick{gap:10px;align-items:flex-start}.inventory-pick>div{flex:1;min-width:0}.inventory-pick input{width:56px;padding:10px 7px}.inventory-pick b{font-size:14px!important}.inventory-pick small{font-size:12px!important}.product-photo.compact{width:50px;height:60px}.step-tabs{flex-wrap:wrap;gap:8px}.step-tabs .btn{font-size:14px!important;flex:1 1 130px;padding:12px 10px}.booking-progress{gap:12px;justify-content:flex-start;flex-wrap:wrap;font-size:12px!important}.booking-progress>span{font-size:12px!important}.booking-progress .icon{width:16px;height:16px}.form-section{padding:20px}.terms{font-size:12px!important}.appointment-picker{flex-wrap:wrap}.appointment-picker input{width:100%}.appointment-picker select{width:100%}.form-grid{gap:20px}.filters input,.filters select{max-width:100%}.detail-grid{grid-template-columns:1fr}.detail-item{gap:12px}.detail-item .actions{margin-left:0}.detail-section .actions .btn{font-size:14px!important}.modal-head{align-items:flex-start;gap:12px}.modal-head h2{overflow-wrap:anywhere}.launch-intro>.badge{margin-left:0}.launch-grid{grid-template-columns:1fr}.launch-step{gap:14px}.launch-number{font-size:24px}.section-top>.subtitle{font-size:12px!important}footer{font-size:12px!important}.calendar-legend{gap:14px}.calendar-title{font-size:12px!important}.table-caption{align-items:flex-start}.page-date{display:none}}

/* Customer landing hero uses a larger display heading than workspace pages. */
.customer-intro h1{font-size:48px!important;line-height:1.16!important;font-weight:600!important;letter-spacing:-1.7px!important;max-width:54%;margin:18px 0 22px}
.customer-intro{min-height:400px}
.customer-photo{height:360px}
@media(min-width:751px) and (max-width:1100px){.customer-intro h1{font-size:38px!important;letter-spacing:-1.1px!important}.customer-intro{min-height:380px}.customer-photo{height:340px}}
@media(max-width:750px){.customer-intro h1{font-size:36px!important;line-height:1.2!important;letter-spacing:-1px!important;max-width:100%;margin:18px 0 20px}.customer-intro{min-height:0}.customer-photo{height:230px}}
.admin-tools{margin:0 0 22px;flex-wrap:wrap}.modal-body>.admin-tools{margin-bottom:24px}.working-days{display:flex;flex-wrap:wrap;gap:10px 18px}.working-days .terms{margin:0}.closure-editor{display:flex;flex-wrap:wrap;gap:10px}.closure-editor #closureDates{display:flex;flex-wrap:wrap;gap:8px;width:100%}.edit-item-row{display:flex;align-items:center;flex-direction:row;gap:12px;padding:14px 0;border-bottom:1px solid #E2E8F0}.edit-item-row>span:not(.product-photo){flex:1}.edit-item-row small{display:block}.edit-item-row input{width:72px}.staff-guide p{margin-bottom:24px;line-height:1.8}.product-preview:empty{display:none}