:root{--brand-navy:#142638;--brand-sky:#53b8ea;--brand-mist:#f2f7fa}
.brand{display:inline-flex;flex:none;align-items:center;width:222px;max-width:100%;line-height:1}
.brand picture{display:block;width:100%}
.brand .brand-image,.brand-image{display:block;width:100%;height:auto;object-fit:contain}
.foot .brand{width:204px}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sidebar .brand{background:white;padding:9px;width:148px;border-radius:9px;min-width:0}
.sidebar-toggle{display:grid;place-items:center;width:36px;min-height:36px;flex:none;border:1px solid #70889f;border-radius:8px;color:#fff;background:transparent}
.sidebar-toggle .icon{width:17px;height:17px}
.sidebar .brand-compact{display:none}
.dashboard[data-collapsed=true]{grid-template-columns:76px minmax(0,1fr)}
.dashboard[data-collapsed=true] .sidebar{padding-inline:12px}
.dashboard[data-collapsed=true] .sidebar-brand-row{flex-direction:column}
.dashboard[data-collapsed=true] .brand-expanded,.dashboard[data-collapsed=true] .sidebar .label,.dashboard[data-collapsed=true] .sidebar-nav-label{display:none}
.dashboard[data-collapsed=true] .brand-compact{display:inline-flex;width:48px}
.dashboard[data-collapsed=true] .sidebar nav a{justify-content:center;position:relative;min-height:38px}
.dashboard[data-collapsed=true] .sidebar-toggle .icon{transform:rotate(180deg)}
.dashboard[data-collapsed=true] .sidebar .support-count{position:absolute;right:0;top:0}
.dashbar .brand{width:174px}
.account-brand{max-width:min(270px,100%);margin:0 0 8px}
.booking-voucher{display:grid;gap:13px;color:var(--brand-navy);padding:4px 0}
.booking-voucher dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0}
.booking-voucher dt{font-weight:700}
.booking-voucher dd{margin:0;overflow-wrap:anywhere}
@media(max-width:1050px){.top .brand{width:194px}.sidebar .brand{width:114px}}
@media(max-width:800px){
 .top .brand{width:168px}
 .sidebar .brand{width:145px}
 .dashbar .brand{width:148px}
 .dashboard[data-collapsed=true] .sidebar{padding-inline:16px}
 .dashboard[data-collapsed=true] .sidebar-brand-row{flex-direction:row}
 .dashboard[data-collapsed=true] .sidebar nav a{min-width:42px;min-height:42px}
}
@media(max-width:355px){.top .brand:has(picture){width:52px}}
@media print{
 body:has(dialog[open] .booking-voucher) > :not(#app),
 body:has(dialog[open] .booking-voucher) #app > :not(dialog),
 body:has(dialog[open] .booking-voucher) .dialog-head,
 body:has(dialog[open] .booking-voucher) .voucher-actions{display:none!important}
 body:has(dialog[open] .booking-voucher) dialog{position:static;margin:0;width:100%;max-width:none;max-height:none;border:0;box-shadow:none;overflow:visible}
 body:has(dialog[open] .booking-voucher) dialog::backdrop{display:none}
}
.foot.footer-navy{background:var(--brand-navy);color:#fff;border-color:#334b62}
.foot.footer-navy p,.foot.footer-navy a,.foot.footer-navy button,.foot.footer-navy .ar-footer-bottom{color:#fff}