/* Separate compact header controls; orbital navigation and logo geometry stay untouched. */
.header .header-right{gap:8px;padding:0!important;border:0;background:transparent;box-shadow:none;border-radius:0}
.header .header-date-area,.header .header-branch-session{height:42px;box-sizing:border-box;border:1px solid #e5dfd5;border-radius:999px;background:#fff;box-shadow:0 2px 8px #1c191705;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:#1c1917;font-family:var(--font-display);flex-shrink:0}
.header .header-date-area{min-width:88px;cursor:pointer}
.header .header-date-area .date-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1;letter-spacing:-.2px}
.header #header-live-date{font-size:13px;font-weight:800}
.header #header-live-time{font-size:10px;font-weight:400;color:#78716c;font-variant-numeric:tabular-nums}
.header .date-icon,.header .header-branch-session>svg:first-child{width:16px;height:16px;stroke-width:2;color:#8b1515;flex-shrink:0}
.header .header-branch-session .header-branch-text{gap:0}
.header .header-branch-session .header-branch-text strong{font-size:13px!important}
.header .header-branch-session:hover{background:#faf8f5}
.header :is(.header-date-area,.header-branch-session):focus-visible{outline:2px solid #8b1515;outline-offset:2px}
.header .calendar-dropdown{left:auto!important;right:0!important;width:320px!important;max-width:calc(100vw - 24px);box-sizing:border-box}
.header-calendar-detail{font:500 12px/1.5 var(--font-display);color:#78716c;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e5dfd5}
@media(max-width:1350px){.header #header-live-time{display:none}.header .header-date-area{min-width:74px}}
@media(max-width:768px){.header .header-right{gap:6px;margin-left:auto}.header .header-date-area{display:flex!important;min-width:64px;padding:0 8px;gap:5px}.header .header-branch-session{padding:0 9px;gap:5px}.header #header-live-date{font-size:12px}.header .header-branch-session .header-branch-text strong{font-size:12px!important}.header .calendar-dropdown{position:fixed!important;top:64px!important;right:12px!important;left:auto!important}}

.header .header-date-area:hover{background:#faf8f5}
/* Compact combined island: one surface and two independent targets. */
.header .header-right{gap:0;padding:0 4px!important;border:1px solid #e5dfd5;background:#fff;box-shadow:0 2px 8px #1c191705;border-radius:999px;height:42px;box-sizing:border-box}
.header .header-date-area,.header .header-branch-session{height:40px;border:0!important;background:transparent;box-shadow:none!important;border-radius:999px}
.header .header-date-area{min-width:80px;padding:0 10px;position:relative}
.header .header-date-area::after{content:"";position:absolute;right:0;top:10px;bottom:10px;width:1px;background:#e5dfd5;pointer-events:none}
.header .header-branch-session{padding:0 12px;gap:7px}
.header .header-branch-session .header-branch-text strong{font-size:14.5px!important;font-weight:800!important;line-height:1}
@media(max-width:1350px){.header .header-date-area{min-width:70px}}
@media(max-width:768px){.header .header-right{gap:0;padding:0 3px!important}.header .header-date-area{min-width:61px;padding:0 7px;gap:5px}.header .header-branch-session{padding:0 9px;gap:5px}.header .header-branch-session .header-branch-text strong{font-size:14px!important}}

/* AI Kredi entry. Shared by branch header and the center account menu. */
#header-ai-usage.header-ai-credit,[data-center-ai-usage].header-ai-credit{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:36px;height:36px;padding:4px 12px 4px 5px;border:1px solid #292725;border-radius:999px;background:linear-gradient(145deg,#2b2926,#111);color:#fff;font:500 13px/1 Outfit,system-ui,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff12,0 2px 5px #1c191712;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.header-ai-credit__icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff12;color:#f3e5cc}
.header-ai-credit__icon svg{width:19px;height:19px;flex:none}
.header-ai-credit__label{font:inherit;color:inherit}
#header-ai-usage.header-ai-credit:hover,[data-center-ai-usage].header-ai-credit:hover{background:linear-gradient(145deg,#39352f,#1b1a18);border-color:#514a40;box-shadow:inset 0 1px 0 #ffffff20,0 3px 9px #1c19171a}
#header-ai-usage.header-ai-credit:focus-visible,[data-center-ai-usage].header-ai-credit:focus-visible{outline:2px solid #8b1515;outline-offset:3px}
@media(max-width:1024px){#header-ai-usage.header-ai-credit,[data-center-ai-usage].header-ai-credit{min-height:44px;height:44px;transition:none}.header .header-right:has(#header-ai-usage){min-height:46px}}
@media(prefers-reduced-motion:reduce){#header-ai-usage.header-ai-credit,[data-center-ai-usage].header-ai-credit{transition:none}}