.akla-admin { max-width: 88rem; color: #1d2327; }
.akla-admin *, .akla-admin *::before, .akla-admin *::after { box-sizing: border-box; }
.akla-admin > h1 { margin-bottom: 1.25rem; }
.akla-admin fieldset { min-width: 0; min-inline-size: 0; max-width: 100%; border: 0; padding: 0; margin: 0; }
.akla-admin label { display: block; margin-bottom: .4rem; font-weight: 500; }
.akla-admin input:not([type=checkbox]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]), .akla-admin select { font-size: 16px; min-width: 0; max-width: 100%; min-height: 44px; width: 100%; }
.akla-admin input[type=checkbox] { min-height: 24px; min-width: 24px; }
.akla-admin .button { min-height: 44px; padding: .3rem 1rem; width: auto; max-width: 100%; white-space: normal; }
.akla-admin .akla-admin__action { display: inline-block; margin: .5rem .75rem .5rem 0; }
.akla-admin__workspace { display: grid; grid-template-columns: minmax(20rem, .9fr) minmax(0, 1.3fr); gap: 1.5rem; align-items: start; }
.akla-admin__workspace--setup { grid-template-columns: minmax(0, 46rem); }
.akla-admin .akla-admin__section, .akla-admin .akla-admin__panel { min-width: 0; margin: 0; border: 1px solid #dcdcde; border-radius: 8px; background: #fff; padding: 1.25rem; }
.akla-admin .akla-admin__connection { margin-bottom: 1.5rem; }
.akla-admin .akla-admin__help { margin-top: 1.5rem; }
.akla-admin .akla-admin__section > summary, .akla-admin .akla-admin__options > summary { cursor: pointer; min-height: 44px; padding: .65rem 0; }
.akla-admin .akla-admin__section > summary h2 { display: inline; margin: 0; font-size: 1rem; }
.akla-admin .akla-admin__section[open] > summary { margin-bottom: .75rem; border-bottom: 1px solid #f0f0f1; }
.akla-admin summary:focus-visible { outline: 2px solid #2271b1; outline-offset: 3px; }
.akla-admin .akla-admin__profiles { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
.akla-admin .akla-admin__profiles li { margin: 0; }
.akla-admin .akla-admin__profiles a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem .65rem; border: 1px solid #c3c4c7; border-radius: 4px; text-decoration: none; overflow-wrap: anywhere; }
.akla-admin .akla-admin__field-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; }
.akla-admin .akla-admin__field-pair > p { min-width: 0; }
.akla-admin .akla-admin__options { margin: 1rem 0; border-block: 1px solid #dcdcde; }
.akla-admin #akla-city-help { margin-top: -.3rem; line-height: 1.5; }
.akla-admin #akla-city-results { background: #fff; border: 1px solid #8c8f94; max-height: 18rem; width: 100%; overflow: auto; padding: 0; }
.akla-admin #akla-city-results li { cursor: pointer; margin: 0; min-height: 44px; padding: .65rem; }
.akla-admin #akla-city-results li[aria-selected=true], .akla-admin #akla-city-results li:hover { background: #e6f4ff; color: #003a75; }
.akla-admin .akla-admin__cities { margin: 0 0 1rem; }
.akla-admin .akla-admin__city-list { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 .5rem; padding: 0; list-style: none; }
.akla-admin .akla-admin__city-list:empty { display: none; }
.akla-admin .akla-admin__city-list li { display: inline-flex; align-items: center; gap: .25rem; min-height: 44px; margin: 0; padding: .25rem .25rem .25rem .65rem; border: 1px solid #c3c4c7; border-radius: 4px; overflow-wrap: anywhere; }
.akla-admin .akla-admin__remove-city { min-height: 44px; min-width: 44px; padding: 0 .5rem; }
.akla-admin #akla-extra-city-search { margin: .5rem 0; }
.akla-admin #akla-extra-city-results { background: #fff; border: 1px solid #8c8f94; max-height: 18rem; width: 100%; overflow: auto; padding: 0; }
.akla-admin #akla-extra-city-results li { cursor: pointer; margin: 0; min-height: 44px; padding: .65rem; }
.akla-admin #akla-extra-city-results li[aria-selected=true], .akla-admin #akla-extra-city-results li:hover { background: #e6f4ff; color: #003a75; }
.akla-admin .akla-admin__managed { padding: .5rem .75rem; border-left: 4px solid #2271b1; background: #f0f6fc; }
.akla-admin .akla-admin__advanced { margin-top: .75rem; }
.akla-admin .akla-admin__advanced > summary { cursor: pointer; min-height: 44px; padding: .65rem 0; }
.akla-admin #akla-shortcode-id { font-family: monospace; }
.akla-admin code { display: inline-block; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.akla-admin #akla-publish { scroll-margin-block-start: 3rem; }
.akla-admin .akla-admin__preview-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.akla-admin .akla-admin__preview-heading h2 { margin: 0; font-size: 1rem; }
.akla-admin #akla-preview { margin: 1rem 0; }
.akla-admin #akla-preview:empty { margin: 0; }
.akla-admin .akla-admin__embed { border-top: 1px solid #dcdcde; margin-top: 1rem; padding-top: .75rem; }
.akla-admin .akla-admin__copy { display: flex; align-items: stretch; flex-wrap: wrap; gap: .5rem; }
.akla-admin #akla-shortcode { flex: 1 1 16rem; width: 100%; font-family: monospace; }
.akla-admin #akla-copy-shortcode { flex: 0 1 auto; }
.akla-admin #akla-preview-status:empty, .akla-admin #akla-city-status:empty, .akla-admin #akla-extra-city-status:empty, .akla-admin #akla-category-status:empty, .akla-admin #akla-copy-status:empty { display: none; }
.akla-admin [hidden] { display: none !important; }
.akla-admin .akla-admin__setup { margin: 0 0 1.5rem; border: 1px solid #c3c4c7; border-left: 4px solid #2271b1; border-radius: 8px; background: #fff; padding: .25rem 1.25rem 1.25rem; }
.akla-admin .akla-admin__setup:not([open]) { padding-bottom: .25rem; }
.akla-admin .akla-admin__setup > summary { cursor: pointer; min-height: 44px; padding: .65rem 0; font-weight: 600; }
.akla-admin .akla-admin__setup:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.akla-admin .akla-admin__steps { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: .25rem 0 1rem; padding: 0; list-style: none; }
.akla-admin .akla-admin__steps li { display: inline-flex; align-items: center; gap: .5rem; margin: 0; color: #50575e; }
.akla-admin .akla-admin__step-number { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border: 2px solid #8c8f94; border-radius: 50%; font-weight: 600; }
.akla-admin .akla-admin__steps .is-current { color: #1d2327; font-weight: 600; }
.akla-admin .akla-admin__steps .is-current .akla-admin__step-number { border-color: #2271b1; background: #2271b1; color: #fff; }
.akla-admin .akla-admin__steps .is-done .akla-admin__step-number { border-color: #00a32a; color: #007017; }
.akla-admin .akla-admin__step-panel h2 { margin: 0 0 .5rem; font-size: 1rem; }
.akla-admin .akla-admin__create-page { margin: .75rem 0 1rem; }
.akla-admin .akla-admin__coverage { margin: 0 0 1rem; padding: .5rem .75rem; border-left: 4px solid #72aee6; background: #f0f6fc; }
.akla-admin .akla-admin__coverage p { margin: .25rem 0; }
.akla-admin .akla-admin__nearby { display: flex; flex-direction: column; gap: .5rem; margin: .5rem 0 0; padding: 0; list-style: none; }
.akla-admin .akla-admin__nearby li { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; }
.akla-admin .akla-admin__nearby-count { color: #50575e; }
.akla-admin #akla-setup-copy-status:empty, .akla-admin #akla-coverage-status:empty { display: none; }
.akla-admin .akla-admin__categories { margin: 1rem 0 .5rem; }
.akla-admin .akla-admin__categories legend { margin-bottom: .4rem; padding: 0; font-weight: 500; }
.akla-admin .akla-admin__categories:focus-visible { outline: 2px solid #2271b1; outline-offset: 3px; }
.akla-admin .akla-admin__category-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr)); gap: 0 1rem; margin: .25rem 0; padding: 0; list-style: none; }
.akla-admin .akla-admin__category-list:empty { display: none; }
.akla-admin .akla-admin__category-list li { min-width: 0; margin: 0; }
.akla-admin .akla-admin__category-list label { display: flex; align-items: center; gap: .5rem; min-height: 44px; margin: 0; font-weight: 400; overflow-wrap: anywhere; }
.akla-admin .akla-admin__legacy-age { padding: .5rem .75rem; border-left: 4px solid #dba617; background: #fcf9e8; }
@media (max-width: 1100px) {
    .akla-admin__workspace { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
    .akla-admin .akla-admin__section, .akla-admin .akla-admin__panel { padding: .875rem; }
    .akla-admin .akla-admin__field-pair { grid-template-columns: minmax(0, 1fr); }
    .akla-admin__workspace { gap: 1rem; }
    .akla-admin .akla-admin__setup { padding: .25rem .875rem .875rem; }
}