select{padding:11px;border:1px solid #ccd0d5;background:#fff}
.dashboard.single{grid-template-columns:1fr}
.categoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.categoryGrid article{border:1px solid #ddd;padding:16px}
.categoryGrid h3{margin-top:0}
.categoryGrid small{display:block;color:#777;margin:12px 0}
.inline{display:inline}
.filters,.checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0 20px}
.checks label{display:flex;align-items:center;gap:7px;border:1px solid #ddd;padding:10px 13px;font-weight:normal}
.checkLine{display:flex!important;align-items:center;gap:8px}
.checkLine input{width:auto!important}
.adGrid{display:grid;gap:12px}
.adCard{display:grid;grid-template-columns:180px minmax(0,1fr) auto auto;gap:14px;align-items:center;border:1px solid #ddd;padding:12px}
.adCard img{width:180px;aspect-ratio:6/1;min-height:54px;object-fit:cover;background:#222}
.adCard h3{margin:0 0 6px}
.adCard p{margin:0;color:#777;font-size:13px}
.compactChecks{max-height:260px;overflow:auto;border:1px solid #eee;padding:10px}
.templateGrid{display:grid;gap:14px}
.templateCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #ddd;padding:16px}
.templateCard h3{margin:0 0 10px}
.templateCard h3 small{display:inline-block;background:#ff9800;color:#111;padding:3px 7px;border-radius:4px;font-size:12px}
.templateCard p{margin:5px 0;color:#666}
.templateCard code{display:block;margin-top:10px;padding:8px;background:#f5f5f5;overflow-wrap:anywhere}
.templateActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.templateActions form{margin:0}
.domainHelp{margin-top:18px;padding:14px;background:#fff8e8;border-left:4px solid #ff9800}
@media(max-width:700px){
    header{height:auto;padding:14px;align-items:flex-start;gap:12px}
    header nav{flex-wrap:wrap}
    .categoryGrid{grid-template-columns:1fr}
    .adCard{grid-template-columns:1fr}
    .adCard img{width:100%}
    .templateCard{grid-template-columns:1fr}
}
.panelTitleRow,.docsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.panelTitleRow h1,.docsHeader h1{margin-top:0}
.textButton{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:8px 2px;color:#d97706;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.textButton:hover{color:#a85200}
.templateDocs{max-width:1100px;margin:0 auto}
.docsHeader p{margin:8px 0 0;color:#666}
.docsToc{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;padding:12px;background:#f6f7f9;border:1px solid #e5e7eb}
.docsToc a{padding:7px 10px;color:#333;text-decoration:none;background:#fff;border:1px solid #ddd;border-radius:4px}
.docsSection{padding:24px 0;border-top:1px solid #e8e8e8;scroll-margin-top:20px}
.docsSection:first-of-type{border-top:0}
.docsSection h2{margin:0 0 16px}
.docsSection h3{margin:18px 0 8px}
.docsSection pre{margin:10px 0;padding:16px;overflow:auto;background:#17191d;color:#e8edf2;border-radius:6px;line-height:1.65}
.docsSection code{font-family:Consolas,Monaco,monospace}
.docsTableWrap{overflow-x:auto}
.docsTable{width:100%;border-collapse:collapse}
.docsTable th,.docsTable td{padding:11px 12px;text-align:left;border:1px solid #ddd}
.docsTable th{background:#f5f5f5}
.docsCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.docsCards article{min-width:0;padding:14px;border:1px solid #ddd;border-radius:6px}
.docsCards article h3{margin-top:0}
@media(max-width:700px){
    .panelTitleRow,.docsHeader{display:block}
    .textButton{margin-bottom:14px}
    .docsCards{grid-template-columns:1fr}
}
.multiPublish{max-width:1200px;margin:0 auto}
.publishHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.publishHeader h1{margin:0 0 8px}
.publishHeader p{margin:0;color:#666}
.publishSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.publishSummary div{padding:16px;background:#f6f7f9;border:1px solid #e4e6e9;border-radius:6px}
.publishSummary strong{display:block;font-size:25px;color:#d97706}
.publishSummary span{display:block;margin-top:4px;color:#666}
.publishToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:14px;background:#fff8e8;border-left:4px solid #ff9800}
.publishToolbar p{margin:0}
.publishToolbar div{display:flex;gap:10px;flex-wrap:wrap}
.publishGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.publishCard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border:1px solid #dcdfe3;border-radius:7px;background:#fff}
.publishCard.isDisabled{opacity:.58;background:#f5f5f5}
.publishSelect{display:flex;align-items:flex-start;gap:6px;padding-top:4px;font-size:12px;color:#666;cursor:pointer}
.publishSelect input{width:auto}
.publishCardBody,.publishMeta,.publishTime{display:block}
.publishCardTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}
.publishCardTitle strong{font-size:18px}
.publishCardTitle em,.publishCardTitle i{padding:3px 7px;border-radius:4px;font-size:12px;font-style:normal}
.publishCardTitle em{background:#ff9800;color:#111}
.publishCardTitle i{background:#e8f5e9;color:#277330}
.publishCard.isDisabled .publishCardTitle i{background:#e5e5e5;color:#666}
.publishMeta{margin:7px 0;color:#555}
.publishMeta b{display:inline-block;min-width:72px;color:#222}
.publishMeta code{display:inline;padding:3px 5px;background:#f3f4f6;overflow-wrap:anywhere}
.publishTime{margin:12px 0;color:#777;font-size:13px}
.publishCardBody>a{font-weight:700;color:#d97706}
.publishBottom{display:flex;justify-content:flex-end;margin-top:18px}
.publishHelp{margin-top:24px;padding:18px;background:#f6f7f9;border:1px solid #e4e6e9}
.publishHelp h2{margin-top:0}
.publishHelp li{margin:8px 0;line-height:1.6}
.publishEmpty{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #ccc}
@media(max-width:800px){
    .publishHeader,.publishToolbar{display:block}
    .publishToolbar div{margin-top:12px}
    .publishGrid{grid-template-columns:1fr}
}
@media(max-width:520px){
    .publishSummary{grid-template-columns:1fr}
    .publishCard{grid-template-columns:1fr}
}
.publishHeaderActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.primaryLinkButton{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:#ff9800;color:#171717;font-weight:800;text-decoration:none;border-radius:5px}
.primaryLinkButton:hover{background:#e68a00;color:#111}
.publishPath code{display:inline-block;max-width:calc(100% - 82px);vertical-align:top}
@media(max-width:800px){
    .publishHeaderActions{margin-top:14px}
}
/* Multi-site publishing workspace v2 */
.multiPublish{max-width:1240px;margin:0 auto;color:#202124}
.publishHero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;overflow:hidden;padding:30px;border-radius:12px;background:radial-gradient(circle at 90% 10%,rgba(255,152,0,.23),transparent 34%),#191b20;color:#fff;box-shadow:0 10px 30px rgba(24,26,31,.12)}
.publishHero:after{content:"";position:absolute;right:34px;bottom:-52px;width:170px;height:170px;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.publishEyebrow{display:block;margin-bottom:9px;color:#ffb13b;font-size:11px;font-weight:800;letter-spacing:.16em}
.publishHero h1{margin:0;font-size:30px;line-height:1.18}
.publishHero p{max-width:680px;margin:10px 0 0;color:#bfc3ca;line-height:1.65}
.publishHeaderActions{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.primaryLinkButton,.secondaryLinkButton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:6px;font-weight:800;text-decoration:none;white-space:nowrap}
.primaryLinkButton{background:#ff9800;color:#171717;box-shadow:0 5px 16px rgba(255,152,0,.22)}
.primaryLinkButton:hover{background:#ffad2f;color:#111}
.secondaryLinkButton{border:1px solid #4b4f57;background:rgba(255,255,255,.04);color:#fff}
.secondaryLinkButton:hover{border-color:#777c86;background:rgba(255,255,255,.09);color:#fff}
.publishForm{margin-top:18px}
.publishSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.publishSummary div{position:relative;padding:17px 19px;border:1px solid #e1e3e7;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(24,26,31,.035)}
.publishSummary div:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:3px;background:#ff9800}
.publishSummary span,.publishSummary small{display:block;color:#747982}
.publishSummary span{font-size:13px;font-weight:700}
.publishSummary strong{display:block;margin:4px 0 2px;font-size:27px;line-height:1;color:#24262b}
.publishSummary small{font-size:12px}
.publishControlBar{position:sticky;top:10px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0;padding:14px 16px;border:1px solid #dedfe3;border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(22,24,29,.1);backdrop-filter:blur(9px)}
.publishControlText strong,.publishControlText span{display:block}
.publishControlText strong{margin-bottom:3px}
.publishControlText span{color:#767b84;font-size:13px}
.publishControlActions{display:flex;gap:9px;flex-wrap:wrap}
.publishControlActions button{min-height:40px;border-radius:6px;font-weight:800;cursor:pointer}
.buttonPrimary{border:1px solid #e88a00;background:#ff9800;color:#171717}
.buttonPrimary:hover{background:#ffab2a}
.buttonSecondary{border:1px solid #cfd2d7;background:#fff;color:#333}
.buttonSecondary:hover{border-color:#9fa4ac;background:#f7f7f8}
.publishList{display:grid;gap:14px}
.sitePublishCard{overflow:hidden;border:1px solid #dfe1e5;border-radius:10px;background:#fff;box-shadow:0 4px 15px rgba(25,27,32,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sitePublishCard:hover{border-color:#c8cbd1;box-shadow:0 8px 24px rgba(25,27,32,.075);transform:translateY(-1px)}
.sitePublishCard.isDisabled{background:#f7f7f8;opacity:.68}
.siteCardHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:18px 20px;border-bottom:1px solid #eceef1}
.siteCheck{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d8dbe0;border-radius:6px;background:#fafafa;color:#5d626b;font-size:12px;font-weight:800;cursor:pointer;user-select:none}
.siteCheck input{position:absolute;opacity:0;pointer-events:none}
.siteCheckBox{position:relative;width:18px;height:18px;border:2px solid #b9bdc5;border-radius:4px;background:#fff}
.siteCheck input:checked+.siteCheckBox{border-color:#e58a00;background:#ff9800}
.siteCheck input:checked+.siteCheckBox:after{content:"";position:absolute;left:4px;top:0px;width:5px;height:10px;border:solid #202124;border-width:0 2px 2px 0;transform:rotate(45deg)}
.siteCheck:focus-within{outline:3px solid rgba(255,152,0,.2);border-color:#ff9800}
.siteIdentity{min-width:0}
.siteTitleLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.siteTitleLine h2{margin:0;font-size:19px;overflow-wrap:anywhere}
.siteIdentity p{margin:5px 0 0;color:#747982;font-size:13px;overflow-wrap:anywhere}
.siteBadge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800}
.siteBadge.default{background:#fff1dc;color:#9b5b00}
.siteBadge.enabled{background:#e8f6ea;color:#287335}
.siteBadge.disabled{background:#ececef;color:#696e77}
.siteQuickActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.siteQuickActions a{padding:7px 10px;border:1px solid #d9dce1;border-radius:5px;background:#fff;color:#444;font-size:12px;font-weight:800;text-decoration:none}
.siteQuickActions a:hover{border-color:#ff9800;color:#a85e00}
.siteDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:8px 20px}
.siteDetails>div{min-width:0;padding:12px 0;border-bottom:1px solid #f0f1f3}
.siteDetails>div:nth-last-child(-n+2){border-bottom:0}
.siteDetails>div:nth-child(odd){padding-right:20px}
.siteDetails>div:nth-child(even){padding-left:20px;border-left:1px solid #f0f1f3}
.siteDetails dt{margin-bottom:6px;color:#7a7f88;font-size:11px;font-weight:800;letter-spacing:.05em}
.siteDetails dd{margin:0;color:#303238;font-weight:700;overflow-wrap:anywhere}
.siteDetails code{display:block;padding:8px 10px;border:1px solid #e2e4e8;border-radius:5px;background:#f6f7f8;color:#4c5159;font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.siteCardFooter{display:flex;align-items:center;gap:8px;padding:10px 20px;border-top:1px solid #eceef1;background:#fafafa;color:#777c85;font-size:12px}
.publishIndicator{width:8px;height:8px;border-radius:50%;background:#b8bcc3;box-shadow:0 0 0 3px rgba(184,188,195,.16)}
.publishIndicator.hasPublished{background:#42a653;box-shadow:0 0 0 3px rgba(66,166,83,.14)}
.publishGuide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.publishGuide>div{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #e2e4e8;border-radius:8px;background:#f8f8f9}
.publishGuide>div>span{display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#25272c;color:#ffad2f;font-size:12px;font-weight:900}
.publishGuide p{margin:0;color:#6f747d;font-size:13px;line-height:1.5}
.publishGuide strong{display:block;margin-bottom:2px;color:#2d3035}
.publishEmpty{padding:52px 22px;text-align:center;border:1px dashed #cfd2d7;border-radius:10px;background:#fff}
.publishEmpty strong{display:block;font-size:20px}
.publishEmpty p{margin:8px 0 18px;color:#747982}
.publishProgress{margin:14px 0;padding:20px;border:1px solid #d9dce2;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(22,24,29,.07)}
.publishProgress[hidden]{display:none}
.publishProgressHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.publishProgressEyebrow{display:block;margin-bottom:5px;color:#d97706;font-size:10px;font-weight:900;letter-spacing:.15em}
.publishProgressHead strong{font-size:20px}
.publishProgressHead p{margin:5px 0 0;color:#737881}
.publishProgressPercent{flex:0 0 auto;color:#d97706;font-size:28px!important;line-height:1}
.publishProgressTrack{height:9px;margin:17px 0;overflow:hidden;border-radius:999px;background:#eceef1}
.publishProgressTrack span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9800,#f5bd39);transition:width .28s ease}
.publishProgressStats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.publishProgressStats div{padding:10px 12px;border-radius:7px;background:#f6f7f9}
.publishProgressStats span,.publishProgressStats strong{display:block}
.publishProgressStats span{color:#7b8088;font-size:11px}
.publishProgressStats strong{margin-top:3px;font-size:17px}
.publishProgressLog{max-height:190px;margin:14px 0 0;padding:0;overflow:auto;list-style:none}
.publishProgressLog li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 11px;border-top:1px solid #eceef1;font-size:12px}
.publishProgressLog li span{color:#70757d;text-align:right}
.publishProgressLog .is-success strong{color:#25833a}
.publishProgressLog .is-failed strong{color:#ba2c2c}
.publishProgress.hasErrors .publishProgressTrack span{background:linear-gradient(90deg,#e15b32,#d33535)}
.sitePublishCard.isPublishing{border-color:#ff9800;box-shadow:0 0 0 3px rgba(255,152,0,.12)}
.sitePublishCard.isPublishing .publishIndicator{background:#ff9800;animation:publishPulse 1s infinite alternate}
.sitePublishCard.isPublished .publishIndicator{background:#42a653;box-shadow:0 0 0 3px rgba(66,166,83,.14)}
.sitePublishCard.publishFailed{border-color:#e5a4a4}
.sitePublishCard.publishFailed .publishIndicator{background:#d13b3b}
@keyframes publishPulse{to{box-shadow:0 0 0 7px rgba(255,152,0,.12)}}
@media(max-width:850px){
    .publishHero{display:block;padding:24px}
    .publishHeaderActions{margin-top:19px}
    .publishControlBar{position:static;display:block}
    .publishControlActions{margin-top:13px}
    .siteCardHeader{grid-template-columns:auto minmax(0,1fr)}
    .siteQuickActions{grid-column:1/-1;justify-content:flex-start}
    .publishGuide{grid-template-columns:1fr}
}
@media(max-width:620px){
    .publishSummary{grid-template-columns:1fr}
    .publishControlActions{display:grid;grid-template-columns:1fr}
    .publishProgressStats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .publishProgressLog li{display:block}
    .publishProgressLog li span{display:block;margin-top:3px;text-align:left}
    .siteCardHeader{grid-template-columns:1fr;padding:16px}
    .siteCheck{width:max-content}
    .siteQuickActions{grid-column:auto}
    .siteDetails{grid-template-columns:1fr;padding:6px 16px}
    .siteDetails>div,.siteDetails>div:nth-child(odd),.siteDetails>div:nth-child(even){padding:11px 0;border-left:0;border-bottom:1px solid #f0f1f3}
    .siteDetails>div:last-child{border-bottom:0}
    .siteCardFooter{align-items:flex-start;padding:11px 16px;line-height:1.45}
    .primaryLinkButton,.secondaryLinkButton{width:100%}
}
/* Template library and website settings */
.templateLibrary{max-width:1420px;margin:0 auto}
.libraryHero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:25px 28px;border-radius:11px;background:linear-gradient(135deg,#191a1d,#2a2d33);color:#fff}
.libraryHero span{color:#ff9d0a;font-size:11px;font-weight:900;letter-spacing:.13em}
.libraryHero h1{margin:5px 0 7px;font-size:28px}
.libraryHero p{margin:0;color:#c7c9ce;line-height:1.55}
.libraryDashboard{grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr)}
.definitionForm{align-self:start}
.definitionForm>label,.siteSettingsDashboard form.panel>label:not(.checkLine){display:block;margin:0 0 15px;font-weight:700}
.definitionForm>label input,.siteSettingsDashboard form.panel>label:not(.checkLine) input,.siteSettingsDashboard form.panel>label select{display:block;width:100%;margin-top:7px;box-sizing:border-box}
.siteSettingsDashboard .panelTitleRow>div{display:flex;gap:8px;flex-wrap:wrap}
.fieldHelp{margin:-3px 0 15px;color:#767b84;font-size:12px;line-height:1.6}
.definitionGrid{display:grid;gap:12px}
.definitionCard{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #e0e2e6;border-radius:9px;background:#fff}
.definitionIcon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;background:#202226;color:#ff9d0a;font-size:20px;font-weight:900}
.definitionBody{min-width:0}
.definitionBody h3{margin:0 0 4px}
.definitionBody p,.definitionBody small{display:block;margin:0;color:#747982;font-size:12px}
.definitionBody code{display:block;margin:8px 0;padding:7px 9px;border:1px solid #e3e5e8;border-radius:5px;background:#f6f7f8;overflow-wrap:anywhere}
.inUseLabel{padding:6px 9px;border-radius:999px;background:#e8f6ea;color:#287335;font-size:11px;font-weight:800}
.siteSettingsDashboard{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr)}
.siteSettingsDashboard>form.panel{align-self:start;padding:24px!important;border:1px solid #dfe2e6!important;border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(24,27,31,.05)}
.siteSettingsDashboard>form.panel .panelTitleRow{margin:-24px -24px 22px;padding:22px 24px;border-radius:11px 11px 0 0;background:linear-gradient(135deg,#1d1f23,#30333a);color:#fff}
.siteSettingsDashboard>form.panel .panelTitleRow h1{margin:0;font-size:25px}
.siteSettingsDashboard>form.panel .panelTitleRow .textButton{color:#ffad2f}
.siteSettingsDashboard form.panel>label:not(.checkLine){display:block!important;margin:0 0 17px!important;color:#3d4148;font-size:13px;font-weight:800;line-height:1.45}
.siteSettingsDashboard form.panel>label:not(.checkLine) input,.siteSettingsDashboard form.panel>label:not(.checkLine) select,.siteSettingsDashboard form.panel>label:not(.checkLine) textarea{display:block;width:100%;max-width:none;margin:7px 0 0;padding:11px 12px;border:1px solid #ccd0d6;border-radius:7px;background:#fff;color:#25282d;font:400 14px/1.55 Arial,"Microsoft YaHei",sans-serif;box-sizing:border-box;outline:none}
.siteSettingsDashboard form.panel>label:not(.checkLine) input,.siteSettingsDashboard form.panel>label:not(.checkLine) select{min-height:43px}
.siteSettingsDashboard form.panel>label:not(.checkLine) textarea{min-height:92px;resize:vertical}
.siteSettingsDashboard form.panel>label:not(.checkLine) input:focus,.siteSettingsDashboard form.panel>label:not(.checkLine) select:focus,.siteSettingsDashboard form.panel>label:not(.checkLine) textarea:focus{border-color:#ff9800;box-shadow:0 0 0 3px rgba(255,152,0,.14)}
.siteSettingsDashboard form.panel>.checkLine{margin:3px 0 22px;padding:12px 14px;border:1px solid #e1e4e8;border-radius:7px;background:#f7f8fa;font-weight:800}
.siteSettingsDashboard form.panel>h3{margin:24px 0 10px;padding-top:19px;border-top:1px solid #eceef1;font-size:15px}
.siteSettingsDashboard form.panel>.compactChecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;margin:0 0 20px;padding:10px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}
.siteSettingsDashboard form.panel>.compactChecks label{min-width:0;margin:0;padding:9px 10px;border-color:#e1e4e8;border-radius:6px;background:#fff;line-height:1.35;box-sizing:border-box}
.siteSettingsDashboard form.panel>button[name="save_template"]{width:100%;min-height:45px;margin-top:4px;font-weight:900}
@media(max-width:900px){.libraryDashboard,.siteSettingsDashboard{grid-template-columns:1fr}.libraryHero{align-items:flex-start}.definitionCard{grid-template-columns:44px minmax(0,1fr)}.definitionCard .templateActions{grid-column:1/-1}}
@media(max-width:620px){.libraryHero{display:block;padding:21px}.libraryHero>a{margin-top:16px}.definitionCard{grid-template-columns:1fr}.definitionIcon{display:none}.siteSettingsDashboard>form.panel{padding:17px!important}.siteSettingsDashboard>form.panel .panelTitleRow{display:block;margin:-17px -17px 18px;padding:19px 17px}.siteSettingsDashboard>form.panel .panelTitleRow>div{margin-top:12px}.siteSettingsDashboard form.panel>.compactChecks{grid-template-columns:1fr;max-height:240px}}

/* Content management workspace */
body{overflow-x:hidden}
.videoWorkspace{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;max-width:1500px;margin:0 auto;align-items:start}
.videoWorkspace .panel{min-width:0;box-sizing:border-box}
.videoEditor{position:sticky;top:18px;padding:22px!important;border:1px solid #dfe2e6!important;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(24,27,31,.05)}
.videoEditorHeader{margin:-22px -22px 20px;padding:22px;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#1d1f23,#30333a);color:#fff}
.videoEditorHeader>span,.videoLibraryHeader>div>span{display:block;color:#ff9d0a;font-size:10px;font-weight:900;letter-spacing:.14em}
.videoEditorHeader h1{margin:6px 0 7px;font-size:25px}
.videoEditorHeader p{margin:0;color:#c7cbd1;font-size:12px;line-height:1.55}
.videoEditor>label,.videoFieldRow label{display:block;margin:0 0 15px;color:#35383e;font-weight:800}
.videoEditor>label>span,.videoFieldRow label>span,.videoRecordId>span,.videoToolbar label>span{display:block;margin-bottom:7px;color:#555a62;font-size:12px;font-weight:800}
.videoEditor input,.videoEditor select,.videoEditor textarea,.videoToolbar input,.videoToolbar select{display:block;width:100%;max-width:none;box-sizing:border-box;border:1px solid #ccd0d6;border-radius:6px;background:#fff;color:#272a2f;outline:none}
.videoEditor .videoCheckLine{display:flex;align-items:center;gap:9px;min-height:42px;margin:0;padding:0 11px;border:1px solid #dfe2e6;border-radius:6px;background:#f8f9fa;color:#40444a;font-size:12px;font-weight:700}
.videoEditor .videoCheckLine input{flex:0 0 auto;width:16px;min-height:16px;height:16px;margin:0;padding:0}
.videoRedirectBadge{border:1px solid #f2bf73;border-radius:999px;background:#fff3df;color:#a95d00;padding:2px 7px;font-size:10px;font-weight:900}
.videoRedirectUrl{display:block;max-width:100%;overflow:hidden;color:#8a5a13;text-overflow:ellipsis;white-space:nowrap}
.videoEditor input,.videoEditor select,.videoToolbar input,.videoToolbar select{min-height:42px;padding:0 11px}
.videoEditor textarea{padding:11px;resize:vertical;line-height:1.55}
.videoEditor input:focus,.videoEditor select:focus,.videoEditor textarea:focus,.videoToolbar input:focus,.videoToolbar select:focus{border-color:#ff9800;box-shadow:0 0 0 3px rgba(255,152,0,.14)}
.videoFieldRow{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,.78fr) minmax(0,1.2fr);gap:12px;align-items:start}
.videoRecordId{min-width:0}
.videoRecordId code{display:block;min-height:42px;padding:11px;border:1px solid #e1e3e7;border-radius:6px;background:#f6f7f8;color:#6c7179;font-size:11px;overflow-wrap:anywhere;box-sizing:border-box}
.videoEditorActions{display:flex;align-items:center;gap:12px;margin-top:4px}
.videoEditorActions button{min-height:43px;padding:0 20px;border:1px solid #e58a00;border-radius:6px;background:#ff9800;color:#1b1c1f;font-weight:900;cursor:pointer}
.videoEditorActions button:hover{background:#ffad2f}
.videoEditorActions a{color:#686d75;font-size:12px;font-weight:800;text-decoration:none}
.videoLibrary{padding:22px!important;border:1px solid #dfe2e6!important;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(24,27,31,.04)}
.videoLibraryHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.videoLibraryHeader h2{margin:5px 0 4px;font-size:25px}
.videoLibraryHeader p{margin:0;color:#747982;font-size:12px}
.videoLibraryHeader>a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border-radius:6px;background:#24262b;color:#fff;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
.videoLibraryHeader>a:hover{background:#393c43}
.videoToolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.65fr) auto auto;gap:10px;align-items:end;padding:14px;border:1px solid #e2e4e7;border-radius:8px;background:#f7f8f9}
.videoToolbar label{margin:0}
.videoToolbar button,.videoToolbar>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:6px;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
.videoToolbar button{border:1px solid #e58a00;background:#ff9800;color:#191a1d;cursor:pointer}
.videoToolbar>a{border:1px solid #d4d7dc;background:#fff;color:#5b6068}
.videoResultMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 2px 10px;color:#7a7f87;font-size:11px}
.videoResultMeta strong{color:#44484f}
.adminVideoList{display:grid;gap:9px;min-width:0}
.adminVideoCard{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0;padding:10px;border:1px solid #e1e3e6;border-radius:8px;background:#fff;transition:border-color .16s,box-shadow .16s,transform .16s}
.adminVideoCard:hover{border-color:#c8ccd2;box-shadow:0 6px 18px rgba(28,30,35,.07);transform:translateY(-1px)}
.adminVideoThumb{position:relative;width:150px;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#202226}
.adminVideoThumb img{display:block;width:100%;height:100%;object-fit:cover}
.adminVideoThumb>span{position:absolute;left:6px;bottom:6px;padding:3px 5px;border-radius:3px;background:rgba(0,0,0,.72);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}
.adminVideoBody{min-width:0}
.adminVideoBody>strong{display:-webkit-box;overflow:hidden;color:#292c31;font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.adminVideoBody>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:8px 0 7px;color:#737881;font-size:11px}
.videoCategoryBadge{display:inline-flex;align-items:center;max-width:180px;padding:4px 7px;border-radius:999px;background:#fff1dc;color:#9a5900;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adminVideoBody code{display:block;max-width:100%;color:#9a9ea5;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adminVideoActions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.adminVideoActions form{margin:0}
.adminVideoActions a,.adminVideoActions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border-radius:5px;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer}
.adminVideoActions a{border:1px solid #ccd0d6;background:#fff;color:#3e4248}
.adminVideoActions .danger{border:1px solid #efd1d1;background:#fff5f5;color:#b33b3b}
.adminVideoActions a:hover{border-color:#ff9800;color:#a85e00}
.adminVideoActions .danger:hover{border-color:#d65b5b;background:#d65b5b;color:#fff}
.videoEmpty{padding:60px 20px;text-align:center;border:1px dashed #cfd3d8;border-radius:8px;background:#fafafa}
.videoEmpty strong{display:block;font-size:18px}.videoEmpty p{margin:7px 0 0;color:#7a7f87;font-size:12px}
.videoPagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:18px}
.videoPagination a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 10px;border:1px solid #d7dade;border-radius:5px;background:#fff;color:#4c5158;font-size:12px;font-weight:800;text-decoration:none}
.videoPagination a:hover,.videoPagination a.active{border-color:#e58a00;background:#ff9800;color:#202124}
@media(max-width:1100px){.videoWorkspace{grid-template-columns:1fr}.videoEditor{position:static}.videoEditor>label,.videoFieldRow{max-width:760px}}
@media(max-width:720px){.videoWorkspace{gap:14px}.videoEditor,.videoLibrary{padding:16px!important;border-radius:8px}.videoEditorHeader{margin:-16px -16px 16px;padding:18px;border-radius:8px 8px 0 0}.videoToolbar{grid-template-columns:1fr 1fr}.videoToolbar button,.videoToolbar>a{width:100%}.adminVideoCard{grid-template-columns:120px minmax(0,1fr)}.adminVideoThumb{width:120px}.adminVideoActions{grid-column:1/-1;justify-content:flex-end;padding-top:2px}.videoLibraryHeader h2{font-size:22px}}
@media(max-width:500px){.videoFieldRow,.videoToolbar{grid-template-columns:1fr}.videoLibraryHeader{display:block}.videoLibraryHeader>a{margin-top:12px}.adminVideoCard{grid-template-columns:1fr;padding:9px}.adminVideoThumb{width:100%}.adminVideoBody{padding:2px 2px 0}.adminVideoActions{grid-column:auto;justify-content:flex-start}.adminVideoActions a,.adminVideoActions form,.adminVideoActions button{flex:1}.adminVideoActions button{width:100%}.videoResultMeta{align-items:flex-start}.videoCategoryBadge{max-width:130px}}
@media(max-width:700px){
    body>header{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:11px 12px!important;box-sizing:border-box!important}
    body>header>strong{display:block!important;width:auto!important;margin:0 0 9px!important;white-space:nowrap!important}
    body>header>nav{display:flex!important;width:100%!important;max-width:100%!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;align-items:center!important;padding:0 0 2px!important;scrollbar-width:none!important}
    body>header>nav::-webkit-scrollbar{display:none!important}
    body>header>nav>a{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:7px 9px!important;border-radius:5px!important;background:#242424!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}
    body>main{width:auto!important;max-width:none!important;margin:0!important;padding:14px 10px 30px!important;box-sizing:border-box!important}
}

/* Advertisement management workspace */
.adsWorkspace{display:grid;grid-template-columns:minmax(310px,380px) minmax(0,1fr);gap:20px;max-width:1500px;margin:0 auto;align-items:start}
.adsWorkspace .panel{min-width:0;box-sizing:border-box}
.adEditor{position:sticky;top:18px;padding:24px!important;border:0!important;border-radius:10px;background:#fff;box-shadow:0 7px 24px rgba(20,23,28,.08)}
.adEditorHeader{margin:-24px -24px 22px;padding:24px;background:#17191d;color:#fff;border-radius:10px 10px 0 0}
.adEditorHeader>span,.adLibraryHeader>div>span{display:block;color:#ff9d0a;font-size:10px;font-weight:900;letter-spacing:.14em}
.adEditorHeader h1{margin:7px 0 6px;font-size:25px;line-height:1.2}
.adEditorHeader p{margin:0;color:#aeb3bb;font-size:12px;line-height:1.7}
.adEditor>label:not(.adStatusControl),.adFieldRow>label{display:block;margin:0 0 15px}
.adEditor label>span:first-child,.adFieldRow label>span:first-child{display:block;margin:0 0 7px;color:#353940;font-size:12px;font-weight:900}
.adEditor input:not([type=checkbox]),.adEditor select{display:block;width:100%;min-height:43px;padding:10px 11px;border:1px solid #d4d8dd;border-radius:5px;background:#fff;box-sizing:border-box;color:#25282d}
.adEditor input:focus,.adEditor select:focus{outline:0;border-color:#e58a00;box-shadow:0 0 0 3px rgba(255,152,0,.12)}
.adFieldHint{margin:-8px 0 15px;color:#858a92;font-size:11px;line-height:1.55}
.adFieldRow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(100px,.65fr);gap:12px}
.adStatusControl{display:flex!important;align-items:flex-start;gap:11px;margin:2px 0 20px;padding:13px;border:1px solid #e1e3e6;border-radius:6px;background:#f8f9fa;cursor:pointer}
.adStatusControl input{flex:0 0 auto;width:17px!important;height:17px;margin:1px 0 0}
.adStatusControl>span{display:block!important;margin:0!important}
.adStatusControl strong{display:block;color:#2b2e33;font-size:12px}
.adStatusControl small{display:block;margin-top:4px;color:#7d828a;font-size:11px;line-height:1.45}
.adPublishNote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:-5px 0 15px;padding:12px 13px;border-left:3px solid #ff9800;background:#fff8e8}
.adPublishNote strong{color:#8a5200;font-size:11px}
.adPublishNote span{color:#745f3d;font-size:11px;line-height:1.5}
.adPublishNote a{grid-column:2;justify-self:start;color:#c16d00;font-size:11px;font-weight:900;text-decoration:none}
.adPublishNote a:hover{text-decoration:underline}
.adEditorActions{display:flex;gap:9px;align-items:center}
.adEditorActions button,.adEditorActions>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:0;border-radius:5px;font-size:12px;font-weight:900;text-decoration:none;box-sizing:border-box}
.adEditorActions button{flex:1;background:#ff9800;color:#202124}
.adEditorActions button:hover{background:#ee8e00}
.adEditorActions>a{background:#eceff2;color:#4c5158}
.adLibrary{padding:22px!important;border:1px solid #dfe2e6!important;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(24,27,31,.04)}
.adLibraryHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.adLibraryHeader h2{margin:5px 0 4px;font-size:25px}
.adLibraryHeader p{margin:0;color:#747982;font-size:12px}
.adLibraryHeader>a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border-radius:6px;background:#24262b;color:#fff;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
.adLibraryHeader>a:hover{background:#393c43}
.adSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.adSummary>div{padding:14px 15px;border:1px solid #e2e4e8;border-radius:7px;background:#f8f9fa}
.adSummary strong{display:block;color:#d97800;font-size:23px;line-height:1}
.adSummary span{display:block;margin-top:7px;color:#737981;font-size:11px;font-weight:800}
.adGrid{display:grid;gap:10px}
.adCard{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:15px;align-items:center;padding:11px;border:1px solid #e0e3e7;border-radius:8px;background:#fff;transition:border-color .18s,box-shadow .18s}
.adCard.isNewlySaved{border-color:#f0a020;box-shadow:0 0 0 3px rgba(240,160,32,.16);animation:adSavedHighlight 1.2s ease both}
@keyframes adSavedHighlight{0%{transform:translateY(-4px);background:#fff8e8}100%{transform:none;background:#fff}}
.adCard:hover{border-color:#c8ccd2;box-shadow:0 5px 16px rgba(26,29,34,.06)}
.adCard.isDisabled{background:#fafafa}
.adPreview{position:relative;width:190px;aspect-ratio:6/1;min-height:58px;overflow:hidden;border-radius:5px;background:#1f2226}
.adPreview img{display:block;width:100%;height:100%;object-fit:cover}
.adPreview>span{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:3px;background:rgba(0,0,0,.68);color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}
.adCardBody{min-width:0}
.adCardTitle{display:flex;align-items:center;gap:8px;min-width:0}
.adCardTitle h3{min-width:0;margin:0;color:#262a2f;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adState{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#eceff2;color:#737881;font-size:10px;font-weight:900}
.adState.active{background:#e7f6ed;color:#168442}
.adMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.adMeta span{padding:4px 7px;border-radius:4px;background:#f0f2f4;color:#60656d;font-size:10px;font-weight:800}
.adImageUrl{display:flex;align-items:flex-start;gap:7px;max-width:700px;margin:10px 0 0;font-size:11px;line-height:1.5}
.adImageUrl strong{flex:0 0 auto;padding:1px 5px;border-radius:3px;background:#fff2d8;color:#9b6000;font-size:10px}
.adImageUrl a{min-width:0;color:#b76700;overflow-wrap:anywhere;word-break:break-all}
.adImageUrl a:hover{text-decoration:underline}
.adTarget{max-width:640px;margin:8px 0 0;color:#71767e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adTarget.muted{color:#a0a4aa}
.adCardActions{display:flex;align-items:center;gap:7px}
.adCardActions form{margin:0}
.adCardActions a,.adCardActions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #d7dade;border-radius:5px;background:#fff;color:#4c5158;font-size:11px;font-weight:900;text-decoration:none;box-sizing:border-box}
.adCardActions a:hover{border-color:#e58a00;color:#c56f00}
.adCardActions button.copy{border-color:#f0b45b;background:#fff8ec;color:#b96500}
.adCardActions button.copy:hover{border-color:#e58a00;background:#fff1d6;color:#9c5200}
.adCardActions button.danger{border-color:#f0c9c9;background:#fff7f7;color:#c63737}
.adEmptyState{padding:52px 22px;text-align:center;border:1px dashed #cfd3d8;border-radius:8px;background:#fafbfc}
.adEmptyState>span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#25282d;color:#ff9d0a;font-size:12px;font-weight:900;letter-spacing:.08em}
.adEmptyState h3{margin:15px 0 6px;font-size:18px}
.adEmptyState p{max-width:470px;margin:0 auto;color:#7c8189;font-size:12px;line-height:1.7}
@media(max-width:1100px){.adsWorkspace{grid-template-columns:1fr}.adEditor{position:static}.adEditor>label,.adFieldRow,.adStatusControl{max-width:760px}}
@media(max-width:720px){.adsWorkspace{gap:14px}.adEditor,.adLibrary{padding:16px!important;border-radius:8px}.adEditorHeader{margin:-16px -16px 16px;padding:18px;border-radius:8px 8px 0 0}.adLibraryHeader h2{font-size:22px}.adCard{grid-template-columns:150px minmax(0,1fr)}.adPreview{width:150px}.adCardActions{grid-column:1/-1;justify-content:flex-end}.adSummary>div{padding:12px}}
@media(max-width:500px){.adFieldRow{grid-template-columns:1fr}.adLibraryHeader{display:block}.adLibraryHeader>a{margin-top:12px}.adSummary{grid-template-columns:1fr 1fr}.adSummary>div:first-child{grid-column:1/-1}.adCard{grid-template-columns:1fr;padding:9px}.adPreview{width:100%;min-height:72px}.adCardActions{grid-column:auto;justify-content:flex-start}.adCardActions a,.adCardActions form,.adCardActions button{flex:1}.adCardActions button{width:100%}}

/* Frontend navigation link manager */
.navLinkWorkspace{align-items:start;gap:18px}
.navLinkEditor,.navLinkLibrary{border:1px solid #dfe2e6!important;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(24,27,31,.04)}
.navLinkEditor{position:sticky;top:18px;padding:22px!important}
.navLinkLibrary{padding:22px!important}
.navLinkEditor h1,.navLinkLibrary h2{margin:4px 0 0}
.navLinkEditor label{display:grid;gap:7px;margin-top:16px;color:#34383e;font-size:12px;font-weight:900}
.navLinkEditor input{width:100%;height:43px;padding:0 12px;border:1px solid #d8dce1;border-radius:6px;background:#fff;box-sizing:border-box}
.navLinkEditor input:focus{border-color:#e58a00;box-shadow:0 0 0 3px rgba(229,138,0,.12);outline:0}
.navLinkEditor>button{width:100%;min-height:43px;margin-top:17px;border:0;border-radius:6px;background:#f79400;color:#1f2023;font-weight:900;cursor:pointer}
.fieldHint{margin:10px 0 0;color:#7b8088;font-size:11px;line-height:1.65}
.panelEyebrow{color:#d97800;font-size:10px;font-weight:900;letter-spacing:.13em}
.navLinkGrid{display:grid;gap:10px;margin-top:17px}
.navLinkCard{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid #e0e3e7;border-radius:8px;background:#fff}
.navLinkCard:hover{border-color:#c9cdd2;box-shadow:0 5px 16px rgba(26,29,34,.05)}
.navLinkInfo{display:grid;gap:7px;min-width:0}
.navLinkInfo strong{color:#25292e;font-size:15px}
.navLinkInfo code{display:block;max-width:680px;color:#737982;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navLinkActions{display:flex;align-items:center;gap:7px;flex:none}
.navLinkActions form{margin:0}
.navLinkActions a,.navLinkActions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #d7dade;border-radius:5px;background:#fff;color:#4c5158;font-size:11px;font-weight:900;text-decoration:none;box-sizing:border-box}
.navLinkActions a:hover{border-color:#e58a00;color:#c56f00}
.navLinkActions button.danger{border-color:#f0c9c9;background:#fff7f7;color:#c63737}
.navLinkEmpty{margin-top:17px;padding:46px 20px;border:1px dashed #cfd3d8;border-radius:8px;background:#fafbfc;text-align:center}
.navLinkEmpty p{margin:8px 0 0;color:#7c8189;font-size:12px}
@media(max-width:900px){.navLinkEditor{position:static}.navLinkWorkspace{display:block}.navLinkLibrary{margin-top:16px}}
@media(max-width:560px){.navLinkEditor,.navLinkLibrary{padding:16px!important}.navLinkCard{display:block}.navLinkActions{margin-top:13px}.navLinkActions a,.navLinkActions form,.navLinkActions button{flex:1}.navLinkActions button{width:100%}}

/* Live streaming integration */
.liveAdminWorkspace{display:grid;gap:18px;max-width:1280px;margin:0 auto}.liveAdminHero{padding:26px!important;border:0!important;border-radius:11px;background:linear-gradient(135deg,#17191d,#292d34);color:#fff;box-shadow:0 10px 30px rgba(13,16,20,.16)}.liveAdminHero>span{color:#ff9d0a;font-size:10px;font-weight:900;letter-spacing:.14em}.liveAdminHero h1{margin:7px 0 8px;font-size:28px}.liveAdminHero>p{max-width:820px;margin:0;color:#c2c7ce;font-size:13px;line-height:1.7}.liveAdminRules{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.liveAdminRules span{padding:7px 10px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0d;color:#e3e6ea;font-size:11px}.liveSiteLibrary{padding:22px!important}.liveSiteGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}.liveSiteCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 15px;padding:15px;border:1px solid #e1e4e8;border-radius:8px;background:#fafbfc}.liveSiteCard.isEnabled{border-color:#efc06f;background:#fffaf0}.liveSiteCard>div{display:grid;gap:4px}.liveSiteCard strong{color:#292d32}.liveSiteCard span,.liveSiteCard p{color:#747a82;font-size:11px}.liveSiteCard p{grid-column:1;margin:0}.liveSiteCard>a{grid-column:2;grid-row:1/3;align-self:center;padding:8px 11px;border-radius:5px;background:#25282d;color:#fff;font-size:11px;font-weight:900;text-decoration:none}.liveSettingsBox{margin:19px 0 22px;padding:18px;border:1px solid #e0e3e7;border-radius:9px;background:#f8f9fa}.liveSettingsTitle{display:flex;align-items:center;justify-content:space-between;gap:15px}.liveSettingsTitle span{display:block;color:#d97800;font-size:9px;font-weight:900;letter-spacing:.14em}.liveSettingsTitle h3{margin:4px 0 0!important}.liveSettingsBox>p{margin:10px 0 16px;color:#737981;font-size:12px;line-height:1.6}.liveEnable{display:flex!important;align-items:center;gap:7px;margin:0!important;padding:9px 11px;border-radius:6px;background:#fff;border:1px solid #d8dce1;cursor:pointer}.liveEnable input,.liveHdOption input{width:17px!important;height:17px;margin:0!important}.liveEnable strong{font-size:12px}.liveSettingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.liveSettingsGrid>label{display:grid;gap:6px;margin:0!important;color:#4f545b;font-size:11px;font-weight:800}.liveSettingsGrid input:not([type=checkbox]),.liveSettingsGrid select{width:100%;min-height:41px;padding:8px 10px;border:1px solid #d2d6dc;border-radius:5px;background:#fff;box-sizing:border-box}.liveHdOption{display:flex!important;align-items:center;align-self:end;gap:8px;min-height:41px;padding:0 11px;border:1px solid #d2d6dc;border-radius:5px;background:#fff}.liveSettingsBox>small{display:block;margin-top:13px;color:#7c8188;line-height:1.6}.liveSettingsBox code{color:#b96500}.siteSettingsDashboard>.panel:first-child{min-width:0}
@media(max-width:760px){.liveSiteGrid,.liveSettingsGrid{grid-template-columns:1fr}.liveAdminHero,.liveSiteLibrary{padding:17px!important}.liveSiteCard{grid-template-columns:minmax(0,1fr) auto}.liveSettingsBox{padding:14px}.liveSettingsTitle{align-items:flex-start}.liveEnable{flex:none}}