.kole-form, .kole-users-list { display: grid; gap: 1.25rem; }
.kole-homepage-group { min-width: 0; border: 1px solid #94a3b855; border-radius: .75rem; }
.kole-homepage-group > summary { cursor: pointer; padding: 1.1rem; font-weight: 600; }
.kole-homepage-group > summary > small { display: block; margin-top: .35rem; color: #64748b; font-size: .8rem; font-weight: 400; line-height: 1.5; }
.kole-homepage-group > .kole-content-section { border: 0; padding-top: .25rem; }
.kole-homepage-group summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.kole-homepage-field { min-width: 0; display: grid; gap: .5rem; }
.kole-form > div > label, .kole-user-card > label:not(:has(input[type="checkbox"])) { display: block; margin-bottom: .5rem; font-size: .875rem; font-weight: 500; }
.kole-section-note { margin-bottom: 1.25rem; font-size: .875rem; line-height: 1.65; opacity: .8; }
.kole-user-card { display: grid; gap: .75rem; padding-bottom: 1.25rem; border-bottom: 1px solid #94a3b833; }
.kole-user-card:last-child { padding-bottom: 0; border-bottom: 0; }
.kole-user-card > p { overflow-wrap: anywhere; }
.kole-user-card > label:has(input[type="checkbox"]) { display: flex; gap: .5rem; align-items: center; }
.kole-user-card > div:last-child { display: flex; gap: .5rem; flex-wrap: wrap; }
.kole-form [role="alert"], .kole-users-list [role="alert"] { margin-top: .375rem; color: #b91c1c; font-size: .875rem; }
.dark .kole-form [role="alert"], .dark .kole-users-list [role="alert"] { color: #fca5a5; }
.kole-audit-table { width: 100%; text-align: left; font-size: .875rem; }
.kole-audit-table th, .kole-audit-table td { padding: .75rem; border-bottom: 1px solid #94a3b833; }
.kole-audit-table caption { padding-bottom: 1rem; text-align: left; }
.kole-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 1.5rem; }
.kole-media-card { min-width: 0; display: grid; align-content: start; gap: .75rem; padding: 1rem; border: 1px solid #94a3b833; border-radius: .75rem; }
.kole-media-card h3 { font-weight: 600; overflow-wrap: anywhere; }
.kole-media-card img, .kole-media-placeholder { width: 100%; height: 180px; object-fit: contain; border-radius: .5rem; background: #94a3b812; }
.kole-media-placeholder { display: grid; place-items: center; color: #64748b; }
.kole-media-hint { font-size: .8rem; opacity: .8; margin-top: .25rem; }
.kole-media-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.kole-media-pagination { margin-top: 1.5rem; }
.kole-media-errors { color: #b91c1c; }
.dark .kole-media-errors { color: #fca5a5; }
.kole-form input[type="file"] { max-width: 100%; font-size: .875rem; }
.kole-form input[type="file"]::file-selector-button { padding: .5rem .75rem; margin-right: .75rem; border: 1px solid #94a3b855; border-radius: .5rem; }
.kole-page-list { display: grid; gap: 1rem; margin: 1.25rem 0; }
.kole-page-list > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #94a3b833; padding-bottom: 1rem; }
.kole-page-list span { overflow-wrap: anywhere; min-width: 0; }
.kole-content-section { display: grid; gap: .75rem; min-width: 0; padding: 1.25rem; border: 1px solid #94a3b855; border-radius: .75rem; }
.kole-content-section legend { font-weight: 600; padding: 0 .5rem; }
.kole-content-section label { font-size: .875rem; }
.kole-content-section textarea, .kole-content-section select { width: 100%; min-width: 0; padding: .65rem; border: 1px solid #94a3b855; border-radius: .5rem; background: transparent; color: inherit; font: inherit; }
.kole-content-section .kole-check { display: flex; gap: .5rem; align-items: center; }
.kole-navigation-fields { display: grid; gap: 1.25rem; min-width: 0; }
.kole-navigation-preview { margin: 1rem 0; padding-left: 1.5rem; list-style: decimal; }
.kole-navigation-preview li { padding: .3rem 0; overflow-wrap: anywhere; }
.kole-navigation-preview a { text-decoration: underline; text-underline-offset: .2rem; }
.kole-inquiry-select { max-width: 100%; padding: .6rem; border: 1px solid #94a3b855; border-radius: .5rem; background: transparent; font: inherit; }
.kole-inquiry-details { display: grid; grid-template-columns: minmax(100px, 1fr) 3fr; gap: .5rem 1rem; margin-bottom: 1.5rem; font-size: .875rem; }
.kole-inquiry-details dt { font-weight: 600; }
.kole-inquiry-details dd { min-width: 0; overflow-wrap: anywhere; }
.kole-inquiry-message { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.75; margin: .75rem 0 1.5rem; padding: 1rem; border: 1px solid #94a3b833; border-radius: .5rem; }
.kole-inquiry-delivery { margin-top: 1.5rem; }
@media (max-width: 640px) { .kole-inquiry-details { grid-template-columns: 1fr; } .kole-inquiry-details dd { margin-bottom: .5rem; } }
.kole-editor-eyebrow { display: block; margin-bottom: .55rem; color: #2563eb; font-size: .7rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.kole-editor-welcome, .kole-editing-context { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 1.75rem; border: 1px solid #dbe4f0; border-radius: 1rem; background: linear-gradient(120deg, #f8fbff, #edf3fc); }
.kole-editor-welcome h2, .kole-editing-context h2 { color: #17253c; font-size: 1.25rem; font-weight: 650; line-height: 1.4; }
.kole-editor-welcome p, .kole-editing-context p { max-width: 70ch; margin-top: .4rem; color: #53647a; font-size: .875rem; line-height: 1.65; }
.kole-editing-context > a { flex-shrink: 0; font-size: .8rem; font-weight: 600; }
.kole-editing-context a, .kole-editor-location-link { color: #1d4ed8; text-decoration: underline; text-underline-offset: .2em; }
.kole-editor-shortcuts { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; margin-top: .75rem; font-size: .8rem; }
.kole-editor-destinations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.kole-editor-destination { display: flex; flex-direction: column; min-width: 0; padding: 1.5rem; border: 1px solid #dce3e8; border-radius: 1rem; background: #fff; transition: border-color .15s, box-shadow .15s; }
.kole-editor-destination:hover { border-color: #2563eb; box-shadow: 0 7px 24px #17253c0b; }
.kole-editor-destination:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.kole-editor-destination-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; color: #2563eb; font-size: .8rem; font-weight: 600; }
.kole-editor-destination h2 { font-size: 1.05rem; font-weight: 650; }
.kole-editor-destination p { flex-grow: 1; margin-top: .5rem; color: #64748b; font-size: .875rem; line-height: 1.65; }
.kole-editor-destination small { display: block; margin-top: 1.5rem; padding-top: .85rem; border-top: 1px solid #e5e7eb; color: #64748b; font-size: .75rem; line-height: 1.5; }
.kole-editor-workflow { padding: 1.5rem; border: 1px solid #dce3e8; border-radius: 1rem; }
.kole-editor-workflow > strong { font-size: .95rem; }
.kole-editor-workflow ol { display: flex; flex-wrap: wrap; gap: .8rem 1.75rem; margin: 1rem 0; list-style: none; }
.kole-editor-workflow li { display: flex; align-items: center; gap: .5rem; font-size: .85rem; }
.kole-editor-workflow li span { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 50%; background: #e8f0ff; color: #1d4ed8; font-size: .75rem; font-weight: 600; }
.kole-editor-workflow p { max-width: 80ch; color: #64748b; font-size: .8rem; line-height: 1.65; }
.kole-editor-status { display: inline-block; margin-bottom: .85rem; padding: .4rem .7rem; border: 1px solid #94a3b855; border-radius: .4rem; font-size: .8rem; font-weight: 600; line-height: 1.5; }
.kole-history-list { display: grid; gap: .75rem; }
.kole-history-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; padding: 1rem; border: 1px solid #94a3b844; border-radius: .6rem; overflow-wrap: anywhere; }
.kole-history-row strong { font-size: .9rem; }
.kole-history-row p { font-size: .75rem; margin-block: .4rem; }
.kole-history-row .kole-editor-status { margin: .3rem .3rem 0 0; }
.kole-history-preview { padding: 1.25rem; border: 1px solid #94a3b855; border-radius: .6rem; overflow-wrap: anywhere; }
.kole-history-preview h2 { font-size: 1.1rem; font-weight: 650; }
.kole-history-preview h3 { font-size: .95rem; font-weight: 650; margin-block: 1.5rem .75rem; }
.kole-history-preview dt { font-size: .75rem; opacity: .75; margin-top: .75rem; }
.kole-history-preview dd, .kole-history-item { font-size: .85rem; line-height: 1.65; white-space: pre-wrap; }
.kole-history-item { border-top: 1px solid #94a3b833; margin-top: .5rem; padding-top: .5rem; }
.kole-editor-location-link { font-size: .8rem; overflow-wrap: anywhere; }
.dark .kole-editor-welcome, .dark .kole-editing-context { border-color: #34445e; background: linear-gradient(120deg, #1b273a, #202e44); }
.dark .kole-editor-welcome h2, .dark .kole-editing-context h2 { color: #eff6ff; }
.dark .kole-editor-welcome p, .dark .kole-editing-context p { color: #b9c7db; }
.dark .kole-editor-eyebrow, .dark .kole-editing-context a, .dark .kole-editor-location-link, .dark .kole-editor-destination-top { color: #93c5fd; }
.dark .kole-editor-destination { border-color: #374151; background: #1f2937; }
.dark .kole-editor-destination p, .dark .kole-editor-destination small, .dark .kole-editor-workflow p, .dark .kole-homepage-group > summary > small { color: #aebcc9; }
.dark .kole-editor-destination small, .dark .kole-editor-workflow { border-color: #374151; }
.dark .kole-editor-destination:hover { border-color: #93c5fd; }
.kole-editor-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.kole-editor-overview > div { padding: 1.35rem 1.5rem; border: 1px solid #dbe4f0; border-radius: 1rem; background: #fff; }
.kole-editor-overview h2 { color: #17253c; font-size: 1rem; font-weight: 650; }
.kole-editor-overview p { margin: .4rem 0 .85rem; color: #64748b; font-size: .85rem; line-height: 1.6; }
.kole-editor-overview a { color: #1d4ed8; font-size: .85rem; font-weight: 650; }
.kole-business-categories, .kole-business-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.kole-business-categories button { padding: .5rem .8rem; border: 1px solid #cbd5e1; border-radius: 999px; color: #475569; background: #fff; font-size: .8rem; font-weight: 600; }
.kole-business-categories button.is-active { border-color: #2563eb; color: #1d4ed8; background: #eff6ff; }
.kole-business-categories button:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.kole-business-kind { color: #2563eb; font-weight: 650; }
.kole-editor-placement { padding: .8rem 1rem; margin-bottom: 1rem; border-left: 3px solid #3b82f6; border-radius: .3rem; background: #eff6ff; color: #334155; font-size: .85rem; line-height: 1.6; }
.dark .kole-editor-overview > div, .dark .kole-business-categories button { border-color: #374151; background: #1f2937; }
.dark .kole-editor-overview h2 { color: #f1f5f9; }
.dark .kole-editor-overview p { color: #aebcc9; }
.dark .kole-editor-overview a, .dark .kole-business-kind { color: #93c5fd; }
.dark .kole-business-categories button { color: #cbd5e1; }
.dark .kole-business-categories button.is-active, .dark .kole-editor-placement { border-color: #60a5fa; color: #bfdbfe; background: #1e3a5f; }
@media (max-width: 1000px) { .kole-editor-destinations { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .kole-editor-destinations, .kole-editor-overview { grid-template-columns: 1fr; } .kole-editor-welcome, .kole-editing-context { align-items: flex-start; flex-direction: column; padding: 1.25rem; } }
.kole-editor-image-preview { max-width:340px; padding:.65rem; border:1px solid #cbd5e1; border-radius:.7rem; background:#f8fafc; }
.kole-editor-image-preview img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; }
.kole-editor-image-preview figcaption { margin-top:.5rem; color:#64748b; font-size:.75rem; line-height:1.5; }
.dark .kole-editor-image-preview { border-color:#475569; background:#1e293b; }
.dark .kole-editor-image-preview figcaption { color:#cbd5e1; }
.kole-featured-form { display:flex; flex-wrap:wrap; align-items:end; gap:.75rem; }
.kole-featured-form label { width:100%; font-size:.85rem; font-weight:600; }
.kole-featured-form select { flex:1 1 280px; min-width:0; padding:.65rem; border:1px solid #cbd5e1; border-radius:.5rem; background:transparent; color:inherit; }
.kole-editor-form-group { display:grid; gap:1.05rem; padding:1.35rem; border:1px solid #cbd5e1; border-radius:.75rem; }
.kole-editor-form-group h3 { font-size:1rem; font-weight:700; }
.kole-editor-form-group > p:first-of-type { color:#64748b; font-size:.85rem; line-height:1.6; }
.kole-homepage-group > .kole-editor-form-group { border:0; }
.dark .kole-editor-form-group { border-color:#475569; }
.dark .kole-editor-form-group > p:first-of-type { color:#cbd5e1; }
.kole-navigation-editor { display: grid; gap: 1.5rem; }

/* Everyday editing: compact help, persistent actions and a readable inbox. */
.kole-admin-workspace { display: grid; gap: 1.5rem; min-width: 0; }
.kole-editing-context { padding: 1rem 1.25rem; border-radius: .75rem; }
.kole-editing-context .kole-editor-eyebrow { margin-bottom: .2rem; }
.kole-editing-context h2 { font-size: 1.05rem; }
.kole-context-help { margin-top: .4rem; }
.kole-context-help summary { cursor: pointer; font-size: .8rem; color: #475569; }
.kole-context-help summary:focus-visible, .kole-media-usage summary:focus-visible { outline: 2px solid #2563eb; outline-offset: 4px; border-radius: .15rem; }
.kole-sticky-actions { position: sticky; top: 4.4rem; z-index: 20; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1rem; padding: .85rem 1rem; border: 1px solid #cbd5e1; border-radius: .75rem; background: #fff; box-shadow: 0 6px 24px #17253c12; }
.kole-sticky-actions .kole-media-actions { margin: 0; }
.kole-sticky-status { display: grid; gap: .2rem; font-size: .8rem; }
.kole-sticky-status span { color: #64748b; font-size: .75rem; }
.kole-sticky-status span[x-cloak] { display: none; }
.kole-inbox { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.6fr); gap: 1.25rem; align-items: start; }
.kole-inbox-list, .kole-inbox-detail { min-width: 0; }
.kole-inbox-detail { display: grid; gap: 1.25rem; scroll-margin-top: 6rem; }
.kole-inbox-filters { display: grid; gap: .5rem; margin-bottom: .85rem; font-size: .8rem; }
.kole-inbox-filters .kole-inquiry-select { width: 100%; }
.kole-inbox .kole-inbox-row { padding: .8rem; border: 1px solid #94a3b833; border-radius: .6rem; gap: .65rem; }
.kole-inbox .kole-inbox-row.is-selected { border-color: #3b82f6; background: #eff6ff; }
.kole-inbox-row > span { width: 100%; }
.kole-inbox-row time { font-size: .75rem; color: #64748b; }
.kole-inquiry-badge { display: inline-block; padding: .15rem .4rem; margin: .35rem .2rem .3rem 0; border-radius: .25rem; background: #e8eef7; color: #334155; font-size: .68rem; font-weight: 600; }
.kole-follow-up { display: block; margin-top: .45rem; color: #475569; font-size: .75rem; }
.kole-follow-up.is-due { color: #9a3412; font-weight: 650; }
.kole-follow-up-fields { display: grid; gap: .55rem; font-size: .875rem; }
.kole-follow-up-fields textarea, .kole-follow-up-fields input { min-width: 0; max-width: 100%; width: 100%; padding: .65rem; border: 1px solid #94a3b855; border-radius: .5rem; background: transparent; color: inherit; font: inherit; }
.kole-follow-up-fields input { width: min(100%, 240px); }
.kole-inbox-empty { display: grid; gap: .5rem; padding: 3rem 1.5rem; border: 1px dashed #94a3b8; border-radius: .75rem; text-align: center; }
.kole-inbox-empty h2 { font-weight: 650; }
.kole-inbox-empty p { max-width: 46ch; margin-inline: auto; font-size: .875rem; color: #64748b; line-height: 1.65; }
.kole-media-filters { display: grid; grid-template-columns: 2fr 1fr; gap: 1rem; margin-bottom: 1.5rem; font-size: .875rem; }
.kole-media-usage { padding: .65rem .75rem; border-radius: .5rem; background: #f1f5f9; font-size: .8rem; }
.kole-media-usage summary { cursor: pointer; font-weight: 600; }
.kole-media-usage ul { padding-left: 1.1rem; margin-top: .5rem; list-style: disc; line-height: 1.7; }
.kole-media-usage p { margin-top: .5rem; }
.kole-navigation-editor .site-navigation ul { display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin: 1rem 0; padding: 0; list-style: none; }
.kole-navigation-editor .site-navigation a { font-size: .875rem; text-decoration: underline; text-underline-offset: .2em; }
.dark .kole-context-help summary, .dark .kole-follow-up { color: #cbd5e1; }
.dark .kole-sticky-actions { background: #182230; border-color: #475569; box-shadow: 0 6px 24px #0003; }
.dark .kole-sticky-status span, .dark .kole-inbox-row time, .dark .kole-inbox-empty p { color: #b5c2d4; }
.dark .kole-inbox .kole-inbox-row.is-selected { background: #1e3a5f; border-color: #60a5fa; }
.dark .kole-inquiry-badge, .dark .kole-media-usage { background: #26354a; color: #dbeafe; }
.dark .kole-follow-up.is-due { color: #fdba74; }
@media (max-width: 900px) { .kole-inbox { grid-template-columns: 1fr; } .kole-inbox-list .kole-page-list { max-height: 420px; overflow-y: auto; padding: .2rem; } }
@media (max-width: 640px) { .kole-sticky-actions { top: 4rem; padding: .65rem; gap: .6rem; } .kole-sticky-status { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; } .kole-sticky-actions .kole-media-actions { gap: .4rem; } .kole-sticky-actions .fi-btn { font-size: .72rem; padding: .5rem .65rem; } .kole-media-filters { grid-template-columns: 1fr; } }