/* Detailed page compositions against the approved Volcano reference boards. */
.screen-overview .overview-metrics{margin-bottom:14px}.screen-overview .overview-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(265px,.65fr)}.screen-overview .overview-primary{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.screen-overview .overview-primary>.overview-panel:nth-child(3){grid-column:1/-1}.screen-overview .overview-priorities{margin-bottom:15px}.screen-overview .overview-priorities .overview-notice{display:inline-flex;vertical-align:top;width:calc(50% - 5px);margin:3px 5px 3px 0}.screen-overview .overview-booking-time{width:47px;flex:none;font-size:11px;font-weight:600;color:#9d5636}.screen-overview .overview-booking-side{font-size:10px}.screen-overview .overview-metric .number{font-weight:650;letter-spacing:-.03em}.screen-overview .overview-today-bookings .overview-booking{min-height:57px}.staff-workspace .topbar-global-search{display:none}.staff-task-photo{width:46px;height:46px;object-fit:cover;border-radius:9px;flex:none}.staff-detail-photo{width:45px;height:45px;object-fit:cover;border-radius:8px;flex:none}.staff-task-photo-fallback{background:#eee8e1;color:#a64d2e;font-weight:700;display:grid;place-items:center}
@media(max-width:1350px){.screen-overview .overview-layout{grid-template-columns:1fr}.screen-overview .overview-primary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.screen-overview .overview-primary{grid-template-columns:1fr}.screen-overview .overview-primary>.overview-panel:nth-child(3){grid-column:auto}.screen-overview .overview-priorities .overview-notice{width:100%;margin:3px 0}.staff-task{gap:8px;padding:13px 2px}.staff-task-photo{width:42px;height:42px}.staff-task .staff-time{padding:6px;font-size:10px;white-space:nowrap}.staff-task .staff-task-arrow{display:none}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.topbar-mobile-brand{display:none;width:29px;height:29px;object-fit:contain;flex:none}
.topbar-global-search{display:flex;align-items:center;position:relative;width:min(35vw,330px);margin-left:18px}.topbar-global-search label{width:100%}.topbar-global-search input{border:1px solid #e7e4df;background:#f8f7f5;border-radius:8px;width:100%;height:34px;padding:7px 36px 7px 13px;font-size:11px;color:#37332f;outline:none}.topbar-global-search input:focus{border-color:#bd785b;background:#fff}.topbar-global-search button{position:absolute;right:3px;top:2px;width:29px;height:29px;display:grid;place-items:center;background:transparent;border:0;color:#716b63;font-size:20px;line-height:1}.topbar-global-search:focus-within button{color:#ae5533}
.screen-switch{display:flex;gap:5px;margin:0 0 17px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #e8e5df}.screen-switch::-webkit-scrollbar{display:none}.screen-switch button{position:relative;background:none;border:0;min-height:42px;padding:9px 15px;white-space:nowrap;color:#77716b;font-size:12px;font-weight:600}.screen-switch button:hover{color:#a04f31}.screen-switch button.selected{color:#a44e30}.screen-switch button.selected:after{content:'';height:2px;background:#c75b31;position:absolute;bottom:0;left:10px;right:10px;border-radius:2px}
.slot-layout-toggle{display:flex;gap:2px;padding:3px;background:#f3f1ed;border-radius:9px;margin-left:auto}.slot-layout-toggle button{background:transparent;border:0;color:#67615b;padding:6px 10px;border-radius:6px;font-size:11px;min-height:30px}.slot-layout-toggle .selected{background:#fff;box-shadow:0 1px 3px #2d211b14;color:#9c4b2e}.screen-slots .slot-status{font-size:10px;font-weight:650;white-space:nowrap;color:#527765}.screen-slots .is-partial .slot-status{color:#b76a31}.screen-slots .is-full .slot-status,.screen-slots .is-blocked .slot-status{color:#ba5148}.screen-slots .slot-grid.slot-list{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.screen-slots .slot-list .slot-card{display:grid;grid-template-columns:minmax(118px,1.2fr) minmax(160px,1.4fr) minmax(95px,.7fr) auto;align-items:center;gap:14px;border:0;border-top:1px solid #eee9e2;border-radius:0;min-height:62px;padding:10px 14px}.screen-slots .slot-list .slot-card:first-child{border-top:0}.screen-slots .slot-list .slot-card strong{font-size:13px}.screen-slots .slot-list .slot-card>.toolbar{justify-content:flex-end;white-space:nowrap}.screen-slots .slot-list .slot-card>.toolbar .action{min-height:31px}.screen-slots .slot-list .slot-card.is-empty{background:#fff}.screen-slots .slot-list .slot-card.is-partial{background:#fff9f1}.screen-slots .slot-list .slot-card.is-full{background:#fff3f1}
/* Bookings: compact list with genuine activity photos, filters, clear status/action cluster. */
.screen-bookings>.card{padding:10px 18px 15px}.screen-bookings .booking-controls{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(130px,.65fr));gap:12px;align-items:end;margin:5px 0 14px}.screen-bookings .booking-controls>.field{min-width:0}.screen-bookings .booking-cards th{height:41px;background:#faf9f7}.screen-bookings .booking-cards tbody tr{height:72px}.screen-bookings .booking-cards tbody td:first-child{min-width:185px}.screen-bookings .booking-cards .small-text{font-size:11px}.screen-bookings .booking-cell-photo{width:43px;height:43px}.screen-bookings .booking-cards .row-actions{display:flex;flex-wrap:wrap;gap:5px;max-width:170px}.screen-bookings .booking-cards .row-actions .action{padding:5px 7px;font-size:11px}.screen-bookings .booking-flow{max-width:150px;min-width:105px}.screen-bookings .booking-flow strong{font-size:11px}.screen-bookings .booking-flow-track{margin:4px 0}.screen-bookings .booking-flow small{font-size:10px}.screen-bookings .booking-step-label select{font-size:11px;min-height:32px}
/* One customer, several independently timed activities. */
#bookingForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}#bookingForm>.field{min-width:0}#bookingForm>.field.wide{grid-column:1/-1}#bookingForm .booking-activity-header{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}#bookingForm .booking-activity-header h2{font-size:17px}#bookingForm .booking-line{background:#fff;border:1px solid #ebe5dd;border-radius:12px;padding:16px;margin-bottom:10px}#bookingForm .booking-line h2{display:flex;align-items:center;gap:8px}#bookingForm .booking-line h2:before{content:'';height:21px;width:3px;background:#c65d39;border-radius:3px}#bookingForm .line-price{background:#f8f6f2;border-radius:7px;color:#544d47}#bookingForm #priceSummary{border-color:#e9dccb;background:#fcf8f1;color:#443b34}#bookingForm .booking-add-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#bookingForm .booking-add-line p{margin:0}.screen-booking-details .grid.cols{grid-template-columns:minmax(0,1.25fr) minmax(270px,.8fr)}.screen-booking-details .detail-line{padding:13px 0;border-bottom:1px solid #ede9e3}.screen-booking-details .money-row{padding:10px 0;border-bottom:1px solid #eee9e3}.screen-booking-details .workflow-section{margin-top:14px}
/* A real selectable date/activity schedule. */
.screen-slots .week-strip{margin-bottom:14px}.screen-slots .activity-tabs{margin:0 0 15px;gap:7px}.screen-slots .activity-tabs button{min-height:38px}.screen-slots .calendar-section{padding:23px}.screen-slots .slot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.screen-slots .slot-card{padding:15px;min-height:112px}.screen-slots .slot-card strong{font-size:15px;font-weight:650}.screen-slots .slot-card span{font-size:12px}.screen-slots .slot-card .toolbar{gap:5px}.screen-slots .slot-card.is-empty{background:#fff}.screen-slots .slot-card.is-partial{background:#fff7ee}.screen-slots .slot-card.is-full{background:#fff1ef}.screen-schedule .desk-cal-grid,.screen-schedule .staff-cal-grid{border-radius:12px;overflow:hidden}
/* Catalog: editorial photo cards and dedicated products/discounts tabs. */
.screen-catalog .activity-gallery,.screen-catalog .catalog-readonly{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;align-items:stretch}.screen-catalog .activity-gallery>.card{padding:0;display:flex;flex-direction:column;overflow:hidden}.screen-catalog .activity-gallery .section-head{padding:15px 15px 0;align-items:flex-start;margin:0}.screen-catalog .activity-gallery h2{font-size:15px;line-height:1.25;margin:0}.screen-catalog .activity-gallery .action{font-size:10px;padding:4px 7px;white-space:nowrap}.screen-catalog .activity-gallery .activity-photo{order:-1;height:143px;aspect-ratio:auto;width:100%;margin:0;border-radius:0;object-fit:cover}.screen-catalog .activity-gallery .activity-photo.placeholder{background:#efede8;font-size:12px;color:#8d8881}.screen-catalog .activity-gallery>section>p{margin:8px 15px;font-size:11px;line-height:1.45}.screen-catalog .activity-gallery>section>p.small-text{font-size:10px;margin-bottom:11px}.screen-catalog .activity-gallery .table-wrap{padding:0 12px 10px;margin-top:auto}.screen-catalog .activity-gallery .table{font-size:10px}.screen-catalog .activity-gallery th{font-size:9px;padding:6px 4px}.screen-catalog .activity-gallery td{padding:7px 4px}.screen-catalog .activity-gallery td:nth-child(2){white-space:nowrap}.screen-catalog .activity-gallery td:nth-child(3){white-space:nowrap;font-weight:600}.screen-catalog .catalog-readonly>.card{padding:0 0 11px;overflow:hidden}.screen-catalog .catalog-readonly .section-head{padding:13px 14px 0;margin:0}.screen-catalog .catalog-readonly .activity-photo{width:100%;height:138px;object-fit:cover;margin:10px 0 0}.screen-catalog .catalog-readonly>section>p{padding:0 14px;font-size:11px;color:var(--muted)}.screen-catalog .catalog-readonly .catalog-price{margin:0 13px;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.screen-catalog .catalog-product-group{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.screen-catalog .catalog-product-group h3{font-weight:650;font-size:13px;margin:0 0 8px}.screen-catalog #activityEditor,.screen-catalog #productEditor,.screen-catalog #recipeEditor{margin:10px 0 15px}.screen-catalog #catalogDiscounts{margin-top:0!important}.screen-catalog #catalogDiscounts[hidden],.screen-catalog .catalog-products[hidden],.screen-catalog .activity-gallery[hidden]{display:none!important}
/* Packages and offers: visual catalog with working kind filter. */
.screen-offers .offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}.screen-offers .offer-card{border-color:var(--line);border-radius:13px;overflow:hidden;box-shadow:0 2px 13px #30281f08}.screen-offers .offer-card[hidden]{display:none!important}.screen-offers .offer-image{height:155px;background:#eae5df}.screen-offers .offer-image>span{font-size:10px;color:#55504b}.screen-offers .offer-body{padding:16px}.screen-offers .offer-body .eyebrow{font-size:9px;color:#a25c3f;letter-spacing:.11em}.screen-offers .offer-body h2{font-size:16px}.screen-offers .offer-price{color:#36312d;font-weight:650;font-size:17px}.screen-offers .offer-empty{width:100%;grid-column:1/-1;text-align:left}.screen-offers #offerEditor{margin:0 0 16px}
/* Inventory: consumables versus count-only reusable equipment, with photo per item. */
.screen-inventory .inventory-panes{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.screen-inventory .inventory-panes button{font-size:12px;min-height:42px}.inventory-summary{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:17px 20px;border-radius:13px;background:#fff;border:1px solid var(--line);margin:0 0 12px}.inventory-summary-copy strong,.inventory-summary-copy small{display:block}.inventory-summary-copy strong{font-size:17px;font-weight:650}.inventory-summary-copy small{font-size:11px;color:var(--muted);margin-top:4px}.inventory-search{width:min(100%,260px)}.inventory-search input{width:100%}.inventory-warning{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #e6d7bd;background:#fbf5eb;border-radius:11px;margin:0 0 15px}.inventory-warning.critical{background:#fdf0ed;border-color:#efd0ca}.inventory-warning-sign{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#ecddc5;color:#986130;font-weight:700}.inventory-warning.critical .inventory-warning-sign{background:#f3d9d3;color:#a3443a}.inventory-warning strong,.inventory-warning small{display:block}.inventory-warning strong{font-weight:650;font-size:12px}.inventory-warning small{color:#746b61;font-size:11px;line-height:1.45}.screen-inventory .inventory-actions{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:7px;margin-bottom:14px}.screen-inventory .inventory-actions .button{flex:none;font-size:11px;padding:7px 11px}.screen-inventory .grid.cols{grid-template-columns:1fr;gap:11px!important}.screen-inventory .inventory-category{padding:17px}.screen-inventory .inventory-category h2{font-size:14px}.screen-inventory .inventory-category .table{font-size:12px}.screen-inventory .inventory-category th{background:#faf9f6}.stock-item-identity{display:flex;align-items:center;gap:10px;min-width:145px}.stock-item-identity strong{font-size:12px;font-weight:600}.stock-item-photo{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none;background:#eeeae3}.stock-item-placeholder{display:grid;place-items:center;color:#98765b;font-size:16px}.stock-photo-field{border:1px dashed #d9cbc1;border-radius:10px;padding:13px;background:#fcfaf8}.stock-photo-field input[type=file]{padding:8px;background:#fff}.stock-photo-field span{display:flex;align-items:center;gap:7px;font-weight:500}.stock-photo-field input[type=checkbox]{width:auto;min-height:0;accent-color:#c95d37}.stock-photo-field small{color:var(--muted);font-size:11px}.stock-photo-preview{width:100px;height:84px;object-fit:cover;border-radius:8px;border:1px solid #e9e2d8}.screen-inventory #inventoryCreateCard{border-color:#dec7b9}.screen-inventory #stockHistory .table-wrap{max-height:350px;overflow:auto}
/* Financial pages: restrained figures, structured debt/expense columns. */
.screen-finance .grid.stats,.screen-management .grid.stats,.screen-users .grid.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-finance .grid.stats .stat,.screen-management .grid.stats .stat,.screen-users .grid.stats .stat{min-height:116px}.screen-finance .grid.cols{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.screen-finance .finance-chart,.screen-finance .finance-bar{border-color:var(--line)}.screen-finance .chart-track{background:#f0eae1}.screen-finance .chart-fill.received{background:#62806a}.screen-finance .chart-fill.spent{background:#b77754}.screen-finance .table-wrap{border-radius:9px;border:1px solid #f0ece7}.screen-finance .card h2{font-size:16px}.screen-management .management-unit-row{min-height:57px}.screen-management .management-unit-row input{max-width:150px}.screen-management .management-grid{gap:13px;margin-top:13px}.screen-partners .grid.cols{align-items:start;gap:14px}.screen-partners .partner-section>.card,.screen-partners .partner-section>.grid{margin:0 0 14px!important}.screen-partners .partner-section[hidden]{display:none}.screen-team .grid.cols{gap:14px}.screen-users .user-layout{gap:14px;align-items:start}.screen-users .user-profile{padding:12px 0}.screen-notifications .notification-list{gap:8px}.screen-notifications .notification-entry{padding:16px;border-left-width:3px}.screen-documents .card>.table-wrap{margin-top:12px}
/* Phone composition is purpose-built: cards, touch controls and a complete role menu. */
@media(max-width:1050px) and (min-width:801px){.topbar-global-search{width:min(28vw,240px)}.screen-catalog .activity-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-finance .grid.cols{grid-template-columns:1fr}}
@media(max-width:800px){
 .topbar-mobile-brand{display:block}.topbar-start{gap:7px}.topbar-start>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .topbar-global-search{display:none}.page[class*="screen-"]{padding-top:19px}.screen-switch{margin-bottom:14px}.screen-switch button{min-height:43px;padding:8px 12px}.screen-bookings>.card{padding:10px 12px}.screen-bookings .booking-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.screen-bookings .booking-controls>.field:first-child{grid-column:1/-1}.screen-bookings .booking-cards tr{border-radius:12px;margin:0 0 9px;box-shadow:0 1px 5px #24201808}.screen-bookings .booking-cards td:first-child{min-width:0}.screen-bookings .booking-cards td:nth-child(2):before{content:'Guest · ';color:var(--muted)}.screen-bookings .booking-cards td:nth-child(5):before{content:'Total · ';color:var(--muted);font-weight:500}.screen-bookings .booking-cards td:nth-child(6){display:none}.screen-bookings .booking-cards .row-actions{max-width:none}.screen-bookings .booking-flow{max-width:none}.screen-bookings .booking-step-label select{min-height:43px;font-size:14px}#bookingForm{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}#bookingForm>.field{grid-column:1/-1}#bookingForm>.field[name="deposit_mad"]{grid-column:auto}#bookingForm .booking-add-line{display:grid}#bookingForm .booking-add-line button{width:100%}#bookingForm .booking-line{padding:12px}#bookingForm .booking-line .form-grid{gap:9px}#bookingForm #priceSummary{font-size:12px}.screen-booking-details .grid.cols{grid-template-columns:1fr}.screen-slots .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.screen-slots .calendar-section{padding:15px}.screen-slots .slot-card{padding:11px;min-height:113px}.screen-slots .slot-card strong{font-size:13px}.screen-slots .slot-card .toolbar{display:flex;flex-wrap:wrap}.screen-slots .slot-card .action{min-height:37px}.screen-catalog .activity-gallery,.screen-catalog .catalog-readonly{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.screen-catalog .activity-gallery .activity-photo{height:105px}.screen-catalog .activity-gallery .section-head{display:block;padding:10px 10px 0}.screen-catalog .activity-gallery h2{font-size:13px}.screen-catalog .activity-gallery .section-head .action{margin-top:7px}.screen-catalog .activity-gallery>section>p{margin:6px 10px;font-size:10px}.screen-catalog .activity-gallery .table-wrap{padding:0 8px 9px}.screen-catalog .activity-gallery .table th{display:none}.screen-catalog .activity-gallery .table tr{display:flex;flex-direction:column;gap:0;padding:6px 0;border-bottom:1px solid var(--line)}.screen-catalog .activity-gallery .table td{border:0;padding:2px!important;font-size:10px;white-space:normal!important}.screen-catalog .activity-gallery .table td:last-child{display:none}.screen-catalog .catalog-products .table td:last-child{min-width:70px}.screen-offers .offer-grid{grid-template-columns:1fr}.screen-offers .offer-image{height:145px}.inventory-summary{display:block;padding:14px}.inventory-search{width:100%;margin-top:13px}.screen-inventory .inventory-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.screen-inventory .inventory-panes button{padding:8px;font-size:11px}.screen-inventory .inventory-panes button:last-child:nth-child(odd){grid-column:1/-1}.screen-inventory .inventory-actions{margin-right:-14px}.screen-inventory .inventory-category{padding:14px}.screen-inventory .inventory-category .table tr{padding:9px 10px;background:#fff}.screen-inventory .inventory-category .table td:first-child{font-weight:500}.stock-item-identity{min-width:0}.screen-inventory .inventory-category .table td:nth-child(2):before{content:'Type · '}.screen-inventory .inventory-category .table td:nth-child(3):before{content:'Available · '}.screen-inventory .inventory-category .table td:nth-child(4):before{content:'Alert · '}.screen-inventory .inventory-category .table td:nth-child(5):before{content:'Price · '}.screen-inventory .inventory-category .table td:last-child{display:flex;gap:8px}.screen-finance .grid.stats,.screen-management .grid.stats,.screen-users .grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-finance .grid.cols{grid-template-columns:1fr}.screen-finance .stat .number,.screen-management .stat .number{font-size:20px}.screen-finance .table-wrap{overflow-x:auto}.screen-management .management-unit-row{grid-template-columns:minmax(0,1fr) auto}.screen-management .management-unit-row input{max-width:none}.screen-partners .grid.cols,.screen-team .grid.cols,.screen-users .user-layout{grid-template-columns:1fr}.screen-notifications .notification-entry{padding:14px}.screen-documents .page-head .button{width:100%}
}
@media(max-width:800px){.screen-slots .slot-list .slot-card{grid-template-columns:1fr auto;gap:5px 8px}.screen-slots .slot-list .slot-card>span:first-of-type{grid-column:1}.screen-slots .slot-list .slot-card .slot-status{grid-column:2;grid-row:1}.screen-slots .slot-list .slot-card>.toolbar{grid-column:2;grid-row:2/4}.screen-slots .slot-list .slot-card>.toolbar .action{min-height:35px}.slot-layout-toggle{margin-left:0}}
@media(max-width:370px){.screen-catalog .activity-gallery,.screen-catalog .catalog-readonly{grid-template-columns:1fr}.screen-catalog .activity-gallery .activity-photo{height:150px}.screen-slots .slot-grid{grid-template-columns:1fr}.screen-finance .grid.stats,.screen-management .grid.stats{grid-template-columns:1fr 1fr}}

.website-email-state{display:grid;gap:3px;margin-top:7px}.website-email-state .small-text{font-size:11px;line-height:1.3}