.online-pages-list{max-width:none;width:100%;min-width:0}
.online-pages-list>.panel{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}
.online-pages-toolbar{display:flex;align-items:center;gap:10px;min-height:65px;padding:12px 15px;border-bottom:1px solid var(--line)}
.online-pages-all{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--surface) 30%,var(--bg))}
.online-pages-search{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:0 9px;min-width:0;color:var(--muted)}
.online-pages-search>span{font-size:20px}
.online-pages-search input{border:0;background:transparent;font-size:12px;width:245px;padding:7px 0;min-width:0}
.online-pages-toolbar>button{font-size:12px;padding:7px 10px}
.online-pages-toolbar>.field{display:flex;align-items:center;gap:8px;margin:0;min-width:0}
.online-pages-toolbar>.field label{font-size:11px;margin:0;white-space:nowrap}
.online-pages-toolbar>.field select{font-size:12px;min-width:75px;padding:7px 9px}
.online-pages-list th,.online-pages-list td{font-size:12px;padding:12px 16px}
.online-pages-list th{font-weight:550;background:color-mix(in srgb,var(--surface) 75%,var(--bg))}
.online-pages-list td strong{font-weight:550}
.online-pages-list td .secondary{font-size:11px;white-space:nowrap;padding:6px 9px}
.online-pages-list td .badge{white-space:nowrap}
.online-page-path{font-family:inherit;font-size:12px;color:var(--muted)}
.online-pages-count{border-top:1px solid var(--line);padding:13px 16px;font-size:11px;color:var(--muted)}
.online-pages-note{font-size:11px;color:var(--muted);margin:16px auto 0;text-align:center;line-height:1.6;max-width:820px;padding:0 10px}
.online-pages-list .empty-state{min-height:300px;padding:40px 24px}
.online-pages-list .empty-state h2{font-size:15px;font-weight:550}
.online-preferences-view{max-width:968px;margin:0 auto}
.online-preferences-view>.panel,.online-preferences-view>.edit-form>.panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 1px 2px #00000004;overflow:hidden}
.online-preferences-view>.panel,.online-preferences-view>.edit-form{margin-bottom:17px}
.online-preferences-view .edit-form>.panel{margin-bottom:17px}
.online-preferences-view .panel-heading{border-bottom:0;padding:20px 23px 4px}
.online-preferences-view .panel-heading h2{font-size:14px;font-weight:550;letter-spacing:0}
.online-preferences-view .panel-body{padding:17px 23px 23px}
.online-preferences-view .form-fields{gap:18px}
.online-preferences-view .form-fields>.muted{font-size:12px;line-height:1.6}
.online-preferences-view .field label{font-size:12px}
.online-preferences-view .field input,.online-preferences-view .field textarea,.online-preferences-view .field select{font-size:12px}
.online-preferences-view .field textarea{min-height:110px}
.online-preferences-view .field small{font-size:11px}
.online-preferences-view .web-seo-image{padding:0;margin-bottom:14px}
.online-preferences-view .web-seo-image .asset-thumbnail{width:200px;height:135px}
.online-preferences-view .web-seo-image>.muted{font-size:12px;padding:19px;border:1px dashed var(--line);border-radius:9px;margin:0}
.online-preferences-view .web-pages-intro{gap:22px;align-items:flex-start}
.online-preferences-view .web-pages-intro>.field{min-width:175px}
.online-preferences-view .web-pages-intro>p{font-size:12px;line-height:1.6}
.online-preferences-reference{padding:21px 23px}
.online-preferences-reference-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.online-preferences-reference-heading h2{font-size:14px;font-weight:550;line-height:1.4}
.online-preferences-reference-heading .badge{font-size:10px;flex:none}
.online-preferences-reference>p{font-size:12px;color:var(--muted);line-height:1.6;max-width:800px}
.online-preferences-view>.panel>.panel-body.muted{font-size:11px;line-height:1.6}
.online-preferences-view .form-actions{padding:0;margin:0 0 24px;justify-content:flex-end}
.online-preferences-view .form-actions button{font-size:12px}
.online-default-seo-grid{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start}
#main .online-preferences-view .online-default-seo-grid>.panel{border:0;border-radius:0;box-shadow:none;margin:0;background:none;min-width:0}
.online-default-seo-grid>.panel>.panel-heading{display:none}
#main .online-default-seo-grid>.panel+.panel{border-left:1px solid var(--line)}
.online-default-seo-grid .inline-actions{align-items:stretch;flex-direction:column}
.online-default-seo-grid .inline-actions>button{font-size:11px;padding:7px 9px}
.online-preferences-view .online-default-seo-grid .web-seo-image>.muted{font-size:11px;padding:16px;line-height:1.6}
.online-default-seo-grid .asset-thumbnail{max-width:100%}
@media(max-width:850px){.online-pages-toolbar{flex-wrap:wrap}.online-pages-toolbar>.field{margin-left:auto}.online-pages-search{flex:1}.online-pages-search input{width:100%}}
@media(max-width:700px){.online-default-seo-grid{grid-template-columns:1fr}#main .online-preferences-view .online-default-seo-grid>.panel+.panel{border-left:0;border-top:1px solid var(--line)}.online-default-seo-grid .inline-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:600px){.online-pages-toolbar{padding:11px;gap:8px}.online-pages-all{font-size:11px;padding:6px 8px}.online-pages-search{min-width:120px}.online-pages-toolbar>.field{width:100%;justify-content:flex-end}.online-pages-list th,.online-pages-list td{padding:11px 12px}.online-preferences-view .panel-heading{padding:18px 18px 3px}.online-preferences-view .panel-body{padding:15px 18px 19px}.online-preferences-reference{padding:19px 18px}.online-preferences-view .web-pages-intro{flex-direction:column;gap:13px}.online-preferences-view .web-pages-intro>.field{width:100%;min-width:0}.online-preferences-reference-heading{gap:10px}.online-preferences-reference-heading h2{font-size:13px}}