/* Shared platform navigation. Unique classes avoid the legacy brand/header rules. */
.ik-header {
 position:relative; z-index:60; display:grid; grid-template-columns:minmax(0,1fr) auto;
 align-items:center; gap:12px; flex:0 0 auto; min-width:0; width:100%; min-height:72px;
 padding:10px 0; border-bottom:1px solid #d7ded8; color:#142521;
 font-family:'DM Sans',Arial,sans-serif;
}
.ik-header .ik-brand { display:block; width:min(100%,176px); min-width:0; margin:0; line-height:0; text-decoration:none; }
.ik-header .ik-brand img { display:block; width:100%; max-width:none; height:auto; aspect-ratio:196/44; }
.ik-header .ik-desktop-nav { display:none; }
.ik-header .ik-actions { display:flex; align-items:center; gap:8px; min-width:0; }
.ik-header .ik-account { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:44px; min-height:44px; flex:0 0 auto; color:#194f42; border:1px solid #d7ded8; border-radius:50%; text-decoration:none; }
.ik-header .ik-account svg { width:19px; height:19px; flex-shrink:0; }
.ik-header .ik-account>span { display:none; }
.ik-header .ik-menu { display:block; position:static; margin:0; }
.ik-header .ik-menu>summary {
 display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px;
 padding:11px 13px; border:1px solid #194f42; border-radius:24px; background:#194f42;
 color:#fff; font:600 13px/1.3 'DM Sans',Arial,sans-serif; cursor:pointer; list-style:none;
}
.ik-header .ik-menu>summary::-webkit-details-marker { display:none; }
.ik-header .ik-menu>summary::marker { content:''; }
.ik-header .ik-menu-icon { display:block; width:16px; height:16px; flex:0 0 16px; }
.ik-header .ik-menu-close { display:none; }
.ik-header .ik-menu[open]>summary { background:#fff; color:#194f42; }
.ik-header .ik-menu[open] .ik-menu-open { display:none; }
.ik-header .ik-menu[open] .ik-menu-close { display:inline; }
.ik-header .ik-menu-cross { display:none; }
.ik-header .ik-menu[open] .ik-menu-bars { display:none; }
.ik-header .ik-menu[open] .ik-menu-cross { display:block; }
.ik-header .ik-menu-panel {
 position:absolute; top:calc(100% + 8px); left:0; right:0; width:auto; max-width:none;
 max-height:calc(100dvh - 112px); overflow-y:auto; overscroll-behavior:contain;
 padding:20px; border:1px solid #d7ded8; border-radius:14px; background:#fff;
 box-shadow:0 20px 60px #14252126; text-align:left;
}
.ik-header .ik-menu:not([open])>.ik-menu-panel { display:none; }
.ik-header .ik-menu[open]>.ik-menu-panel { display:block; }
.ik-header .ik-menu-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:12px; margin-bottom:5px; }
.ik-header .ik-menu-heading>span:first-child { color:#52625c; font-size:11px; }
.ik-header .ik-menu-tag { color:#194f42; font-size:10px; font-weight:700; letter-spacing:.04em; }
.ik-header .ik-menu-links { display:grid; grid-template-columns:minmax(0,1fr); }
.ik-header .ik-menu-links>a { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:51px; padding:12px 0; border-bottom:1px solid #e5eae6; color:#142521; font-size:16px; font-weight:500; line-height:1.4; text-decoration:none; overflow-wrap:anywhere; }
.ik-header .ik-menu-links>a>span:last-child { color:#194f42; flex-shrink:0; }
.ik-header .ik-menu-links>a[aria-current=page] { color:#194f42; font-weight:700; }
.ik-header .ik-menu-create { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:48px; padding:13px 16px; margin-top:20px; background:#d5ed83; color:#142521; border-radius:6px; font-size:14px; font-weight:700; text-decoration:none; }
.ik-header :focus-visible { outline:3px solid #194f42; outline-offset:4px; }
/* Work commands are kept separately from global navigation. Their IDs do not change. */
.builder-page .ik-builder-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; min-height:58px; padding:9px 0; border-bottom:1px solid #d7ded8; }
.ik-work-label { font-size:12px; font-weight:600; color:#52625c; }
.builder-page .ik-builder-tools .builder-header-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-left:auto; }
.canvas-editor .ik-header { padding-inline:4px; }
.canvas-editor .ik-builder-tools { flex:0 0 auto; min-height:56px; padding:8px 4px; }
@media(min-width:1000px) {
 .ik-header { grid-template-columns:minmax(170px,1fr) auto auto; gap:30px; min-height:86px; }
 .ik-header .ik-brand { width:196px; }
 .ik-header .ik-desktop-nav { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:24px; }
 .ik-header .ik-desktop-nav>a { display:inline-flex; align-items:center; min-height:44px; color:#142521; font-size:13px; text-decoration:none; }
 .ik-header .ik-desktop-nav>a[aria-current=page] { text-decoration:underline; text-underline-offset:7px; }
 .ik-header .ik-account { width:auto; min-height:44px; padding:0 13px; border-radius:24px; font-size:12px; }
 .ik-header .ik-account>span { display:inline; }
 .ik-header .ik-menu-panel { left:auto; width:360px; }
 .canvas-editor .ik-header { min-height:68px; }
}
@media(max-width:1100px) {
 .canvas-editor .ik-header { padding-inline:18px; }
 .canvas-editor .ik-builder-tools { padding:8px 18px; }
 .canvas-editor .ik-builder-tools .editor-document { order:2; }
 .canvas-editor .ik-builder-tools .editor-toolbar { width:auto; flex-wrap:wrap; }
}
@media(max-width:359px) {
 .ik-header { gap:8px; min-height:68px; }
 .ik-header .ik-actions { gap:6px; }
 .ik-header .ik-account { width:44px; }
 .ik-header .ik-menu>summary { gap:7px; padding-inline:10px; font-size:12px; }
 .ik-header .ik-menu-panel { padding:17px; }
 .ik-header .ik-menu-heading { flex-wrap:wrap; gap:5px; }
}
@media(hover:hover) { .ik-header .ik-menu-links>a:hover { color:#194f42; }.ik-header .ik-account:hover { background:#edf2e8; }.ik-header .ik-menu-create:hover { background:#c9e274; } }