/* One sage accent for navigation, selected tools and primary actions. */
@media screen {
html body dialog:has(>iframe[src*="raglan/"])>div:first-child{position:absolute!important;top:4px;right:8px;z-index:50;height:36px!important;padding:2px!important;border:0!important;background:transparent!important}
html body dialog:has(>iframe[src*="raglan/"])>iframe{height:100%!important}
}
@media screen {
/* Shared header band across standalone workspaces and parent-mounted sections. */
html body.kl-section-atelier>header,
html body.kl-section-atelier>nav,
html body.kl-section-atelier .vv-head,
html body.symbol-workshop .sw-header,
html body.kl-collar-accent .heading,
html body #symed-overlay>div:first-child,
html body #collars-dialog .collars-top,
html body #collars-dialog .collars-commandbar,
html body #photo-pattern-dialog>div>div:first-child,
html body dialog:has(>iframe[src*="raglan/"])>div:first-child,
html body :is(.klc-head,.cg-head,.fa-head,.cf16-head),
html body div:has(>.knit-setin-form)>div:first-child,
html body #pdfcomposer-ov .pc-top,
html body #pc-template-pop>[role=dialog]>:first-child,
html body.hostera-refresh #rep-popover.refresh-reports>div:first-child,
html body #knit-bar,
html body #knit-workroom .workroom-header {
 background:#d6e0d3!important;color:#17342f!important;
 border-bottom:1px solid #a7b7a2!important;box-shadow:none!important;
}
html body #knit-workroom .workroom-header {padding:18px!important}
html body #pdfcomposer-ov .pc-command-group {border-color:#b7c5b2!important}
html body #pdfcomposer-ov .pc-top .pc-btn:not(.on):not(#pc-export):not(#pc-done),
html body #knit-workroom .workroom-nav button,
html body.symbol-workshop .sw-header button:not(.active):not([aria-pressed=true]),
html body :is(.cg-head,.fa-head,.cf16-head) button:not(.active) {
 background:#fffdf8!important;color:#30483f!important;border:1px solid #b7c5b2!important;
}
/* A single light sage band separates navigation and tools from the cream workspace. */
body.hostera-refresh.knit-studio-design>header {
 background:#d6e0d3!important;
 border-bottom:1px solid #a7b7a2!important;
}
body.hostera-refresh.knit-studio-design>header #refresh-tools {
 background:transparent!important;border-top-color:#b7c5b2!important;
}
body.hostera-refresh.knit-studio-design>header #refresh-account :is(summary,#btn-lang) {
 background:#f7f8f1!important;border-color:#b7c5b2!important;
}
body.hostera-refresh.knit-studio-design #editor-sections>.header-actions>button.refresh-current,
body.hostera-refresh.knit-studio-design>header #refresh-tools .btn:is(.active,.active-mode,[aria-pressed=true]),
html body.kl-section-atelier button:is(.active,[aria-pressed=true],[aria-selected=true]),
body #pdfcomposer-ov .pc-top .pc-btn.on {
 background:#cedacf!important;color:#17342f!important;border-color:#6f8878!important;
 box-shadow:inset 3px 0 #6f8878!important;
}
body.hostera-refresh.knit-studio-design #editor-sections>summary,
body.hostera-refresh.knit-studio-design .panel-left #btn-wzor-mode,
body #pdfcomposer-ov .pc-top #pc-export,
html body.kl-section-atelier button:is(.primary,.gold,.vv-primary,.vv-gold),
body :is(.cg-primary,.cg-gen,.cf16-calc,.cf16-gen),
body #knit-workroom .workroom-primary {
 background:#526f5e!important;color:#fffdf8!important;border-color:#526f5e!important;
 box-shadow:none!important;
}
body.hostera-refresh.knit-studio-design #editor-sections>.header-actions>button.refresh-current:after {color:#526f5e!important}
body.hostera-refresh.knit-studio-design .panel-right .tool-accordion.open>.tool-acc-header,
body.hostera-refresh.knit-studio-design .panel-left .kl-symbol-group[open]>summary,
body.hostera-refresh.knit-studio-design .sheet-tab.active {
 background:#e1e8dc!important;border-left-color:#6f8878!important;color:#17342f!important;
}
body.hostera-refresh.knit-studio-design #editor-location {background:#e1e8dc;border:1px solid #c3d0bf;border-radius:4px;padding:7px 11px;color:#304e3c}
body.hostera-refresh.knit-studio-design #editor-location:before {background:#6f8878;width:7px;height:7px}
html body.symbol-workshop button:is(.active,.on,[aria-pressed=true],[aria-selected=true]),
html body.symbol-workshop .itab.active {background:#cedacf!important;color:#17342f!important;border-color:#6f8878!important;box-shadow:inset 0 -2px #6f8878!important}
html body.symbol-workshop .sw-mode-switch button.active,
html body.kl-collar-accent button.active,
html body.kl-collar-accent button[aria-pressed=true] {background:#cedacf!important;color:#17342f!important;border-color:#6f8878!important;box-shadow:inset 0 -2px #6f8878!important}
html body #collars-dialog .collars-parent-tools button.active,
html body #collars-dialog .collars-variant-menu button[aria-selected=true] {background:#cedacf!important;color:#17342f!important;border-color:#6f8878!important}
body.hostera-refresh.knit-studio-design>header #brand-logo {
 width:110px!important;height:76px!important;max-width:none!important;object-fit:contain!important;margin-block:-10px!important;flex-shrink:0;
 padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;
}
body #knit-workroom .workroom-brand .workroom-mark {
 display:block;width:88px;height:66px;object-fit:contain;background:transparent;padding:0;
 border:0;border-radius:0;
}
@media(max-width:700px){body #knit-workroom .workroom-brand .workroom-mark{width:64px;height:48px}}
}
/* The row counter occupies its own row instead of covering the palette footer. */
html body #knit-bar{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%;height:auto!important;min-height:52px;box-sizing:border-box;padding:4px 12px}
html body #knit-bar:not(.visible){display:none!important}
html body #knit-bar.visible{display:flex!important}
html body.knitting-mode .canvas-area{padding-bottom:0!important}

