/* ArchiDot 4.11: shared alignment with notification controls. */
body > header > .account-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
body > header > .account-controls > .ad-excel-export-icon,
body > header > .account-controls > .notification-bell{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;border:1px solid #42536b;border-radius:8px;vertical-align:middle}
body > header > .account-controls > .ad-excel-export-icon{background:transparent;text-decoration:none}
.ad-excel-export-icon img{display:block;width:36px;height:36px;object-fit:contain;border-radius:3px;margin:0}
body > header > .account-controls > .ad-excel-export-icon:hover,
body > header > .account-controls > .ad-excel-export-icon.is-active{background:#2b3c59;border-color:#7ea5e4}
.ad-excel-export-icon:focus-visible{outline:2px solid #9bd7ea;outline-offset:3px}

body > header > .account-controls > .ad-excel-export-icon{color:#87b3f4}
.ad-excel-export-icon svg{display:block;flex:none;margin:0}
/* The standalone offers page uses the same two-row header structure. */
body.ad-offers-page > header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:end!important}
body.ad-offers-page > header > .brand{grid-column:1;grid-row:1}
body.ad-offers-page > header > .account-controls{grid-column:2;grid-row:1;align-self:end;margin:0}
body.ad-offers-page > header > nav{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;gap:8px 18px;margin:0}
body.ad-offers-page > header > nav > a{white-space:nowrap}
@media(max-width:540px){body.ad-offers-page > header{gap:12px}body.ad-offers-page > header > .account-controls{gap:6px}body.ad-offers-page > header > .brand{font-size:24px}body.ad-offers-page > header > .brand span{font-size:9px;letter-spacing:1px}body.ad-offers-page > header > .account-controls .logout button{padding:9px}}