/* One header: brand, navigation and a quiet account control at the right. */
header.has-account-controls[data-account-header]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px!important}
header.has-account-controls[data-account-header]>.brand-logo{width:195px;gap:0}
header.has-account-controls[data-account-header]>a:first-child img{display:block;width:195px;height:65px;object-fit:contain;margin-block:-10px}
header.has-account-controls[data-account-header] .brand-motto{font-size:10px;line-height:1.4;letter-spacing:.07em;margin:0 0 0 5px}
header.has-account-controls[data-account-header]>nav{min-width:0;width:auto;order:0;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
header.has-account-controls[data-account-header]>nav a{white-space:nowrap;font-size:14px}
header.has-account-controls[data-account-header]>.language{margin:0;border:0;padding:0;min-width:0}
header.has-account-controls[data-account-header]>.language select{width:102px;max-width:102px;min-height:40px;padding:8px 18px 8px 0;font-size:13px}
header.has-account-controls[data-account-header]>.account-controls{grid-column:4;justify-self:end}
header.has-account-controls[data-account-header]:not(:has(>.language)){grid-template-columns:auto minmax(0,1fr) auto}
header.has-account-controls[data-account-header]:not(:has(>.language))>.account-controls{grid-column:3}
.account-controls{position:relative;z-index:5;color:#142e46;font:600 14px/1.2 system-ui,sans-serif}
.account-controls *{box-sizing:border-box}
.account-controls [hidden]{display:none!important}
.account-controls [data-account-guest]{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.account-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0!important;border:0;text-decoration:none!important;font:650 13px/1.2 system-ui,sans-serif!important;border-radius:8px;transition:background .15s,box-shadow .15s}
.account-controls .account-signin{padding:8px;color:#204dcc!important;background:transparent;white-space:nowrap}
.account-controls .account-create{min-height:36px;padding:9px 12px;color:#fff!important;background:#224fd1;box-shadow:0 1px 2px #102b4b12;text-align:center;max-width:130px}
.account-controls .account-signin:hover{background:#edf2ff}
.account-controls .account-create:hover{background:#183fae}
.account-controls a:focus-visible{outline:3px solid #3769e8;outline-offset:3px}
.account-controls .account-profile{gap:9px;min-width:44px;padding:4px;color:#142e46!important;background:transparent}
.account-controls .account-profile:hover{background:#edf2f8}
.account-controls [data-account-name]{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-avatar-wrap{position:relative;display:block;width:34px;height:34px;flex:none}
.account-avatar{display:grid;place-items:center;width:34px;height:34px;background:#eaf0fb;color:#224bb1;border:1px solid #ccd9ef;border-radius:50%;overflow:hidden}
.account-avatar>*{grid-area:1/1}
.account-avatar [data-account-initials]{font:750 12px/1 system-ui,sans-serif;letter-spacing:.025em}
.account-avatar img{width:100%;height:100%;object-fit:cover;margin:0!important}
.account-brandmark{display:block;width:26px;height:26px;background:white url('/assets/ordrel-logo.png') -3px -7px/120px 40px no-repeat;flex:none}
.account-plan-icon{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:14px;height:14px;border:1px solid #d3dfeb;border-radius:50%;background:#fff;box-shadow:0 0 0 2px white;overflow:hidden}
.account-plan-icon .account-brandmark{transform:scale(.43);position:absolute}
.account-diamond{display:none;width:16px;height:16px}
[data-plan="plus"] .account-avatar{border-color:#bd9343;box-shadow:0 0 0 2px #f6ecd3}
[data-plan="plus"] .account-plan-icon{border-color:#bf9648;background:#f3dc9e}
[data-plan="plus"] .account-plan-icon .account-brandmark{filter:grayscale(1) sepia(1) saturate(3);mix-blend-mode:multiply}
[data-plan="teams"] .account-avatar{border-color:#8eabc2;box-shadow:0 0 0 2px #e6eef6}
[data-plan="teams"] .account-plan-icon{width:18px;height:18px;right:-5px;bottom:-4px;overflow:visible;background:white;border:0}
[data-plan="teams"] .account-plan-icon .account-brandmark{display:none}
[data-plan="teams"] .account-diamond{display:block}
@media(max-width:1200px){
 header.has-account-controls[data-account-header]{grid-template-columns:minmax(0,1fr) auto;gap:4px 20px!important;padding:12px 24px!important}
 header.has-account-controls[data-account-header]>.account-controls{grid-column:2;grid-row:1}
 header.has-account-controls[data-account-header]>.language{grid-column:2;grid-row:2;justify-self:end}
 header.has-account-controls[data-account-header]>nav{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:20px;scrollbar-width:thin}
 header.has-account-controls[data-account-header]>nav a{flex:none;white-space:nowrap;padding:12px 0}
 header.has-account-controls[data-account-header]:not(:has(>.language)){grid-template-columns:minmax(0,1fr) auto}
 header.has-account-controls[data-account-header]:not(:has(>.language))>.account-controls{grid-column:2}
 header.has-account-controls[data-account-header]:not(:has(>.language))>nav{grid-column:1/-1}
 header.has-account-controls[data-account-header]>a:not(:first-child){grid-column:1;grid-row:2;justify-self:start}
}
@media(max-width:600px){
 header.has-account-controls[data-account-header]{gap:2px 12px!important;padding:10px 18px 4px!important}
 header.has-account-controls[data-account-header]>.brand-logo{width:160px;max-width:100%}
 header.has-account-controls[data-account-header]>a:first-child img{width:160px;max-width:100%;height:auto;aspect-ratio:3;margin-block:-8px}
 header.has-account-controls[data-account-header] .brand-motto{display:none}
 header.has-account-controls[data-account-header]>nav{gap:18px;scrollbar-width:none}
 header.has-account-controls[data-account-header]>nav a{font-size:13px;min-height:44px;display:flex;align-items:center;padding:8px 0}
 header.has-account-controls[data-account-header]>.language select{width:88px;max-width:88px;min-height:44px;font-size:12px;padding:8px 12px 8px 0}
 .account-controls [data-account-name]{display:none}
 .account-controls .account-create{min-height:44px;padding:8px 10px;max-width:116px}
 .account-controls .account-signin{padding:8px 5px}
}
@media(max-width:370px){
 header.has-account-controls[data-account-header]{padding-inline:12px!important;column-gap:8px!important}
 header.has-account-controls[data-account-header]>.brand-logo{width:130px}
 header.has-account-controls[data-account-header]>a:first-child img{width:130px;margin-block:-6px}
 .account-controls [data-account-guest]{gap:2px}
 .account-controls a{font-size:12px!important}
 .account-controls .account-create{padding-inline:8px;max-width:108px}
}
@media(prefers-reduced-motion:reduce){.account-controls a{transition:none}}
@media print{.account-controls{display:none!important}}