.seo-admin-only[hidden], .seo-admin-only [hidden], .seo-editor-dialog [hidden] { display: none !important; }
.seo-admin-heading p:last-child { max-width: 730px; color: var(--muted); line-height: 1.65; }
.seo-admin-intro { display: flex; align-items: center; gap: 20px; padding: 24px; margin: 24px 0; border: 1px solid rgba(105, 163, 205, .25); border-radius: 15px; background: linear-gradient(120deg, rgba(24, 60, 73, .45), rgba(30, 24, 59, .5)); }
.seo-admin-intro-icon { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border: 1px solid rgba(87, 214, 220, .23); border-radius: 12px; color: #87e1df; font-size: 2rem; background: rgba(6, 16, 29, .5); }
.seo-admin-intro strong { font-size: .9rem; line-height: 1.5; color: #e1f5f5; }
.seo-admin-intro p { max-width: 750px; margin: 7px 0 0; font-size: .75rem; line-height: 1.75; color: #aaaec5; }
.seo-sitemap-link { margin-left: auto; flex-shrink: 0; color: #92dce2; font-size: .72rem; }
.seo-admin-filters { display: grid; grid-template-columns: minmax(0, 1fr) minmax(170px, 250px) auto; align-items: end; gap: 14px; margin-bottom: 24px; }
.seo-admin-filters label { min-width: 0; }
.seo-admin-filters label > span { display: block; margin-bottom: 8px; color: #bfc1d5; font-size: .7rem; }
.seo-admin-filters input, .seo-admin-filters select { width: 100%; min-width: 0; height: 45px; padding: 10px 12px; border: 1px solid rgba(143, 152, 191, .25); border-radius: 9px; color: #ebeafb; background: #090e1e; font: inherit; font-size: .8rem; }
.seo-admin-filters .button { min-height: 45px; }
.seo-admin-filters input:focus, .seo-admin-filters select:focus, .seo-editor-fields input:focus, .seo-editor-fields textarea:focus, .seo-editor-fields select:focus { outline: 2px solid rgba(107, 212, 223, .6); outline-offset: 2px; }
.seo-list-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 14px; }
.seo-list-heading h3 { margin: 0; font-size: 1rem; color: #e4e5f3; }
.seo-list-heading p { margin: 8px 0 0; color: #9ca6bf; font-size: .7rem; line-height: 1.6; }
.seo-auto-hint { font-size: .66rem; color: #829ab7; white-space: nowrap; }
.seo-admin-list { display: grid; gap: 10px; }
.seo-admin-list[aria-busy="true"] { opacity: .6; }
.seo-list-row { display: grid; grid-template-columns: 40px minmax(0, 1.3fr) minmax(170px, .8fr) auto; align-items: center; gap: 18px; padding: 20px; border: 1px solid rgba(127, 146, 185, .2); border-radius: 12px; background: linear-gradient(105deg, rgba(15, 25, 43, .85), rgba(14, 14, 29, .92)); }
.seo-list-row:hover { border-color: rgba(93, 174, 201, .4); }
.seo-list-marker { display: grid; place-items: center; width: 40px; height: 43px; border-radius: 10px; background: rgba(66, 119, 152, .13); color: #829cbd; font-size: 1.5rem; }
.seo-list-copy { min-width: 0; }
.seo-list-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 6px; font-size: .63rem; color: #9daec9; }
.seo-item-title { display: block; padding: 0; border: 0; text-align: left; background: transparent; color: #edf0fb; font: inherit; font-weight: 600; font-size: .84rem; line-height: 1.55; cursor: pointer; overflow-wrap: anywhere; }
.seo-item-title:hover { color: #86dbe2; }
.seo-item-url { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #788ba8; margin-top: 6px; font-size: .62rem; }
.seo-row-checks { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 0; }
.seo-state-chip { display: inline-block; padding: 4px 7px; border-radius: 5px; font-size: .58rem; line-height: 1.4; }
.seo-state-chip.is-ready { color: #91d3bd; background: rgba(70, 172, 136, .11); }
.seo-state-chip.is-muted { color: #a4a9c2; background: rgba(149, 151, 187, .1); }
.seo-auto-chip { color: #93a1bd; font-size: .61rem; }
.seo-row-issue { width: 100%; margin: 3px 0 0; color: #c3b28e; font-size: .63rem; line-height: 1.65; overflow-wrap: anywhere; }
.seo-row-issue span { color: #8e91aa; white-space: nowrap; }
.seo-row-edit { padding: 11px 13px; font-size: .57rem; }
.seo-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 24px 0; }
.seo-pagination > span { color: #96a2bb; font-size: .7rem; }
.seo-pagination .button { min-height: 37px; padding: 10px 14px; font-size: .57rem; }
.seo-help { padding: 18px 20px; border: 1px solid rgba(132, 146, 185, .16); border-radius: 10px; color: #96a2bc; }
.seo-help summary { font-size: .72rem; cursor: pointer; }
.seo-help p { margin: 12px 0 0; font-size: .72rem; line-height: 1.8; }
.seo-empty, .seo-editor-loading { padding: 35px 22px; text-align: center; color: #98a7c2; font-size: .8rem; line-height: 1.7; border: 1px dashed rgba(132, 146, 185, .2); border-radius: 12px; }
.seo-admin-error { margin: 15px 0; padding: 14px 17px; border: 1px solid rgba(236, 131, 141, .35); border-radius: 9px; background: rgba(132, 40, 62, .13); color: #edb5be; font-size: .77rem; line-height: 1.7; overflow-wrap: anywhere; }
.seo-editor-dialog { width: min(1080px, calc(100% - 32px)); padding: 28px; border-color: rgba(115, 164, 211, .45); }
.seo-editor-head { align-items: flex-start; padding-bottom: 16px; border-bottom: 1px solid rgba(132, 146, 185, .18); }
.seo-editor-head h2 { max-width: 850px; margin: 8px 0; font-size: 1.35rem; line-height: 1.5; overflow-wrap: anywhere; }
.seo-editor-head p:last-child { color: #99a5bc; font-size: .7rem; line-height: 1.6; }
.seo-editor-head .eyebrow { color: #86c2cc; font-size: .6rem; }
.seo-editor-head button { flex-shrink: 0; }
.seo-editor-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); gap: 28px; align-items: start; }
.seo-editor-fields { display: grid; gap: 22px; min-width: 0; }
.seo-fieldset { display: grid; gap: 22px; min-width: 0; padding: 0; margin: 0; border: 0; }
.seo-editor-fields label { display: grid; gap: 8px; min-width: 0; }
.seo-editor-fields label > span { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; color: #d0d6e8; font-size: .76rem; font-weight: 600; text-transform: none; letter-spacing: 0; }
.seo-editor-fields label > span small { font-size: .63rem; font-weight: 400; color: #8297b3; }
.seo-editor-fields input, .seo-editor-fields textarea, .seo-editor-fields select { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid rgba(143, 152, 191, .3); border-radius: 8px; color: #eceafa; background: #070c19; font: inherit; font-size: .8rem; line-height: 1.65; }
.seo-editor-fields textarea { resize: vertical; }
.seo-editor-fields :disabled { opacity: .65; }
.seo-field-help { color: #8f9bb3; font-size: .64rem; font-weight: 400; line-height: 1.75; }
.seo-preview-column { position: sticky; top: 0; display: grid; gap: 18px; min-width: 0; }
.seo-snippet { min-width: 0; padding: 20px; border: 1px solid rgba(144, 163, 188, .23); border-radius: 12px; background: #101722; }
.seo-preview-heading { display: grid; gap: 7px; margin-bottom: 25px; }
.seo-preview-heading h3 { margin: 0; font-size: .75rem; color: #c6d1e3; }
.seo-preview-heading > span { color: #70849c; font-size: .5rem; letter-spacing: .09em; }
.seo-preview-url { margin: 0 0 8px; color: #adbdc8; font: 12px/1.5 system-ui, sans-serif; overflow-wrap: anywhere; }
.seo-preview-title { margin: 0 0 8px; color: #9fbeff; font: 20px/1.35 system-ui, sans-serif; overflow-wrap: anywhere; }
.seo-preview-description { margin: 0; color: #bdc3cf; font: 13px/1.7 system-ui, sans-serif; overflow-wrap: anywhere; }
.seo-preview-note { margin: 23px 0 0; padding-top: 14px; border-top: 1px solid rgba(149, 162, 182, .14); color: #7f90a7; font-size: .6rem; line-height: 1.7; }
.seo-diagnostics { padding: 18px; border: 1px solid rgba(133, 153, 188, .18); border-radius: 10px; background: rgba(12, 20, 36, .6); }
.seo-diagnostics h3 { margin: 0; color: #bac8dc; font-size: .75rem; }
.seo-index-state { margin: 14px 0 10px; color: #a3aac1; font-size: .7rem; line-height: 1.6; }
.seo-index-state[data-tone="ready"] { color: #88c6b2; }
.seo-diagnostics ul { margin: 0; padding-left: 15px; color: #929fb8; font-size: .65rem; line-height: 1.75; }
.seo-diagnostics li + li { margin-top: 7px; }
.seo-editor-note { margin: 0; color: #8d9ab5; font-size: .65rem; line-height: 1.8; }
.seo-public-link { color: #90cedb; font-size: .72rem; }
.seo-editor-savebar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 25px; padding-top: 22px; border-top: 1px solid rgba(132, 146, 185, .2); }
.seo-editor-savebar .admin-form-actions { margin: 0; flex-shrink: 0; gap: 8px; }
.seo-editor-savebar .button { font-size: .56rem; padding: 13px; }
.seo-editor-savebar p { margin: 0; color: #a7bdcf; font-size: .67rem; line-height: 1.75; }
#seoUnsaved { color: #c7b587; font-size: .63rem; line-height: 1.7; }
.seo-quick-access { grid-column: 1 / -1; padding: 14px 16px; border: 1px solid rgba(112, 155, 186, .2); border-radius: 9px; background: rgba(22, 36, 55, .32); }
.seo-quick-access summary { color: #a2bbc9; font-size: .71rem; line-height: 1.6; font-weight: 600; cursor: pointer; }
.seo-quick-content { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; }
.seo-quick-content p { margin: 0; color: #899bb3; font-size: .67rem; line-height: 1.75; }
.seo-quick-content .button { flex-shrink: 0; font-size: .55rem; padding: 10px 12px; }
.seo-editor-dialog button:focus-visible, .seo-admin-only button:focus-visible, .seo-quick-access summary:focus-visible { outline: 2px solid #81cfdc; outline-offset: 3px; }
@media (max-width: 1000px) {
  .seo-list-row { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 14px; }
  .seo-row-checks { grid-column: 2; grid-row: 2; }
  .seo-row-edit { grid-column: 3; grid-row: 1 / 3; }
  .seo-list-marker { width: 34px; height: 37px; }
  .seo-sitemap-link { align-self: flex-start; }
  .seo-admin-intro { flex-wrap: wrap; }
  .seo-admin-intro > div { flex: 1; min-width: 240px; }
  .seo-editor-layout { gap: 20px; }
}
@media (max-width: 740px) {
  .seo-admin-filters { grid-template-columns: minmax(0, 1fr) auto; }
  .seo-search-field { grid-column: 1 / -1; }
  .seo-admin-intro { gap: 14px; padding: 18px; }
  .seo-admin-intro-icon { display: none; }
  .seo-sitemap-link { margin-left: 0; }
  .seo-list-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .seo-editor-layout { grid-template-columns: minmax(0, 1fr); }
  .seo-preview-column { position: static; }
  .seo-editor-dialog { width: calc(100% - 20px); max-height: 92dvh; padding: 20px 16px; }
  .seo-editor-head h2 { font-size: 1.08rem; }
  .seo-editor-savebar { flex-direction: column; align-items: stretch; }
  .seo-editor-savebar .admin-form-actions { justify-content: flex-end; flex-wrap: wrap; }
  .seo-quick-content { flex-direction: column; align-items: flex-start; }
  .seo-list-row { grid-template-columns: minmax(0, 1fr) auto; padding: 16px; gap: 10px; }
  .seo-list-marker { display: none; }
  .seo-list-copy { grid-column: 1 / -1; }
  .seo-row-checks { grid-column: 1; grid-row: 2; }
  .seo-row-edit { grid-column: 2; grid-row: 2; align-self: end; }
  .seo-pagination { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .seo-admin-only { animation: none; } }