/* Additional HHL skin. The original stylesheets and their themes stay unchanged. */
@media screen {
  #hhl-compact-header.hhl-skin-header,#hhl-skin-toolbar {
    display:flex!important;align-items:center;justify-content:space-between;gap:12px;
    flex-wrap:wrap;isolation:isolate;z-index:2147483000!important;min-height:66px;
    padding:10px 22px;box-sizing:border-box;
  }
  #hhl-skin-toolbar{position:relative;background:#123947;color:#fff}
  .hhl-skin-choices{display:flex!important;align-items:center;gap:7px;margin-left:auto;flex-wrap:wrap}
  .hhl-skin-choices .theme-switcher{display:flex!important;position:static!important;gap:7px;margin:0!important;padding:0!important;align-items:center;flex-wrap:wrap}
  .hhl-skin-choices button{position:static!important;min-height:44px!important;min-width:48px;padding:10px 13px!important;border:1px solid #749a9e!important;border-radius:9px!important;font:600 13px Arial,Helvetica,sans-serif!important;cursor:pointer;background:#204d58!important;color:#fff!important;box-shadow:none!important;white-space:nowrap}
  .hhl-skin-choices button:hover{background:#326b73!important}
  .hhl-skin-choices button[aria-pressed="true"]{background:#087f87!important;border-color:#087f87!important;color:#fff!important}
  .hhl-skin-choices button:focus-visible{outline:3px solid #cc9c3d!important;outline-offset:3px}
  html:root[data-hhl-skin="hhl"] {
    color-scheme:light;
    --bg:#f3f5f2!important;--panel:#fff!important;--panel-2:#f3f8f5!important;
    --text:#183944!important;--muted:#60757c!important;--line:#d5e1db!important;
    --dark:#123947!important;--dark2:#204d58!important;--primary:#087f87!important;
    --primary-dark:#066971!important;--accent:#aa4033!important;--link:#007c88!important;
    --shadow:0 3px 16px #18394408!important;--radius:16px!important;--hover:#edf5ef!important;
    --thead:#eaf1ed!important;--success-bg:#e4f3e9!important;--success-text:#236440!important;
    --info-bg:#e7f2f6!important;--info-text:#205c72!important;--glass-bg:#fff!important;
    --glass-bg-strong:#f3f8f5!important;--glass-line:#d5e1db!important;--theme-glow:transparent!important;
    --header-bg:#f3f5f2!important;--header-text:#123947!important;--header-muted:#60757c!important;
    --header-line:#d5e1db!important;--border:#d5e1db!important;--petrol:#087f87!important;
    --bg2:#f3f5f2!important;--panel2:#f3f8f5!important;background:#f3f5f2!important;
  }
  html:root[data-hhl-skin="hhl"] body{margin:0!important;background:#f3f5f2!important;background-image:none!important;color:#183944!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.55;max-width:100%;}
  html:root[data-hhl-skin="hhl"] body:before,html:root[data-hhl-skin="hhl"] body:after{display:none!important}
  html:root[data-hhl-skin="hhl"] *,html:root[data-hhl-skin="hhl"] *:before,html:root[data-hhl-skin="hhl"] *:after{box-sizing:border-box}
  html:root[data-hhl-skin="hhl"] :is(h1,h2,h3,h4,h5){color:#123947;font-family:Arial,Helvetica,sans-serif;text-shadow:none!important;letter-spacing:-.02em}
  html:root[data-hhl-skin="hhl"] h1{font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:500}
  html:root[data-hhl-skin="hhl"] h2{font-size:24px;font-weight:500;line-height:1.3}
  html:root[data-hhl-skin="hhl"] h3{font-size:18px;line-height:1.4}
  html:root[data-hhl-skin="hhl"] a{color:#007c88;text-underline-offset:3px}
  html:root[data-hhl-skin="hhl"] :is(.page,body>main,body>.container,body>.wrap){width:calc(100% - 48px);max-width:1600px;min-width:0;margin:26px auto;padding:0}
  html:root[data-hhl-skin="hhl"] :is(.page,.container,main,.content,.section,.grid,.row,.toolbar,.filters)>*{min-width:0}
  html:root[data-hhl-skin="hhl"] :is(.panel,.hero,.card,.menu-card,.private-menu-card,.stat-card,.summary-block,.summary-panel,.filter-card,.detail-card,.mobile-card,.mobile-summary-card,.csv-detail-card,.dq-card,.export-card,.date-filter-card,.ranking-card,.seller-block,.kpi,.box,.positions,.equipment-card,.form-card,.work-card,.cavio-admin-tile){background:#fff!important;background-image:none!important;color:#183944!important;border:1px solid #d5e1db!important;border-radius:16px!important;box-shadow:0 3px 16px #18394406!important;backdrop-filter:none!important;text-shadow:none!important}
  html:root[data-hhl-skin="hhl"] :is(.panel,.hero,.card,.menu-card,.stat-card,.summary-block,.filter-card,.detail-card,.mobile-card,.dq-card,.export-card,.date-filter-card,.ranking-card,.seller-block,.kpi,.box,.positions,.equipment-card,.form-card)::before,html:root[data-hhl-skin="hhl"] :is(.panel,.hero,.card,.menu-card,.stat-card,.summary-block,.filter-card,.detail-card,.mobile-card,.dq-card,.export-card,.date-filter-card,.ranking-card,.seller-block,.kpi,.box,.positions,.equipment-card,.form-card)::after{display:none!important}
  html:root[data-hhl-skin="hhl"] :is(.panel,.filter-card,.detail-card,.form-card){padding:24px}
  html:root[data-hhl-skin="hhl"] :is(.menu-card,.card,.cavio-admin-tile):hover{border-color:#80aaa3!important;box-shadow:0 6px 20px #1839440b!important}
  html:root[data-hhl-skin="hhl"] :is(.menu-card,.card,.cavio-admin-tile) :is(h2,h3,h4,strong){color:#123947!important}
  html:root[data-hhl-skin="hhl"] :is(.menu-card,.card,.cavio-admin-tile) :is(p,small),html:root[data-hhl-skin="hhl"] :is(.subtitle,.muted,.small,.meta,.description){color:#60757c!important}
  html:root[data-hhl-skin="hhl"] :is(.detail-list,.feature-list li,.empty-note,.portal-image-link span,.multi-select-menu){background:#f3f8f5!important;color:#183944!important;border-color:#d5e1db!important;box-shadow:none!important}
  html:root[data-hhl-skin="hhl"] :is(button,.btn,.button,.search-button,.search-btn,.filter-reset,.reset-button,.private-open-button,.mobile-link,.tab-btn){font-family:inherit;min-height:44px;max-width:100%;border-radius:9px;background:#087f87;color:#fff;border:1px solid #087f87;box-shadow:none;text-shadow:none;cursor:pointer;touch-action:manipulation}
  html:root[data-hhl-skin="hhl"] :is(button,.btn,.button):hover{filter:brightness(.95)}
  html:root[data-hhl-skin="hhl"] :is(button,.btn,.button):disabled{cursor:wait;opacity:.6}
  html:root[data-hhl-skin="hhl"] :is(.secondary,.filter-reset,.reset-button,.tab-btn):not(.active):not(.selected){background:#fff!important;color:#123947!important;border-color:#c4d5cd!important}
  html:root[data-hhl-skin="hhl"] :is(.danger,.btn-danger,button[data-action="delete"]){background:#a33a30!important;color:#fff!important;border-color:#a33a30!important}
  html:root[data-hhl-skin="hhl"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]),select,textarea){background:#fff!important;color:#183944!important;border:1px solid #bfd2c9!important;border-radius:8px!important;box-shadow:none!important;max-width:100%;min-height:42px;font-family:inherit;padding:10px 12px}
  html:root[data-hhl-skin="hhl"] :is(input,textarea)::placeholder{color:#6d8188!important;opacity:1}
  html:root[data-hhl-skin="hhl"] select option{background:#fff!important;color:#183944!important}
  html:root[data-hhl-skin="hhl"] :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:#087f87}
  html:root[data-hhl-skin="hhl"] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #cc9c3d!important;outline-offset:3px}
  html:root[data-hhl-skin="hhl"] .hhl-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #d5e1db;border-radius:12px;background:#fff}
  html:root[data-hhl-skin="hhl"] :is(.table-wrap,.table-scroll,.table-responsive,.table-container,.table-viewport){max-width:100%;min-width:0;overflow-x:auto;background:#fff!important;border-color:#d5e1db!important;box-shadow:none!important}
  html:root[data-hhl-skin="hhl"] table{border-collapse:separate;border-spacing:0;background:#fff!important;color:#183944!important;border-color:#d5e1db!important;box-shadow:none!important}
  html:root[data-hhl-skin="hhl"] :is(th,td){color:#183944;border-color:#dce5df!important;text-shadow:none!important}
  html:root[data-hhl-skin="hhl"] thead th{background:#eaf1ed!important;color:#123947!important;font-weight:600}
  html:root[data-hhl-skin="hhl"] tbody tr{background:#fff}
  html:root[data-hhl-skin="hhl"] tbody tr:nth-child(even){background:#f5f9f6}
  html:root[data-hhl-skin="hhl"] tbody tr:hover td{background:#edf5ef!important}
  html:root[data-hhl-skin="hhl"] :is(.date-red,.text-danger,.overdue,.error){color:#9e3028!important}
  html:root[data-hhl-skin="hhl"] :is(.date-green,.text-success,.success){color:#236440!important}
  html:root[data-hhl-skin="hhl"] :is(.warning,.warn,.stale,.data-stale){color:#79540c;background:#fff4d6;border-color:#d8bd77}
  html:root[data-hhl-skin="hhl"] :is(.month-strip,.day-strip,.calendar-header,.calendar-toolbar,.monitor-header){background:#f3f8f5!important;color:#123947!important;border-color:#d5e1db!important}
  html:root[data-hhl-skin="hhl"] :is(.month-strip,.day-strip) a{background:#fff;color:#123947;border-color:#c4d5cd}
  html:root[data-hhl-skin="hhl"] :is(.month-strip,.day-strip) a.active{background:#087f87!important;color:#fff!important}
  html:root[data-hhl-skin="hhl"] :is(.day-card,.day-column,.day-col,.monitor-card,.booking-card,.event-card){background:#fff!important;color:#183944!important;border-color:#d5e1db!important;border-radius:12px}
  html:root[data-hhl-skin="hhl"] :is(.rt-day,.va-day,.rt-card,.va-card){background:#fff!important;color:#183944!important;border-color:#d5e1db!important;box-shadow:none!important;border-radius:12px}
  html:root[data-hhl-skin="hhl"] :is(.rt-day-head,.va-day-head){background:#eaf1ed!important;color:#123947!important;border-color:#d5e1db!important}
  html:root[data-hhl-skin="hhl"] :is(.rt-time,.va-time,.rt-col-title,.va-col-title){color:#007c88!important}
  html:root[data-hhl-skin="hhl"] .rt-seller{color:#236440!important}
  html:root[data-hhl-skin="hhl"] :is(.rt-warning,.va-warning){background:#fff4d6!important;color:#79540c!important;border-color:#d8bd77!important}
  html:root[data-hhl-skin="hhl"] :is(img,video){max-width:100%}
  html:root[data-hhl-skin="hhl"] pre{white-space:pre-wrap;overflow-wrap:anywhere}
  html:root[data-hhl-skin="hhl"] #hhl-compact-header,html:root[data-hhl-skin="hhl"] #hhl-skin-toolbar{background:#f3f5f2!important;border-bottom:1px solid #d5e1db!important;box-shadow:none!important;color:#123947!important}
  html:root[data-hhl-skin="hhl"] #hhl-compact-header .hhl-return-button,html:root[data-hhl-skin="hhl"] .hhl-skin-choices button{background:#fff!important;border-color:#c4d5cd!important;color:#123947!important;box-shadow:none!important}
  html:root[data-hhl-skin="hhl"] .hhl-skin-choices button[aria-pressed="true"]{background:#087f87!important;color:#fff!important;border-color:#087f87!important}
  html:root[data-hhl-skin="hhl"] .hhl-skin-choices .theme-button.is-active{background:#fff!important;color:#123947!important;border-color:#c4d5cd!important}
  html:root[data-hhl-skin="hhl"] :is(.login-box,.login-card,.login-wrap,.admin-login){background:#fff;color:#183944;border-color:#d5e1db}
}
@media screen and (max-width:720px) {
  #hhl-compact-header.hhl-skin-header,#hhl-skin-toolbar{padding:10px 12px;gap:8px}
  .hhl-skin-choices{gap:5px}.hhl-skin-choices .theme-switcher{gap:5px}
  .hhl-skin-choices button{font-size:12px!important;padding:9px 11px!important;min-width:44px}
  html:root[data-hhl-skin="hhl"] :is(.page,body>main,body>.container,body>.wrap){width:calc(100% - 24px);margin:18px auto;padding:0}
  html:root[data-hhl-skin="hhl"] :is(.panel,.hero,.filter-card,.detail-card,.form-card){padding:16px!important;border-radius:12px!important}
  html:root[data-hhl-skin="hhl"] :is(.menu-grid,.app-grid,.cards,.form-grid,.detail-grid,.filter-grid,.search-grid){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  html:root[data-hhl-skin="hhl"] :is(.search-row,.filter-row,.filters,.filter-controls,.toolbar,.form-row){flex-wrap:wrap;max-width:100%;gap:10px}
  html:root[data-hhl-skin="hhl"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px!important;min-width:0}
  html:root[data-hhl-skin="hhl"] :is(.filter-group,.search-group,.form-group,.form-field){min-width:0;max-width:100%;flex-basis:100%}
  html:root[data-hhl-skin="hhl"] :is(h1,h2,h3,p,dd,label,.card,.menu-card){overflow-wrap:anywhere}
  html:root[data-hhl-skin="hhl"] h2{font-size:21px}
  html:root[data-hhl-skin="hhl"] table{font-size:13px}
  html:root[data-hhl-skin="hhl"] :is(th,td){padding:10px}
  html:root[data-hhl-skin="hhl"] :is(.month-strip,.day-strip){overflow-x:auto;max-width:100%;flex-wrap:nowrap}
}
@media print {
  #hhl-skin-toolbar,.hhl-skin-choices{display:none!important}
  .hhl-table-scroll{display:contents}
}
/* Page-specific legacy palettes: opt-in, no changes to original stylesheet files. */
@media screen {
  html:root[data-hhl-skin="hhl"] :is(.multi-select-toggle,.multi-select-toggle span){background:#fff!important;background-image:none!important;color:#183944!important;box-shadow:none!important;border-color:#bfd2c9!important}
  html:root[data-hhl-skin="hhl"] :is(.panel-header p,.table-title p,.booking-command p,.booking-topbar p,.booking-command-stats span,.booking-stats span,.legend,.year-day small,.year-line a small){color:#60757c!important}
  html:root[data-hhl-skin="hhl"] :is(.booking-command,.booking-shell,.booking-topbar,.booking-stats,.year-line,.table-card){background:#fff!important;background-image:none!important;color:#183944!important;border:1px solid #d5e1db!important;box-shadow:none!important;border-radius:16px}
  html:root[data-hhl-skin="hhl"] :is(.booking-command-stats>div,.booking-stats>div){background:#f3f8f5!important;color:#123947!important;border-color:#d5e1db!important}
  html:root[data-hhl-skin="hhl"] :is(.booking-command-stats strong,.booking-stats strong,.booking-eyebrow,.eyebrow){color:#087f87!important}
  html:root[data-hhl-skin="hhl"] :is(.booking-command nav a,.booking-shell nav a,.year-day,.year-line a){background:#f3f8f5!important;color:#123947!important;border-color:#d5e1db!important;box-shadow:none!important}
  html:root[data-hhl-skin="hhl"] :is(.year-day.weekend,.year-day.holiday,.year-line a.weekend,.year-line a.holiday){background:#e7ece9!important;color:#53686f!important}
  html:root[data-hhl-skin="hhl"] :is(.booking-command nav a.active,.booking-shell nav a.active,.year-day.active-month,.year-line a.active-month){background:#dff0e9!important;color:#066971!important;border-color:#80aaa3!important}
  html:root[data-hhl-skin="hhl"] :is(.calendar-scroll,.booking-table-scroll) :is(.time-col,.time-cell,.time-head){background:#eaf1ed!important;color:#123947!important}
  html:root[data-hhl-skin="hhl"] :is(.calendar-scroll,.booking-table-scroll) td:is(.available,.free){background:#e3f3e8!important;color:#236440!important}
  html:root[data-hhl-skin="hhl"] :is(.calendar-scroll,.booking-table-scroll) td:is(.not-bookable,.blocked,.blocked-day){background:#e7ece9!important;color:#53686f!important}
  html:root[data-hhl-skin="hhl"] :is(.calendar-scroll,.booking-table-scroll) td.booked{background:#f6e8d6!important;color:#704d1a!important}
  html:root[data-hhl-skin="hhl"] :is(.calendar-scroll,.booking-table-scroll) .current-day{border-left:3px solid #087f87!important}
  html:root[data-hhl-skin="hhl"] header.topbar{background:#eaf1ed!important;color:#123947!important;border-color:#d5e1db!important}
  html:root[data-hhl-skin="hhl"] .monitor .cell{background:#fff!important;color:#183944!important;border-color:#d5e1db!important}
  html:root[data-hhl-skin="hhl"] .monitor :is(.head,.order-cell,.total-cell){background:#eaf1ed!important;color:#123947!important}
  html:root[data-hhl-skin="hhl"] .monitor .blank{background:#f6f9f7!important}
  html:root[data-hhl-skin="hhl"] .monitor .job{background:#f1f8f4!important;color:#183944!important}
  html:root[data-hhl-skin="hhl"] .monitor .elapsed{color:#236440!important}
  html:root[data-hhl-skin="hhl"] .state-wait{background:#fff4d6!important;color:#79540c!important}
  html:root[data-hhl-skin="hhl"] :is(.rm-service-app,.rm-service-login-wrap){background:#f3f5f2!important;background-image:none!important;color:#183944!important}
  html:root[data-hhl-skin="hhl"] :is(.rm-panel,.rm-service-brand-header,.rm-service-login-head,.rm-service-card,.rm-card){background:#fff!important;background-image:none!important;color:#183944!important;border-color:#d5e1db!important;box-shadow:none!important;border-radius:16px}
  html:root[data-hhl-skin="hhl"] :is(.rm-kicker,.rm-service-brand-contact p,.rm-service-login-head p){color:#60757c!important}
  html:root[data-hhl-skin="hhl"] :is(.rm-primary,.rm-secondary){background:#087f87!important;background-image:none!important;color:#fff!important;border-color:#087f87!important;box-shadow:none!important}
}
@media screen and (max-width:720px){
  html:root[data-hhl-skin="hhl"] :is(.rm-service-app,.rm-service-login-wrap){padding:12px!important;width:100%;min-width:0}
  html:root[data-hhl-skin="hhl"] :is(.rm-service-login-grid,.rm-service-grid){grid-template-columns:minmax(0,1fr)!important}
  html:root[data-hhl-skin="hhl"] .rm-service-brand-header{flex-wrap:wrap;padding:14px}
}
/* Phone monitor readability and inherited legacy black-mode contrast. */
@media screen {
  .hhl-skin-choices .rm-theme-toggle{width:auto!important;flex:0 0 auto!important}
  html:root[data-hhl-skin="hhl"] .rm-service-app :is(h1,h2,h3,h4,label){color:#123947!important}
  html:root[data-hhl-skin="hhl"] .rm-service-brand-contact :is(p,span,strong,a){color:#536c75!important}
  html:root[data-hhl-skin="hhl"] :is(.booking-command nav a span,.booking-shell nav a span,.year-day small,.year-line a small){color:#4a6a75!important}
}
@media screen and (max-width:720px){
  html:root[data-hhl-skin="hhl"] .monitor-shell{max-width:calc(100% - 24px);overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  html:root[data-hhl-skin="hhl"] .monitor-shell .monitor{min-width:1100px}
  html:root[data-hhl-skin="hhl"] .monitor :is(.cell,.job-title,.job-meta,.elapsed,.job a){font-size:12px!important;line-height:1.4}
}