/* Dark green section headers; workspace and document colours are unchanged. */
@media screen {
html :is(body.kl-section-atelier>header,body.kl-section-atelier>nav,body.kl-section-atelier .vv-head,body.symbol-workshop .sw-header,body.kl-collar-accent .heading,#symed-overlay>div:first-child,#collars-dialog .collars-top,#collars-dialog .collars-commandbar,#photo-pattern-dialog>div>div:first-child,.klc-head,.cg-head,.fa-head,.cf16-head,div:has(>.knit-setin-form)>div:first-child,#pdfcomposer-ov .pc-top,#pc-template-pop>[role=dialog]>:first-child,#rep-popover.refresh-reports>div:first-child,#knit-workroom .workroom-header,body.hostera-refresh.knit-studio-design>header){background:#234f3d!important;color:#fffdf8!important;border-bottom-color:#173d2e!important}
html :is(body.kl-section-atelier>header,body.kl-section-atelier>nav,body.kl-section-atelier .vv-head,body.symbol-workshop .sw-header,body.kl-collar-accent .heading,#symed-overlay>div:first-child,#collars-dialog .collars-top,#collars-dialog .collars-commandbar,#photo-pattern-dialog>div>div:first-child,.klc-head,.cg-head,.fa-head,.cf16-head,div:has(>.knit-setin-form)>div:first-child,#pdfcomposer-ov .pc-top,#pc-template-pop>[role=dialog]>:first-child,#rep-popover.refresh-reports>div:first-child,#knit-workroom .workroom-header,body.hostera-refresh.knit-studio-design>header) :is(h1,h2,h3,.klc-sub,.vv-sub,.vv-separate,.workroom-brand-title){color:#fffdf8!important}
body.hostera-refresh.knit-studio-design>header :is(#refresh-home,#editor-sections>summary){color:#fffdf8!important}
body.hostera-refresh.knit-studio-design>header #editor-location{background:#345e4b!important;color:#fffdf8!important;border-color:#7d9885!important}
body.hostera-refresh.knit-studio-design>header #editor-location:before{background:#efd18d!important}
}

/* Main editor: compact tools leave more height for the chart. */
@media screen {
body.hostera-refresh.knit-studio-design>header #refresh-tools{gap:5px!important;padding:7px 0 1px!important}
body.hostera-refresh.knit-studio-design>header #refresh-tools .btn{padding:7px 8px!important;font-size:12px!important;min-height:34px!important}
body.hostera-refresh.knit-studio-design>header #refresh-tools #btn-undo,body.hostera-refresh.knit-studio-design>header #refresh-tools #btn-dup-sheet{margin-left:3px!important}
body.hostera-refresh.knit-studio-design>header #refresh-zoom{gap:4px!important;flex-wrap:nowrap!important}
@media(min-width:1500px){body.hostera-refresh.knit-studio-design>header #refresh-tools{flex-wrap:nowrap!important}}
}

.report-organizer-group{margin:8px 0;border:1px solid #c5d2bf;border-radius:6px;background:#fffdf8}.report-organizer-group>summary{padding:10px;cursor:pointer;font-weight:600;color:#234f3d;background:#e1e8dc}.report-organizer-group .rep-category-grid{padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-organizer-actions{display:flex;gap:4px;margin-top:7px;align-items:center}.report-organizer-actions button{padding:4px 7px!important;color:#a17c24!important;min-height:30px!important}.report-organizer-actions select{width:100%;min-width:0;padding:5px;font-size:12px;background:#fffdf8;color:#234f3d;border:1px solid #c5d2bf}.report-organizer-actions button[aria-pressed=true]{background:#f5edce!important}