/* Navigation above a wrapping editing toolbar; no horizontal toolbar scrolling. */
body.hostera-refresh.compact-editor > header {
 flex-wrap:wrap;justify-content:flex-start;gap:6px 8px;padding:6px 12px;min-height:58px;overflow:visible;
}
.compact-editor > header .header-left {flex:none;gap:0}
.compact-editor > header .brand-logo {height:36px;padding:4px 8px}
.compact-editor #editor-sections {flex:none;position:relative}
.compact-editor #editor-sections > summary {
 background:#dfbb47;color:#103e2e;border-color:#c6a43a;font-weight:700;
 white-space:nowrap;padding:10px 12px;
}
.compact-editor #editor-sections:not([open]) > .header-actions {display:none}
.compact-editor #editor-sections > .header-actions {
 position:absolute;left:0;top:calc(100% + 10px);z-index:20001;
 display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;
 width:280px;max-width:calc(100vw - 110px);max-height:calc(100dvh - 100px);
 overflow-y:auto;padding:10px;gap:6px;background:#103f30;
 border:1px solid #ad944d;border-radius:10px;box-shadow:0 12px 30px #062b2040;
}
.compact-editor #editor-sections .header-actions > button {flex:none;text-align:left;min-height:40px}
body.hostera-refresh.compact-editor > header #refresh-tools {
 order:5;flex:1 1 100%;min-width:0;flex-wrap:wrap;overflow:visible;
 padding:7px 0 1px;border:0;border-top:1px solid #ffffff26;background:transparent;gap:6px;
}
.compact-editor #refresh-tools > *, .compact-editor #refresh-zoom > * {flex-shrink:0}
.compact-editor #refresh-tools .btn {font-size:12px;padding:7px 10px;white-space:nowrap}
.compact-editor #refresh-tools #btn-undo,
.compact-editor #refresh-tools #btn-dup-sheet {margin-left:8px}
.compact-editor #refresh-tools #refresh-zoom {margin-left:auto;flex-shrink:0;flex-wrap:wrap;max-width:100%}
.compact-editor #refresh-account {flex:none;gap:5px;margin-left:auto}
.compact-editor #refresh-account summary {padding:9px 8px;white-space:nowrap}
.compact-editor .sheet-tabs-bar {padding:3px 12px;min-height:0}
.compact-editor .sheet-tabs-bar:not(:has(.sheet-tab)) {display:none}
body.hostera-refresh.compact-editor .app-body {padding-top:6px;gap:12px}
@media(max-width:600px){
 .compact-editor #refresh-account {flex-wrap:wrap}
 .compact-editor #refresh-tools #refresh-zoom {margin-left:0}
}

