/* Flat header controls use the site's existing thin-line graphic language. */
.header-right.flat-controls{gap:8px}
.flat-controls .header-control{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:138px;min-width:0;min-height:66px;padding:10px 12px;border:1px solid #e3e6e8;border-radius:12px;background:#fff;box-shadow:none;color:#40576a;line-height:1.25}
.flat-controls .header-control:hover{background:#f7f9fa;border-color:#b9c6d0}
.flat-controls .header-control:focus-visible{outline:3px solid #ff975a;outline-offset:3px}
.flat-controls .flat-control-icon{display:flex;align-items:center;justify-content:center;flex:0 0 26px;color:#657b8d}
.flat-controls .flat-control-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.flat-controls .flat-control-copy{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}
.flat-controls .header-control-label{font-size:12px;line-height:1.25;font-weight:700;white-space:normal;color:#40576a}
.flat-controls .header-control-value{display:block;min-height:0;font-size:17px;line-height:1.15;font-weight:800;white-space:nowrap;color:#293f52}
.flat-controls .header-control-value>span{font-size:11px;font-weight:500}
.flat-controls .notification-control{width:164px}
.flat-controls .notification-control.has-unread{border:1px solid #f45a20;background:#fff7f2;box-shadow:0 0 0 1px #f45a20,0 0 12px #f45a2052;overflow:visible}
.flat-controls .notification-control.has-unread .flat-control-icon{color:#e5531c}
.flat-controls .notification-control.has-unread .header-control-label{color:#a74018}
.flat-controls .flat-notice-summary{font-size:10px;line-height:1.3;color:#a54b27;font-weight:500}
.flat-controls .account-control{width:130px}
.flat-controls .account-control>.avatar{width:28px;height:28px;border-radius:50%;background:#f0f3f5;color:#40576a;font-size:11px}
@media(min-width:1101px){.header-inner:has(.flat-controls){gap:18px}.header-inner:has(.flat-controls) nav{gap:18px;white-space:nowrap}}
@media(max-width:720px){.header-right.flat-controls{gap:6px}.flat-controls .header-control,.flat-controls .notification-control,.flat-controls .account-control{width:100%;min-height:68px;padding:8px 5px;gap:6px;justify-content:center}.flat-controls .header-control-label{font-size:10px}.flat-controls .flat-control-icon{flex-basis:22px}.flat-controls .flat-control-icon svg{width:22px;height:22px}.flat-controls .header-control-value{font-size:16px}.flat-controls .header-control-value>span{font-size:9px}.flat-controls .flat-notice-summary{font-size:9px}.flat-controls .account-control>.avatar{width:24px;height:24px;font-size:10px}}
.flat-controls .balance-brand-stamp{display:block;width:26px;height:26px;object-fit:contain}
@media(max-width:720px){.flat-controls .balance-brand-stamp{width:22px;height:22px}}
.flat-controls .notification-color-envelope{display:block;width:26px;height:26px;flex:none;background:url('assets/header-paper-controls-256-20261105.webp') no-repeat 100% 100%/200% 200%}
@media(max-width:720px){.flat-controls .notification-color-envelope{width:22px;height:22px}}