/* Defined side panels: dark category headers, warm cards and a clear primary action. */
body.hostera-refresh.compact-editor :is(.panel-left,.panel-right) {
 border-color:#bdc8b9;box-shadow:0 3px 12px #173e3010;
 background:#faf9f3;
}
body.hostera-refresh.compact-editor :is(.panel-left,.panel-right) > .panel-title {
 background:linear-gradient(110deg,#103f30,#205943)!important;
 color:#f5e5ac!important;letter-spacing:.025em!important;
 border-bottom:2px solid #bd9a45;
}
.compact-editor .panel-left .kl-symbol-group {
 border:1px solid #bdcbbd;border-radius:8px;box-shadow:0 2px 5px #173e3010;
}
.compact-editor .panel-left .kl-symbol-group > summary {
 background:#e7ede3;color:#193f31;font-weight:750;
 border-left:3px solid #a5b59a;
}
.compact-editor .panel-left .kl-symbol-group > summary:hover {background:#dce6d7}
.compact-editor .panel-left .kl-symbol-group[open] > summary {
 background:#24553f;color:#fff5d6;border-left-color:#d4b352;
 border-bottom:1px solid #163e2e;box-shadow:none;
}
.compact-editor .panel-left .kl-category-icon {
 background:#f5edcf;color:#785a19;border:1px solid #d9c795;border-radius:6px;
}
.compact-editor .panel-left .kl-category-count {
 background:#fffdf3;color:#315541;border:1px solid #c9d1be;font-weight:700;
}
.compact-editor .panel-left .kl-symbol-group[open] > summary:after {color:#f2dc92}
.compact-editor .panel-left .kl-symbol-group > .cat-grid {background:#fffef9}
.compact-editor .panel-left .panel-bottom {
 background:#e8eee3;border-top:1px solid #c0cdb9;padding:10px;gap:7px;
}
.compact-editor .panel-left .panel-bottom .btn {font-weight:650;border-color:#bccab4!important}
.compact-editor .panel-left #btn-wzor-mode {
 background:#1b513b!important;color:#fff5d6!important;border-color:#1b513b!important;
}
.compact-editor .panel-left #btn-wzor-mode:hover {background:#286448!important}
.compact-editor .panel-left #btn-wzor-mode.active-mode {
 background:#ddbc51!important;color:#163d2e!important;border-color:#aa892b!important;
}
.compact-editor .panel-left #btn-delete-sym:not(.active-mode) {color:#93483f!important}
.compact-editor .panel-right .tool-accordion {border-bottom:1px solid #cdd6c5}
.compact-editor .panel-right .tool-acc-header {
 background:#f3f5ec;color:#234a36;border-left:3px solid transparent;font-weight:700;
}
.compact-editor .panel-right .tool-acc-header:hover {background:#e5ecdf}
.compact-editor .panel-right .tool-accordion.open > .tool-acc-header {
 background:#24553f;color:#fff5d6;border-left-color:#d4b352;
}
.compact-editor .panel-right .tool-accordion.open > .tool-acc-header .tool-acc-arrow {color:#f2dc92}
.compact-editor .panel-right .tool-acc-body {background:#fffef9}

/* Repeat placement: quiet, compact controls instead of the yellow banner. */
body.hostera-refresh #report-paste-banner {
 background:#edf2eb!important;color:#244a37!important;
 border:0!important;border-bottom:1px solid #bdcbbb!important;
 box-shadow:none!important;padding:6px 14px!important;
 min-height:0!important;gap:6px 14px!important;flex-wrap:wrap!important;
 font-size:12px!important;line-height:1.4!important;
}
body.hostera-refresh #report-paste-banner-text {
 font-size:12px!important;font-weight:500!important;line-height:1.4!important;
 flex:1 1 420px;min-width:0;
}
body.hostera-refresh #report-paste-edge-controls {
 gap:5px!important;flex-wrap:wrap;align-items:center;
}
body.hostera-refresh #report-paste-edge-label {font-size:11px!important;font-weight:600!important}
body.hostera-refresh #report-paste-banner button {
 min-height:29px!important;height:29px!important;padding:4px 9px!important;
 font-size:12px!important;border-radius:5px!important;
 background:#fffef9!important;color:#244a37!important;border:1px solid #bdcbbb!important;
}
body.hostera-refresh #report-paste-banner #btn-paste-place-preview {
 background:#24553f!important;color:#fffbed!important;border-color:#24553f!important;
}
body.hostera-refresh #rep-popover.refresh-reports {
 flex:0 0 310px!important;width:310px!important;min-width:270px!important;max-width:310px!important;
 border-color:#bdcbbb!important;border-radius:9px!important;
}
body.hostera-refresh #rep-popover.refresh-reports > div:first-child {
 padding:10px 13px!important;border-bottom:1px solid #9eae91!important;
}
body.hostera-refresh #rep-popover.refresh-reports > div:first-child strong {
 font:700 15px/1.3 'Segoe UI',sans-serif!important;color:#f4edd6!important;
}
body.hostera-refresh #rep-pop-close {
 width:28px!important;height:28px!important;background:#edf2eb!important;
 border-color:#bacbb8!important;color:#244a37!important;font-size:16px!important;
}
body.hostera-refresh #rep-stamp-mode {
 background:#edf2eb!important;border-color:#bdcbbb!important;padding:8px!important;
}
@media(max-width:800px){
 body.hostera-refresh #rep-popover.refresh-reports {
 flex:1 0 100%!important;width:100%!important;min-width:0!important;max-width:none!important;
 }
}
body.hostera-refresh #motif-alignment-toggle {display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;white-space:nowrap;color:#345648;cursor:pointer}
body.hostera-refresh #motif-alignment-toggle input {accent-color:#345f49;margin:0}
/* Calculations live in the workroom guide; keep the native calculator mounted. */
body.hostera-refresh #editor-sections #refresh-calc { display:none!important; }