:root{--mp-primary:#2563eb;--mp-primary-2:#4f46e5;--mp-ink:#0f172a;--mp-muted:#64748b;--mp-line:#e2e8f0;--mp-bg:#f8fafc;--mp-card:#fff;--mp-success:#16a34a;--mp-warning:#d97706;--mp-danger:#dc2626;--mp-radius:18px;--mp-shadow:0 10px 30px rgba(15,23,42,.07)} .mp-shell{font-family:inherit;color:var(--mp-ink);background:linear-gradient(180deg,#f8fbff 0,#f8fafc 55%,#fff 100%);min-height:100vh;margin:0 -20px;padding-bottom:56px}.mp-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(18px,4vw,42px);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.85)}.mp-brand{display:flex;align-items:center;gap:12px}.mp-brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--mp-primary),var(--mp-primary-2));box-shadow:0 8px 20px rgba(37,99,235,.22)}.mp-brand-title{font-weight:800;letter-spacing:-.02em}.mp-brand-sub{display:block;font-size:11px;color:var(--mp-muted);font-weight:600;text-transform:uppercase;letter-spacing:.12em}.mp-top-actions{display:flex;align-items:center;gap:10px}.mp-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mp-muted)}.mp-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#e2e8f0;display:grid;place-items:center}.mp-avatar img{width:100%;height:100%;object-fit:cover}.mp-main{max-width:1180px;margin:0 auto;padding:38px clamp(16px,4vw,30px)}.mp-page-title{font-size:clamp(26px,4vw,38px);line-height:1.08;margin:0 0 26px;font-weight:850;letter-spacing:-.04em}.mp-page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.mp-page-title-row .mp-page-title{margin:0}.mp-icon{width:18px;height:18px;display:inline-block;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mp-icon-lg{width:22px;height:22px}.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;background:linear-gradient(135deg,var(--mp-primary),var(--mp-primary-2));color:#fff!important;text-decoration:none!important;font-weight:750;cursor:pointer;box-shadow:0 7px 16px rgba(37,99,235,.18);transition:.18s ease}.mp-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(37,99,235,.22)}.mp-btn-small{padding:8px 12px;font-size:13px}.mp-secondary{background:#eef2ff;color:#3730a3!important;box-shadow:none}.mp-danger{background:#fee2e2;color:#b91c1c!important;box-shadow:none}.mp-warnbtn{background:#fff7ed;color:#c2410c!important;box-shadow:none}.mp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mp-card{background:rgba(255,255,255,.96);border:1px solid var(--mp-line);border-radius:var(--mp-radius);box-shadow:var(--mp-shadow);padding:22px;margin-bottom:20px}.mp-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.mp-card h2,.mp-card h3{margin:0;letter-spacing:-.025em}.mp-form label{display:block;font-size:13px;font-weight:750;color:#334155;margin-bottom:16px}.mp-form input,.mp-form textarea,.mp-form select{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;padding:12px 13px;font:inherit;color:var(--mp-ink);outline:none;transition:.16s}.mp-form textarea{resize:vertical;min-height:90px}.mp-form input:focus,.mp-form textarea:focus,.mp-form select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.mp-check{display:flex!important;align-items:center;gap:8px}.mp-check input{width:auto!important;margin:0!important}.mp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.mp-stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--mp-line);border-radius:16px;padding:19px;box-shadow:var(--mp-shadow)}.mp-stat:after{content:"";position:absolute;width:90px;height:90px;right:-40px;top:-45px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);opacity:.7}.mp-stat strong{display:block;font-size:29px;line-height:1;margin-bottom:7px;position:relative;z-index:1}.mp-stat span{color:var(--mp-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;position:relative;z-index:1}.mp-table-wrap{overflow:auto}.mp-table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.mp-table-wrap th{text-align:left;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc}.mp-table-wrap th,.mp-table-wrap td{padding:13px 12px;border-bottom:1px solid #edf1f6}.mp-table-wrap td{font-size:13px}.mp-table-wrap a{color:#2563eb;font-weight:700;text-decoration:none}.mp-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eef2f7;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}.mp-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.mp-status-draft{background:#f1f5f9;color:#64748b}.mp-status-editor_review,.mp-status-resubmitted{background:#dbeafe;color:#1d4ed8}.mp-status-revision_requested,.mp-status-audit_review{background:#fef3c7;color:#b45309}.mp-status-published{background:#dcfce7;color:#15803d}.mp-status-rejected{background:#fee2e2;color:#b91c1c}.mp-alert{border-radius:14px;padding:13px 15px;margin-bottom:18px;border:1px solid}.mp-error{background:#fff1f2;color:#be123c;border-color:#fecdd3}.mp-success{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.mp-warn{background:#fffbeb;color:#a16207;border-color:#fde68a}.mp-muted{color:var(--mp-muted);font-size:13px}.mp-article-preview{line-height:1.75;font-size:15px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:18px 0;margin:16px 0}.mp-thread{display:flex;flex-direction:column;gap:10px;margin:16px 0}.mp-message{padding:13px 15px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.mp-message strong{font-size:13px}.mp-message span{float:right;color:#94a3b8;font-size:11px}.mp-message p{margin:8px 0 0;line-height:1.6;font-size:13px}.mp-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.mp-profile-head img{border-radius:50%;box-shadow:0 0 0 5px #eff6ff}.mp-auth-layout{max-width:520px;margin:45px auto}.mp-auth-layout .mp-card{padding:30px}.mp-auth-intro{text-align:center;margin-bottom:22px}.mp-auth-intro .mp-brand-mark{margin:0 auto 15px}.mp-auth-intro h1{margin:0 0 8px}.mp-auth-intro p{margin:0;color:var(--mp-muted);font-size:14px}.mp-empty{padding:30px;text-align:center;color:var(--mp-muted)}.mp-shell .mp-card-head h2{font-size:18px}.mp-content{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.65}.mp-admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.mp-admin-cards>div{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:18px}.mp-admin-cards b{display:block;font-size:28px}.mp-admin-cards span{color:#646970}.mp-shell button:focus-visible,.mp-shell a:focus-visible,.mp-shell input:focus-visible,.mp-shell textarea:focus-visible,.mp-shell select:focus-visible{outline:3px solid rgba(59,130,246,.25);outline-offset:2px}@media(max-width:800px){.mp-shell{margin:0 -12px}.mp-top{padding:12px 16px}.mp-main{padding:25px 14px}.mp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-grid2{grid-template-columns:1fr}.mp-page-title-row{align-items:flex-start;flex-direction:column}.mp-user{display:none}.mp-admin-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.mp-stats{grid-template-columns:1fr 1fr}.mp-card{padding:17px}.mp-actions .mp-btn{flex:1}.mp-brand-sub{display:none}} .mp-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.mp-nav a{display:inline-flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;color:#475569;text-decoration:none;font-size:12px;font-weight:750}.mp-nav a:hover{background:#f1f5f9;color:#0f172a}.mp-notify{position:relative;width:34px;height:34px;border-radius:10px;background:#f8fafc;display:grid;place-items:center;color:#475569}.mp-notify b{position:absolute;right:-3px;top:-4px;min-width:15px;height:15px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.mp-top .mp-avatar img{display:block}@media(max-width:1050px){.mp-nav a{font-size:0}.mp-nav .mp-icon{width:19px;height:19px}}@media(max-width:700px){.mp-nav{display:none}.mp-top-actions .mp-secondary{font-size:0;padding:9px}.mp-top-actions .mp-secondary .mp-icon{margin:0}.mp-page-title{font-size:28px}} /* Media Publisher 1.1.0 — professional newsroom workspace */ :root{--mp-sidebar:260px;--mp-top:72px;--mp-accent:#2563eb;--mp-surface:#fff;--mp-surface-2:#f8fafc;--mp-border:#e6ebf2} .mp-shell{margin:0!important;background:#f5f7fb;min-height:100vh} .mp-sidebar{position:fixed;inset:0 auto 0 0;width:var(--mp-sidebar);background:#0b1220;color:#dbe6f4;padding:18px 14px;z-index:80;display:flex;flex-direction:column;transition:width .22s ease,transform .22s ease;box-sizing:border-box} .mp-app{margin-left:var(--mp-sidebar);min-height:100vh;transition:margin-left .22s ease} .mp-shell.mp-sidebar-collapsed .mp-sidebar{width:82px}.mp-shell.mp-sidebar-collapsed .mp-app{margin-left:82px}.mp-shell.mp-sidebar-collapsed .mp-brand-copy,.mp-shell.mp-sidebar-collapsed .mp-side-label,.mp-shell.mp-sidebar-collapsed .mp-side-nav a span,.mp-shell.mp-sidebar-collapsed .mp-side-user div,.mp-shell.mp-sidebar-collapsed .mp-side-footer>a span{display:none}.mp-shell.mp-sidebar-collapsed .mp-sidebar-brand{justify-content:center}.mp-shell.mp-sidebar-collapsed .mp-side-nav a{justify-content:center}.mp-shell.mp-sidebar-collapsed .mp-side-footer{align-items:center} .mp-sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.mp-sidebar-brand .mp-brand-mark{flex:none}.mp-brand-copy{display:flex;flex-direction:column;min-width:0}.mp-brand-copy strong{font-size:14px;color:#fff;white-space:nowrap}.mp-brand-copy small{font-size:9px;color:#7f8ea5;text-transform:uppercase;letter-spacing:.14em;margin-top:3px}.mp-collapse,.mp-mobile-menu{border:0;background:transparent;color:inherit;cursor:pointer}.mp-collapse{position:absolute;right:10px;top:25px;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);display:grid;place-items:center}.mp-collapse .mp-icon{width:16px}.mp-side-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#718198;padding:14px 10px 8px}.mp-side-nav{display:flex;flex-direction:column;gap:4px}.mp-side-nav a{display:flex;align-items:center;gap:11px;color:#9aa9bd;text-decoration:none;padding:11px 12px;border-radius:11px;font-size:13px;font-weight:700;transition:.16s}.mp-side-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.mp-side-nav a.is-active{color:#fff;background:linear-gradient(135deg,rgba(37,99,235,.95),rgba(79,70,229,.92));box-shadow:0 10px 22px rgba(0,0,0,.18)}.mp-side-nav .mp-icon{width:18px;height:18px;flex:none}.mp-side-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.mp-side-user{display:flex;align-items:center;gap:9px;padding:5px}.mp-side-user img{border-radius:50%;width:36px;height:36px}.mp-side-user div{display:flex;flex-direction:column;min-width:0}.mp-side-user strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-side-user small{font-size:10px;color:#77879d;margin-top:2px}.mp-side-footer>a{display:flex;align-items:center;gap:10px;padding:9px 10px;color:#8e9db1;text-decoration:none;font-size:12px;font-weight:700;border-radius:10px}.mp-side-footer>a:hover{background:rgba(255,255,255,.05);color:#fff} .mp-top{height:var(--mp-top);box-sizing:border-box;padding:0 28px;background:rgba(255,255,255,.86);border-bottom:1px solid #e8edf3;backdrop-filter:blur(18px);position:sticky;top:0}.mp-top-context{display:flex;flex-direction:column;gap:2px}.mp-kicker,.mp-eyebrow{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#8a97a9}.mp-top-context strong{font-size:14px;letter-spacing:-.01em}.mp-mobile-menu{display:none}.mp-main{max-width:none;padding:34px 34px 90px}.mp-page-title-row{margin-bottom:26px}.mp-page-title{font-size:30px;margin:8px 0 0}.mp-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-radius:22px;padding:28px 30px;margin-bottom:20px;box-shadow:0 18px 38px rgba(15,23,42,.14)}.mp-hero h2{font-size:24px;margin:7px 0}.mp-hero p{margin:0;color:#c7d2e4;font-size:13px}.mp-hero .mp-eyebrow{color:#9eb9ff}.mp-stats-modern{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.mp-stat-modern{display:flex;align-items:center;gap:13px;padding:17px 18px}.mp-stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#475569}.mp-stat-icon .mp-icon{width:19px}.mp-stat-modern strong{font-size:26px}.mp-stat-modern span:not(.mp-stat-icon){font-size:11px;letter-spacing:.02em;text-transform:none}.mp-tone-blue .mp-stat-icon{background:#eff6ff;color:#2563eb}.mp-tone-amber .mp-stat-icon{background:#fff7ed;color:#d97706}.mp-tone-green .mp-stat-icon{background:#ecfdf5;color:#059669}.mp-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:20px;margin-bottom:20px}.mp-card{box-shadow:0 8px 28px rgba(15,23,42,.045)}.mp-card-head{margin-bottom:16px}.mp-card-head h2{font-size:17px}.mp-chip{display:inline-flex;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.mp-link{display:inline-flex;align-items:center;gap:3px;color:#2563eb;text-decoration:none;font-size:12px;font-weight:800}.mp-link .mp-icon{width:13px}.mp-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mp-quick-grid a{display:flex;flex-direction:column;gap:5px;border:1px solid #e7ebf1;border-radius:14px;padding:14px;text-decoration:none;color:#172033;transition:.16s}.mp-quick-grid a:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 8px 18px rgba(37,99,235,.08)}.mp-quick-grid .mp-icon{color:#2563eb;width:19px}.mp-quick-grid span{font-weight:800;font-size:12px}.mp-quick-grid small{font-size:10px;color:#7b8797;line-height:1.4}.mp-table-title{font-weight:750;color:#172033}.mp-row-action{display:inline-flex!important;align-items:center;gap:2px}.mp-row-action .mp-icon{width:12px}.mp-chart{width:100%;overflow:hidden}.mp-chart svg{display:block;width:100%;height:auto}.mp-chart-axis{stroke:#cbd5e1;stroke-width:1}.mp-chart-grid{stroke:#e8edf3;stroke-width:1;stroke-dasharray:4 5}.mp-chart-line{stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mp-chart-area{fill:rgba(37,99,235,.08);stroke:none}.mp-chart-dot{fill:#fff;stroke:#2563eb;stroke-width:3}.mp-chart text{fill:#94a3b8;font-size:10px}.mp-chart-value{fill:#334155!important;font-weight:800} .mp-notify-wrap{position:relative}.mp-icon-btn{width:38px;height:38px;border:1px solid #e5eaf0;background:#fff;border-radius:11px;color:#475569;display:grid;place-items:center;cursor:pointer;position:relative}.mp-icon-btn .mp-icon{width:18px}.mp-icon-btn b{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}.mp-notify-panel{display:none;position:absolute;right:0;top:48px;width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,.16);overflow:hidden;z-index:100}.mp-notify-panel.is-open{display:block}.mp-notify-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #edf1f5}.mp-notify-head strong{font-size:13px}.mp-notify-head span{font-size:10px;color:#94a3b8}.mp-notify-item{display:flex;gap:10px;padding:13px 15px;color:#334155;text-decoration:none;border-bottom:1px solid #f1f4f7}.mp-notify-item:hover{background:#f8fafc}.mp-notify-item.is-unread{background:#f7fbff}.mp-notify-item>.mp-icon{flex:none;width:17px;color:#2563eb}.mp-notify-item span{display:flex;flex-direction:column;gap:4px}.mp-notify-item strong{font-size:11px;line-height:1.45}.mp-notify-item small{font-size:9px;color:#94a3b8}.mp-mobile-nav{display:none} .mp-editor-form{display:block}.mp-editor-form:after{content:"";display:block;clear:both}.mp-editor-main{width:calc(100% - 340px);float:left;background:#fff;border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.045);padding:28px;box-sizing:border-box}.mp-editor-sidebar{width:320px;float:right}.mp-title-input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;font-size:32px!important;font-weight:850!important;letter-spacing:-.035em;padding:0!important;background:transparent!important}.mp-editor-meta{display:flex;align-items:center;gap:10px;margin:12px 0 22px;color:#94a3b8;font-size:11px}.mp-field{display:block;font-size:11px;font-weight:800;color:#475569;margin:0 0 14px}.mp-field>span{display:block;margin-bottom:7px}.mp-field input,.mp-field textarea,.mp-field select{margin:0!important}.mp-editor-toolbar{height:46px;border:1px solid #e3e8ef;border-bottom:0;border-radius:12px 12px 0 0;background:#f8fafc;display:flex;align-items:center;gap:3px;padding:0 8px;color:#64748b}.mp-editor-toolbar button{height:30px;min-width:31px;border:0;background:transparent;border-radius:7px;color:#475569;cursor:pointer;font-weight:700}.mp-editor-toolbar button:hover{background:#e2e8f0}.mp-editor-toolbar span{flex:1}.mp-editor-toolbar small{font-size:10px;font-weight:800}.mp-rich-editor{border-radius:0 0 12px 12px!important;min-height:480px!important;border-color:#e3e8ef!important;line-height:1.8!important;font-family:ui-sans-serif,system-ui,sans-serif!important;font-size:15px!important}.mp-editor-hint{padding:10px 2px 0;color:#94a3b8;font-size:10px}.mp-side-card{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:17px;margin-bottom:14px;box-shadow:0 7px 22px rgba(15,23,42,.035)}.mp-side-card-head{display:flex;align-items:center;gap:9px;margin-bottom:15px}.mp-side-card-head>.mp-icon,.mp-side-card-head>span .mp-icon{color:#2563eb;width:17px}.mp-side-card-head strong{font-size:12px}.mp-media-drop{border:1px dashed #cbd5e1;border-radius:13px;padding:12px;text-align:center;color:#94a3b8;background:#f8fafc}.mp-media-drop>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:70px;font-size:11px}.mp-media-drop input{width:100%;margin-top:10px;font-size:10px}.mp-media-drop small{display:block;margin-top:7px;font-size:9px;color:#94a3b8}.mp-featured-preview{width:100%;height:145px;object-fit:cover;border-radius:10px;margin-bottom:6px}.mp-sticky-actions{position:sticky;bottom:12px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:15px;background:rgba(255,255,255,.94);border:1px solid #dfe6ee;box-shadow:0 12px 30px rgba(15,23,42,.12);border-radius:15px;padding:10px 12px;margin-top:15px;backdrop-filter:blur(15px)}.mp-save-state{font-size:10px;color:#64748b;display:flex;align-items:center;gap:5px}.mp-save-state .mp-icon{width:14px;color:#16a34a} .mp-timeline{display:flex;flex-direction:column}.mp-timeline-item{position:relative;display:flex;gap:9px;padding:0 0 14px 13px;border-left:1px solid #e2e8f0}.mp-timeline-item:last-child{border-left-color:transparent}.mp-timeline-dot{position:absolute;left:-4px;top:3px;width:7px;height:7px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #eff6ff}.mp-timeline-item strong{display:block;font-size:10px}.mp-timeline-item small{display:block;color:#94a3b8;font-size:9px;margin-top:3px}.mp-timeline-item p{font-size:10px;color:#64748b;margin:5px 0 0;line-height:1.45}.mp-revision-card{margin-top:20px}.mp-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-compare-grid>div{border:1px solid #e4e9f0;border-radius:14px;overflow:hidden;background:#fafbfd}.mp-compare-label{display:block;background:#f1f5f9;padding:9px 11px;font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.mp-compare-grid h3{padding:12px 13px 0;font-size:13px}.mp-compare-content{padding:0 13px 14px;font-size:12px;line-height:1.7;color:#475569;max-height:260px;overflow:auto}.mp-version-list{display:flex;flex-direction:column;gap:8px}.mp-version-list>div{display:grid;grid-template-columns:35px 1fr;gap:3px 8px;border-bottom:1px solid #eef2f6;padding-bottom:8px}.mp-version-list>div:last-child{border-bottom:0}.mp-version-list span{grid-row:span 2;width:28px;height:28px;border-radius:8px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:9px;font-weight:900}.mp-version-list strong{font-size:10px}.mp-version-list small{font-size:9px;color:#94a3b8}.mp-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.mp-reading-card h2{font-size:26px;line-height:1.2;margin:9px 0}.mp-reading-meta{display:flex;align-items:center;gap:9px;color:#94a3b8;font-size:10px}.mp-lead{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 14px}.mp-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-source-grid>div{background:#f8fafc;border-radius:11px;padding:11px}.mp-source-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:800}.mp-source-grid strong{display:block;font-size:11px;margin-top:5px}.mp-review-actions{margin-top:0}.mp-workspace-side{min-width:0}.mp-workspace-side .mp-side-card{position:sticky;top:90px}.mp-workspace-side .mp-side-card+.mp-side-card{margin-top:14px}.mp-reading-card .mp-article-preview{font-size:15px}.mp-auth-shell .mp-main{max-width:1180px;margin:0 auto}.mp-auth-top{margin-left:0!important} @media(max-width:1050px){:root{--mp-sidebar:82px}.mp-brand-copy,.mp-side-label,.mp-side-nav a span,.mp-side-user div,.mp-side-footer>a span{display:none}.mp-sidebar-brand{justify-content:center}.mp-side-nav a{justify-content:center}.mp-side-footer{align-items:center}.mp-app{margin-left:82px}.mp-sidebar{width:82px}.mp-editor-main{width:calc(100% - 300px)}.mp-editor-sidebar{width:280px}.mp-top{padding:0 18px}} @media(max-width:800px){.mp-sidebar{transform:translateX(-105%);width:270px}.mp-shell.mp-menu-open .mp-sidebar{transform:translateX(0);box-shadow:12px 0 35px rgba(15,23,42,.18)}.mp-app,.mp-shell.mp-sidebar-collapsed .mp-app{margin-left:0}.mp-shell.mp-sidebar-collapsed .mp-sidebar{width:270px}.mp-shell.mp-sidebar-collapsed .mp-brand-copy,.mp-shell.mp-sidebar-collapsed .mp-side-label,.mp-shell.mp-sidebar-collapsed .mp-side-nav a span,.mp-shell.mp-sidebar-collapsed .mp-side-user div,.mp-shell.mp-sidebar-collapsed .mp-side-footer>a span{display:block}.mp-mobile-menu{display:grid;place-items:center;width:38px;height:38px}.mp-top{height:62px}.mp-top-context{display:none}.mp-main{padding:22px 14px 88px}.mp-page-title{font-size:27px}.mp-hero{align-items:flex-start;flex-direction:column;padding:22px}.mp-stats-modern{grid-template-columns:1fr 1fr}.mp-dashboard-grid{grid-template-columns:1fr}.mp-editor-main,.mp-editor-sidebar{width:100%;float:none}.mp-editor-sidebar{margin-top:15px}.mp-title-input{font-size:26px!important}.mp-workspace{grid-template-columns:1fr}.mp-workspace-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mp-workspace-side .mp-side-card{position:static}.mp-mobile-nav{position:fixed;display:flex;left:0;right:0;bottom:0;height:65px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-top:1px solid #e5eaf0;z-index:70;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mp-mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#64748b;text-decoration:none;font-size:9px;font-weight:800}.mp-mobile-nav a:hover,.mp-mobile-nav a:focus{color:#2563eb}.mp-mobile-nav .mp-icon{width:18px}.mp-compare-grid{grid-template-columns:1fr}.mp-notify-panel{position:fixed;right:12px;top:68px;width:min(360px,calc(100vw - 24px))}.mp-user{display:none}.mp-top-actions .mp-secondary span{display:none}.mp-top-actions .mp-secondary{padding:9px}.mp-quick-grid{grid-template-columns:1fr}.mp-source-grid{grid-template-columns:1fr}} @media(max-width:480px){.mp-card{padding:16px}.mp-stats-modern{gap:9px}.mp-stat-modern{padding:13px}.mp-stat-modern strong{font-size:22px}.mp-hero h2{font-size:20px}.mp-sticky-actions{align-items:stretch;flex-direction:column}.mp-sticky-actions>div{display:flex}.mp-sticky-actions .mp-btn{flex:1}.mp-workspace-side{grid-template-columns:1fr}.mp-notify-panel{top:64px}} /* v1.2 newsroom modules */ .mp-upload-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mp-upload-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#334155;font-size:12px;font-weight:800;cursor:pointer}.mp-upload-btn input{display:none}.mp-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mp-media-item{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:var(--mp-shadow)}.mp-media-item>a{display:block;background:#f1f5f9;aspect-ratio:4/3}.mp-media-item img{width:100%;height:100%;object-fit:cover;display:block}.mp-media-item>div{padding:11px}.mp-media-item strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-media-item small{display:block;color:#94a3b8;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-media-meta{display:flex;justify-content:space-between;margin-top:8px;color:#64748b;font-size:9px}.mp-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px}.mp-checklist-grid label{display:grid;grid-template-columns:20px 20px 1fr;align-items:center;gap:7px;padding:10px;border:1px solid #e5eaf0;border-radius:11px;background:#f8fafc;cursor:pointer}.mp-checklist-grid input{margin:0}.mp-checklist-grid .mp-icon{width:16px;color:#2563eb}.mp-checklist-grid strong{font-size:10px}.mp-assignment select,.mp-checklist select{width:100%;box-sizing:border-box;border:1px solid #dbe3ee;border-radius:11px;padding:11px;background:#fff;margin-bottom:10px}.mp-admin-workflow{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.mp-admin-workflow>div{min-width:160px;padding:14px;border:1px solid #dfe6ee;border-radius:13px;background:#fff}.mp-admin-workflow span{display:block;font-size:9px;color:#2563eb;font-weight:900;letter-spacing:.08em}.mp-admin-workflow input{width:100%;margin:7px 0;border:1px solid #dbe3ee;border-radius:8px;padding:7px;box-sizing:border-box}.mp-admin-workflow small{color:#94a3b8}.mp-admin-email{max-width:800px;padding:18px;margin:12px 0;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.mp-admin-email h3{margin-top:0}.mp-admin-email input[type=text],.mp-admin-email textarea{box-sizing:border-box}.noprint{display:none} @media(max-width:900px){.mp-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.mp-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-checklist-grid{grid-template-columns:1fr}.mp-upload-form{align-items:stretch}.mp-upload-form>*{flex:1}.mp-upload-form .mp-btn{width:100%}} /* v1.2 newsroom modules */ .mp-upload-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mp-upload-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#334155;font-size:12px;font-weight:800;cursor:pointer}.mp-upload-btn input{display:none}.mp-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mp-media-item{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:var(--mp-shadow)}.mp-media-item>a{display:block;background:#f1f5f9;aspect-ratio:4/3}.mp-media-item img{width:100%;height:100%;object-fit:cover;display:block}.mp-media-item>div{padding:11px}.mp-media-item strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-media-item small{display:block;color:#94a3b8;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-media-meta{display:flex;justify-content:space-between;margin-top:8px;color:#64748b;font-size:9px}.mp-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px}.mp-checklist-grid label{display:grid;grid-template-columns:20px 20px 1fr;align-items:center;gap:7px;padding:10px;border:1px solid #e5eaf0;border-radius:11px;background:#f8fafc;cursor:pointer}.mp-checklist-grid input{margin:0}.mp-checklist-grid .mp-icon{width:16px;color:#2563eb}.mp-checklist-grid strong{font-size:10px}.mp-assignment select,.mp-checklist select{width:100%;box-sizing:border-box;border:1px solid #dbe3ee;border-radius:11px;padding:11px;background:#fff;margin-bottom:10px}.mp-admin-workflow{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.mp-admin-workflow>div{min-width:160px;padding:14px;border:1px solid #dfe6ee;border-radius:13px;background:#fff}.mp-admin-workflow span{display:block;font-size:9px;color:#2563eb;font-weight:900;letter-spacing:.08em}.mp-admin-workflow input{width:100%;margin:7px 0;border:1px solid #dbe3ee;border-radius:8px;padding:7px;box-sizing:border-box}.mp-admin-workflow small{color:#94a3b8}.mp-admin-email{max-width:800px;padding:18px;margin:12px 0;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.mp-admin-email h3{margin-top:0} @media(max-width:900px){.mp-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.mp-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-checklist-grid{grid-template-columns:1fr}.mp-upload-form{align-items:stretch}.mp-upload-form>*{flex:1}.mp-upload-form .mp-btn{width:100%}} /* Media Publisher frontend: full-bleed workspace and no WordPress admin bar. */ html:has(body.mp-frontend-page){margin-top:0!important} body.mp-frontend-page #wpadminbar{display:none!important} body.mp-frontend-page #main-content, body.mp-frontend-page .main-content{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important} body.mp-frontend-page .mp-shell{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);} @media(max-width:700px){body.mp-frontend-page .mp-shell{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}} /* v1.2.15 — Modern UI refresh inspired by the supplied Falcon dashboard reference. */ body.mp-frontend-page{--mp-sidebar:226px;--mp-bg:#f3f6fb;--mp-card:#ffffff;--mp-ink:#172033;--mp-muted:#718096;--mp-line:#e5eaf2;--mp-primary:#2f80ed;--mp-primary-2:#4f8df7;--mp-radius:12px;--mp-shadow:0 4px 18px rgba(26,45,77,.055);background:var(--mp-bg)!important;} body.mp-frontend-page .mp-shell{background:var(--mp-bg)!important;color:var(--mp-ink);min-height:100vh;padding-bottom:0;} body.mp-frontend-page .mp-sidebar{width:var(--mp-sidebar);background:#eef3fa;color:#526176;border-right:1px solid #e1e7f0;padding:18px 12px;box-shadow:none;} body.mp-frontend-page .mp-sidebar-brand{padding:2px 9px 22px;gap:9px}.mp-sidebar-brand .mp-brand-mark{width:38px;height:38px;border-radius:12px;box-shadow:0 6px 16px rgba(47,128,237,.18)} body.mp-frontend-page .mp-brand-copy strong{font-size:16px;letter-spacing:-.035em;color:#1e6bd6}.mp-brand-copy small{color:#8a97aa;font-size:9px;letter-spacing:.08em} body.mp-frontend-page .mp-side-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#9aa6b8;padding:8px 10px;margin-bottom:4px} body.mp-frontend-page .mp-side-nav{gap:3px}.mp-side-nav a{border-radius:9px;padding:9px 10px;color:#5d6b80;font-size:11px;font-weight:700;gap:10px}.mp-side-nav a:hover{background:#e5edf8;color:#2f80ed}.mp-side-nav a.is-active{background:#e0ecff;color:#1769db;box-shadow:none}.mp-side-nav a.is-active .mp-icon{stroke-width:2.2} body.mp-frontend-page .mp-side-footer{border-top:1px solid #dfe6ef;padding:13px 8px 3px}.mp-side-user strong{color:#334155;font-size:10px}.mp-side-user small{color:#8b97a8;font-size:8px}.mp-side-footer>a{color:#7b8799;font-size:10px}.mp-side-footer>a:hover{color:#ef4444} body.mp-frontend-page .mp-app{margin-left:var(--mp-sidebar);background:var(--mp-bg)} body.mp-frontend-page .mp-top{height:64px;box-sizing:border-box;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid #e6ebf2;box-shadow:0 1px 8px rgba(26,45,77,.025)} body.mp-frontend-page .mp-top-context{display:flex;align-items:center;gap:10px}.mp-top-context .mp-kicker{font-size:9px;color:#94a1b2;letter-spacing:.12em}.mp-top-context strong{font-size:13px;color:#253247} body.mp-frontend-page .mp-top-actions{gap:7px}.mp-icon-btn{border-color:#e4e9f0;background:#fff;color:#66758b;border-radius:10px}.mp-icon-btn:hover{border-color:#cfd9e7;background:#f8fafc;color:#2f80ed}.mp-theme-toggle .mp-icon{width:17px}.mp-user{font-size:11px;color:#526176;margin-left:3px}.mp-avatar{width:32px;height:32px;border:2px solid #fff;box-shadow:0 1px 6px rgba(15,23,42,.08)} body.mp-frontend-page .mp-main{max-width:1280px;padding:28px 30px 50px}.mp-page-title-row{margin-bottom:20px}.mp-eyebrow{font-size:9px;color:#8c99ab;letter-spacing:.1em;text-transform:uppercase}.mp-page-title{font-size:27px;letter-spacing:-.045em;color:#1b2638;margin-top:3px;margin-bottom:0} body.mp-frontend-page .mp-card{background:var(--mp-card);border:1px solid #e7ebf1;border-radius:12px;box-shadow:var(--mp-shadow);padding:18px;margin-bottom:14px}.mp-card-head h2{font-size:13px;color:#243148}.mp-card-head p{font-size:10px;color:#8a96a8} body.mp-frontend-page .mp-hero{border-radius:14px;padding:23px 25px;margin-bottom:14px;background:linear-gradient(135deg,#246fe0,#438ff5);box-shadow:0 10px 24px rgba(47,128,237,.16)}.mp-hero h2{font-size:21px}.mp-hero p{font-size:11px}.mp-hero .mp-eyebrow{color:#d8e8ff} body.mp-frontend-page .mp-stats-modern{gap:12px;margin-bottom:14px}.mp-stat-modern{padding:14px 15px;border-radius:12px}.mp-stat-icon{width:37px;height:37px;border-radius:10px}.mp-stat-modern strong{font-size:22px}.mp-stat-modern span:not(.mp-stat-icon){font-size:9px;color:#7b8799} body.mp-frontend-page .mp-btn{border-radius:9px;padding:9px 13px;font-size:10px}.mp-btn-small{padding:8px 11px!important}.mp-secondary{background:#fff!important;color:#56657a!important;border:1px solid #e3e8ef!important} body.mp-frontend-page input,body.mp-frontend-page textarea,body.mp-frontend-page select{border-color:#dfe6ef;border-radius:9px;background:#fff;color:#243148}body.mp-frontend-page input:focus,body.mp-frontend-page textarea:focus,body.mp-frontend-page select:focus{border-color:#77aaf2;box-shadow:0 0 0 3px rgba(47,128,237,.1);outline:0} body.mp-frontend-page .mp-mobile-nav{background:rgba(255,255,255,.96);border-top-color:#e1e7ef} /* Dark mode */ body.mp-frontend-page .mp-shell[data-mp-theme="dark"]{--mp-bg:#0f1724;--mp-card:#172131;--mp-ink:#e7edf7;--mp-muted:#9aa9bd;--mp-line:#293548;background:#0f1724!important;color:#e7edf7} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-app{background:#0f1724}.mp-shell[data-mp-theme="dark"] .mp-sidebar{background:#111b2b;border-right-color:#263246;color:#9aa9bd}.mp-shell[data-mp-theme="dark"] .mp-brand-copy strong{color:#72a8ff}.mp-shell[data-mp-theme="dark"] .mp-brand-copy small,.mp-shell[data-mp-theme="dark"] .mp-side-label{color:#718198}.mp-shell[data-mp-theme="dark"] .mp-side-nav a{color:#9aa9bd}.mp-shell[data-mp-theme="dark"] .mp-side-nav a:hover{background:#1b2940;color:#fff}.mp-shell[data-mp-theme="dark"] .mp-side-nav a.is-active{background:#193762;color:#78adff}.mp-shell[data-mp-theme="dark"] .mp-side-footer{border-top-color:#263246}.mp-shell[data-mp-theme="dark"] .mp-side-user strong{color:#dce6f4}.mp-shell[data-mp-theme="dark"] .mp-side-user small,.mp-shell[data-mp-theme="dark"] .mp-side-footer>a{color:#8190a5} .mp-shell[data-mp-theme="dark"] .mp-top{background:rgba(17,27,43,.94);border-bottom-color:#263246}.mp-shell[data-mp-theme="dark"] .mp-top-context strong{color:#e6edf7}.mp-shell[data-mp-theme="dark"] .mp-top-context .mp-kicker{color:#718198}.mp-shell[data-mp-theme="dark"] .mp-icon-btn{background:#172131;border-color:#2a374a;color:#aab7c8}.mp-shell[data-mp-theme="dark"] .mp-user{color:#aab7c8}.mp-shell[data-mp-theme="dark"] .mp-page-title{color:#edf3fb}.mp-shell[data-mp-theme="dark"] .mp-eyebrow{color:#8090a7}.mp-shell[data-mp-theme="dark"] .mp-card{background:#172131;border-color:#293548;box-shadow:0 7px 22px rgba(0,0,0,.14)}.mp-shell[data-mp-theme="dark"] .mp-card-head h2,.mp-shell[data-mp-theme="dark"] .mp-card strong{color:#e5edf8}.mp-shell[data-mp-theme="dark"] .mp-card-head p,.mp-shell[data-mp-theme="dark"] .mp-card span:not(.mp-stat-icon){color:#9aa9bd}.mp-shell[data-mp-theme="dark"] .mp-stat-icon{background:#213047;color:#a9c9ff}.mp-shell[data-mp-theme="dark"] .mp-chip{background:#1c293b;border-color:#304057;color:#aab7c8}.mp-shell[data-mp-theme="dark"] input,.mp-shell[data-mp-theme="dark"] textarea,.mp-shell[data-mp-theme="dark"] select{background:#111b2b;border-color:#304057;color:#e5edf8}.mp-shell[data-mp-theme="dark"] .mp-secondary{background:#172131!important;color:#c4cfdd!important;border-color:#304057!important}.mp-shell[data-mp-theme="dark"] .mp-mobile-nav{background:rgba(17,27,43,.97);border-top-color:#293548}.mp-shell[data-mp-theme="dark"] .mp-mobile-nav a{color:#9aa9bd} @media(max-width:1050px){body.mp-frontend-page{--mp-sidebar:82px}body.mp-frontend-page .mp-main{padding-left:20px;padding-right:20px}} @media(max-width:800px){body.mp-frontend-page .mp-main{padding:22px 14px 88px}body.mp-frontend-page .mp-top{padding:0 14px}} /* v1.2.17 — Safe Frontend App Shell isolation. */ body.mp-frontend-page{margin:0!important;padding-top:0!important;min-width:0!important;overflow-x:hidden!important;background:var(--mp-bg,#f3f6fb)!important;} body.mp-frontend-page #tie-container, body.mp-frontend-page #tie-wrapper, body.mp-frontend-page #content, body.mp-frontend-page #main-content-row, body.mp-frontend-page #main-content-row>.main-content, body.mp-frontend-page #the-post, body.mp-frontend-page .entry-content{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;float:none!important;} body.mp-frontend-page .mp-shell.mp-app-shell-active{visibility:visible!important;opacity:1!important;} body.mp-frontend-page .mp-shell.mp-app-shell-active .mp-app, body.mp-frontend-page .mp-shell.mp-app-shell-active .mp-main{visibility:visible!important;opacity:1!important;} .mp-access-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.mp-access-title-row h3{margin:0!important}.mp-registration-toggle-form{margin:0}.mp-registration-toggle-bottom{position:absolute;right:15px;bottom:15px;z-index:2}.mp-switch{position:relative;display:inline-flex!important;align-items:center;cursor:pointer;margin:0!important}.mp-switch input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}.mp-switch-iconbox{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f8fafc;color:#64748b;transition:.16s ease}.mp-switch-iconbox .mp-admin-svg{width:18px;height:18px}.mp-switch:hover .mp-switch-iconbox{color:#2563eb;background:#eef5ff}.mp-switch input:focus-visible+.mp-switch-iconbox{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.mp-switch input:checked+.mp-switch-iconbox{color:#16a34a;background:#ecfdf3}.mp-registration-state{display:inline-flex!important;margin-top:7px;font-size:11px!important;font-weight:700}.mp-registration-state.is-open{color:#15803d}.mp-registration-state.is-closed{color:#dc2626}.mp-registration-closed{text-align:center;padding:42px 28px!important}.mp-registration-closed-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:#f1f5f9;color:#64748b}.mp-registration-closed h2{margin:0 0 8px}.mp-registration-closed p{max-width:520px;margin:0 auto 20px;color:var(--mp-muted)} .mp-shell[data-mp-theme="dark"] .mp-registration-closed-icon{background:#1d2a3d;color:#aab7c8} @media(max-width:650px){.mp-access-title-row{align-items:flex-start}.mp-registration-toggle-bottom{right:12px;bottom:12px}.mp-access-card-register .mp-access-copy{padding-right:42px}} /* v1.2.19 — WordPress-like News Editor */ body.mp-frontend-page .mp-news-editor{max-width:1280px;margin:0 auto} body.mp-frontend-page .mp-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 16px;padding:2px 2px} body.mp-frontend-page .mp-editor-header h2{display:flex;align-items:center;gap:8px;margin:4px 0 5px;font-size:22px;letter-spacing:-.03em;color:#172033} body.mp-frontend-page .mp-editor-header h2 .mp-icon{width:20px;color:#2f80ed} body.mp-frontend-page .mp-editor-header p{margin:0;color:#7a8799;font-size:11px} body.mp-frontend-page .mp-editor-header-meta{display:flex;align-items:center;gap:8px;padding-top:8px;color:#8a97aa;font-size:10px} body.mp-frontend-page .mp-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start} body.mp-frontend-page .mp-editor-main{width:auto;float:none;padding:22px;background:#fff;border:1px solid #e5eaf0;border-radius:14px;box-shadow:var(--mp-shadow);box-sizing:border-box} body.mp-frontend-page .mp-editor-title{padding:2px 0 13px;border-bottom:1px solid #eef2f6;margin-bottom:17px} body.mp-frontend-page .mp-title-input{font-size:30px!important;font-weight:800!important;line-height:1.2!important;min-height:46px} body.mp-frontend-page .mp-excerpt-field{margin-bottom:16px} body.mp-frontend-page .mp-excerpt-field textarea{min-height:78px;resize:vertical} body.mp-frontend-page .mp-native-editor-card{border:1px solid #e1e7ef;border-radius:12px;overflow:hidden;background:#fff} body.mp-frontend-page .mp-native-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e7ebf1;background:#f8fafc} body.mp-frontend-page .mp-native-editor-head>div{min-width:0} body.mp-frontend-page .mp-native-editor-head strong{display:block;font-size:12px;color:#243148} body.mp-frontend-page .mp-native-editor-head small{display:block;margin-top:3px;font-size:9px;color:#8a96a8} body.mp-frontend-page .mp-news-editor-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 9px;border-radius:8px;background:#eaf3ff;color:#2563eb;font-size:9px;font-weight:800} body.mp-frontend-page .mp-news-editor-badge .mp-icon{width:13px} body.mp-frontend-page .mp-native-editor-wrap{padding:0;background:#fff} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-wrap{margin:0!important} body.mp-frontend-page .mp-native-editor-wrap .mce-tinymce{border:0!important;border-radius:0!important;box-shadow:none!important} body.mp-frontend-page .mp-native-editor-wrap .mce-top-part{border-bottom:1px solid #e3e8ef!important} body.mp-frontend-page .mp-native-editor-wrap .mce-toolbar-grp{background:#f8fafc!important;padding:5px 6px!important} body.mp-frontend-page .mp-native-editor-wrap .mce-btn{border-radius:6px!important} body.mp-frontend-page .mp-native-editor-wrap .mce-btn:hover{background:#e8eef7!important} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-container{border:0!important} body.mp-frontend-page .mp-native-editor-wrap textarea.wp-editor-area{min-height:500px!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:18px!important;font-size:15px!important;line-height:1.8!important} body.mp-frontend-page .mp-native-editor-wrap .quicktags-toolbar{padding:7px!important;background:#f8fafc!important;border:0!important;border-bottom:1px solid #e3e8ef!important} body.mp-frontend-page .mp-native-editor-wrap .ed_button{border:1px solid #dce3ec!important;background:#fff!important;border-radius:6px!important;margin-right:3px!important} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-tools{padding:0!important} body.mp-frontend-page .mp-native-editor-readonly{min-height:520px;padding:22px;font-size:15px;line-height:1.85;color:#334155} body.mp-frontend-page .mp-editor-hint{display:flex;align-items:center;gap:5px;padding:10px 2px 0;color:#8b97a8;font-size:10px} body.mp-frontend-page .mp-editor-hint .mp-icon{width:13px;color:#16a34a} body.mp-frontend-page .mp-editor-sidebar{width:auto;float:none;min-width:0} body.mp-frontend-page .mp-editor-sidebar .mp-side-card{box-shadow:var(--mp-shadow);border-radius:13px} body.mp-frontend-page .mp-side-card-head>div{min-width:0} body.mp-frontend-page .mp-side-card-head small{display:block;color:#94a1b2;font-size:9px;font-weight:500;margin-top:2px} body.mp-frontend-page .mp-field-help{display:block!important;margin-top:5px!important;color:#94a1b2!important;font-size:9px!important;font-weight:500!important} body.mp-frontend-page .mp-autosave-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;margin-right:5px;vertical-align:middle} body.mp-frontend-page .mp-autosave-dot.is-ok{background:#22c55e} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editor-header h2{color:#edf3fb} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editor-header p{color:#9aa9bd} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editor-main,.mp-shell[data-mp-theme="dark"] .mp-native-editor-card{background:#172131;border-color:#293548} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editor-title{border-bottom-color:#293548} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-head{background:#111b2b;border-bottom-color:#293548} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-head strong{color:#e5edf8} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-head small{color:#8797ad} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-news-editor-badge{background:#193762;color:#78adff} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-wrap .mce-toolbar-grp, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-wrap .quicktags-toolbar{background:#111b2b!important;border-color:#293548!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-wrap .mce-btn{background:#172131!important;border-color:#304057!important;color:#c4cfdd!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-wrap .ed_button{background:#172131!important;border-color:#304057!important;color:#c4cfdd!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-readonly{color:#d8e2ef} @media(max-width:900px){body.mp-frontend-page .mp-editor-layout{grid-template-columns:1fr}body.mp-frontend-page .mp-editor-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.mp-frontend-page .mp-editor-sidebar .mp-side-card{margin-bottom:0}body.mp-frontend-page .mp-editor-header{flex-direction:column}.mp-editor-header-meta{padding-top:0}} @media(max-width:600px){body.mp-frontend-page .mp-editor-sidebar{grid-template-columns:1fr}body.mp-frontend-page .mp-editor-main{padding:15px}body.mp-frontend-page .mp-title-input{font-size:25px!important}body.mp-frontend-page .mp-native-editor-head{align-items:flex-start;flex-direction:column}} /* v1.2.20 — News Editor layout isolation / prevent theme overlap */ body.mp-frontend-page .mp-main{box-sizing:border-box;} body.mp-frontend-page .mp-news-editor{width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box;} body.mp-frontend-page .mp-editor-layout{width:100%;box-sizing:border-box;} body.mp-frontend-page .mp-editor-main, body.mp-frontend-page .mp-editor-sidebar{min-width:0;box-sizing:border-box;} /* WordPress editor must stay inside the News Editor card. Some themes apply global positioning rules to .wp-editor-wrap/.mce-* and can pull the toolbar or iframe out of the Media Publisher layout. */ body.mp-frontend-page .mp-native-editor-wrap, body.mp-frontend-page .mp-native-editor-wrap .wp-editor-wrap, body.mp-frontend-page .mp-native-editor-wrap .wp-editor-container, body.mp-frontend-page .mp-native-editor-wrap .wp-editor-tools, body.mp-frontend-page .mp-native-editor-wrap .mce-tinymce, body.mp-frontend-page .mp-native-editor-wrap .mce-container, body.mp-frontend-page .mp-native-editor-wrap .mce-container-body{ position:relative!important; top:auto!important;left:auto!important;right:auto!important;bottom:auto!important; inset:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; box-sizing:border-box!important; float:none!important; clear:both!important; transform:none!important; } body.mp-frontend-page .mp-native-editor-wrap .wp-editor-wrap{display:block!important;height:auto!important;overflow:visible!important;} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-tools{display:block!important;min-height:36px!important;padding:0!important;overflow:visible!important;} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-tabs{position:relative!important;float:right!important;top:auto!important;right:auto!important;margin:0!important;} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-container{display:block!important;height:auto!important;overflow:visible!important;} body.mp-frontend-page .mp-native-editor-wrap .mce-tinymce{display:block!important;height:auto!important;overflow:visible!important;} body.mp-frontend-page .mp-native-editor-wrap .mce-top-part, body.mp-frontend-page .mp-native-editor-wrap .mce-edit-area, body.mp-frontend-page .mp-native-editor-wrap .mce-statusbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;} body.mp-frontend-page .mp-native-editor-wrap .mce-edit-area{width:100%!important;height:520px!important;min-height:520px!important;overflow:hidden!important;} body.mp-frontend-page .mp-native-editor-wrap .mce-edit-area iframe{ position:relative!important;display:block!important; width:100%!important;max-width:100%!important;height:520px!important;min-height:520px!important; margin:0!important;transform:none!important; } body.mp-frontend-page .mp-native-editor-wrap .quicktags-toolbar{position:relative!important;float:none!important;clear:both!important;width:100%!important;box-sizing:border-box!important;} body.mp-frontend-page .mp-native-editor-wrap .quicktags-toolbar+textarea.wp-editor-area, body.mp-frontend-page .mp-native-editor-wrap textarea.wp-editor-area{position:relative!important;display:block!important;top:auto!important;left:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;} /* Do not let the action bar cover article/revision content. */ body.mp-frontend-page .mp-news-editor .mp-sticky-actions{ position:relative!important; top:auto!important;bottom:auto!important;left:auto!important;right:auto!important; width:100%!important;box-sizing:border-box!important; margin:20px 0 8px!important; z-index:2!important; } body.mp-frontend-page .mp-news-editor{padding-bottom:4px;} @media(max-width:900px){ body.mp-frontend-page .mp-news-editor{max-width:none;} body.mp-frontend-page .mp-native-editor-wrap .mce-edit-area, body.mp-frontend-page .mp-native-editor-wrap .mce-edit-area iframe{height:460px!important;min-height:460px!important;} } /* Media Publisher 1.2.21 — Frontend visual system inspired by the supplied Media Manager reference. */ body.mp-frontend-page{ --mp-ref-bg:#f3f6fb; --mp-ref-surface:#ffffff; --mp-ref-surface-2:#f8fafd; --mp-ref-border:#e1e7f0; --mp-ref-text:#172033; --mp-ref-muted:#718096; --mp-ref-primary:#2f80ed; --mp-ref-primary-2:#4f8df7; --mp-ref-success:#16a36a; --mp-ref-warning:#e8a11a; --mp-ref-purple:#7c4dff; --mp-ref-danger:#e34d59; --mp-ref-radius:12px; --mp-ref-shadow:0 4px 18px rgba(26,45,77,.055); background:var(--mp-ref-bg)!important; color:var(--mp-ref-text)!important; } body.mp-frontend-page .mp-shell{ background:var(--mp-ref-bg)!important; color:var(--mp-ref-text)!important; font-size:13px; } body.mp-frontend-page .mp-sidebar{ background:#eef3fa!important; border-right:1px solid #e0e7f0!important; color:#526176!important; box-shadow:none!important; } body.mp-frontend-page .mp-sidebar-brand{padding:5px 9px 24px!important} body.mp-frontend-page .mp-sidebar-brand .mp-brand-mark{ width:42px;height:42px;border-radius:12px!important; background:linear-gradient(135deg,#2f80ed,#4d91f7)!important; box-shadow:0 7px 17px rgba(47,128,237,.20)!important; } body.mp-frontend-page .mp-brand-copy strong{color:#1d6fd6!important;font-size:17px!important;font-weight:800!important} body.mp-frontend-page .mp-brand-copy small{color:#8b98aa!important;font-size:9px!important;letter-spacing:.09em!important} body.mp-frontend-page .mp-side-label{color:#98a5b7!important;font-size:9px!important;letter-spacing:.14em!important;font-weight:800!important;padding:9px 10px 6px!important} body.mp-frontend-page .mp-side-nav{gap:4px!important} body.mp-frontend-page .mp-side-nav a{ min-height:38px;box-sizing:border-box;border-radius:9px!important; color:#5d6b80!important;font-size:11px!important;font-weight:750!important; padding:9px 11px!important;gap:10px!important; } body.mp-frontend-page .mp-side-nav a .mp-icon{width:17px;height:17px!important;stroke-width:1.9} body.mp-frontend-page .mp-side-nav a:hover{background:#e4edf9!important;color:#2f80ed!important} body.mp-frontend-page .mp-side-nav a.is-active{background:#dceaff!important;color:#1769db!important;box-shadow:none!important} body.mp-frontend-page .mp-side-nav a.is-active .mp-icon{stroke-width:2.2} body.mp-frontend-page .mp-side-footer{border-top:1px solid #dfe6ef!important;padding:14px 8px 4px!important} body.mp-frontend-page .mp-side-user strong{font-size:10px!important;color:#334155!important} body.mp-frontend-page .mp-side-user small{font-size:8px!important;color:#8b97a8!important} body.mp-frontend-page .mp-side-footer>a{font-size:10px!important;color:#7b8799!important} body.mp-frontend-page .mp-side-footer>a:hover{color:#e34d59!important} body.mp-frontend-page .mp-app{background:var(--mp-ref-bg)!important} body.mp-frontend-page .mp-top{ height:64px!important;box-sizing:border-box!important;padding:0 28px!important; background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e3e8f0!important; box-shadow:0 1px 9px rgba(26,45,77,.035)!important;backdrop-filter:blur(12px); } body.mp-frontend-page .mp-mobile-menu, body.mp-frontend-page .mp-icon-btn, body.mp-frontend-page .mp-collapse{ border:1px solid #e1e7ef!important;background:#fff!important;color:#64748b!important; border-radius:9px!important;box-shadow:none!important; } body.mp-frontend-page .mp-icon-btn{width:34px;height:34px;padding:0!important;display:grid!important;place-items:center!important} body.mp-frontend-page .mp-icon-btn:hover, body.mp-frontend-page .mp-mobile-menu:hover, body.mp-frontend-page .mp-collapse:hover{background:#f5f8fc!important;color:#2f80ed!important;border-color:#cfd9e7!important} body.mp-frontend-page .mp-top-context{gap:9px!important} body.mp-frontend-page .mp-top-context .mp-kicker{font-size:8px!important;color:#99a5b6!important;letter-spacing:.13em!important;font-weight:800!important} body.mp-frontend-page .mp-top-context strong{font-size:13px!important;color:#253247!important;font-weight:800!important} body.mp-frontend-page .mp-top-actions{gap:7px!important} body.mp-frontend-page .mp-user{font-size:11px!important;color:#526176!important} body.mp-frontend-page .mp-avatar{width:32px!important;height:32px!important;border:2px solid #fff;box-shadow:0 1px 6px rgba(15,23,42,.08)!important} body.mp-frontend-page .mp-notify{background:#f7f9fc!important;border-color:#e1e7ef!important} body.mp-frontend-page .mp-notify b{background:#ef6a54!important;border-color:#fff!important} body.mp-frontend-page .mp-secondary{background:#fff!important;color:#56657a!important;border:1px solid #e1e7ef!important} body.mp-frontend-page .mp-main{max-width:1280px!important;padding:28px 30px 52px!important} body.mp-frontend-page .mp-page-title-row{margin-bottom:18px!important} body.mp-frontend-page .mp-eyebrow{font-size:8px!important;line-height:1.2;color:#95a2b4!important;letter-spacing:.13em!important;font-weight:800!important} body.mp-frontend-page .mp-page-title{font-size:27px!important;line-height:1.1!important;color:#1b2638!important;letter-spacing:-.045em!important;font-weight:850!important} body.mp-frontend-page .mp-card{ background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important; box-shadow:0 4px 18px rgba(26,45,77,.055)!important;padding:18px!important;margin-bottom:14px!important; } body.mp-frontend-page .mp-card-head{margin-bottom:15px!important} body.mp-frontend-page .mp-card-head h2, body.mp-frontend-page .mp-card-head h3{font-size:14px!important;color:#243148!important;font-weight:800!important} body.mp-frontend-page .mp-card-head p{font-size:10px!important;color:#8a96a8!important} body.mp-frontend-page .mp-card-head .mp-icon, body.mp-frontend-page .mp-side-card-head>.mp-icon, body.mp-frontend-page .mp-side-card-head>span>.mp-icon{color:#2f80ed!important} body.mp-frontend-page .mp-chip{border:1px solid #e0e8f2!important;background:#f5f8fc!important;color:#718096!important;border-radius:999px!important;font-size:9px!important} body.mp-frontend-page .mp-btn{ border-radius:9px!important;padding:9px 13px!important;font-size:10px!important; box-shadow:0 6px 14px rgba(47,128,237,.14)!important;font-weight:800!important; } body.mp-frontend-page .mp-btn:hover{box-shadow:0 8px 18px rgba(47,128,237,.18)!important} body.mp-frontend-page .mp-btn .mp-icon{width:16px!important;height:16px!important} body.mp-frontend-page input, body.mp-frontend-page textarea, body.mp-frontend-page select{ border:1px solid #dfe6ef!important;border-radius:9px!important;background:#fff!important; color:#243148!important;font-size:12px!important;box-shadow:none!important; } body.mp-frontend-page input:focus, body.mp-frontend-page textarea:focus, body.mp-frontend-page select:focus{border-color:#77aaf2!important;box-shadow:0 0 0 3px rgba(47,128,237,.10)!important} body.mp-frontend-page .mp-form label, body.mp-frontend-page .mp-field>span{font-size:10px!important;color:#536176!important;font-weight:800!important} body.mp-frontend-page .mp-muted, body.mp-frontend-page .mp-field-help{font-size:10px!important;color:#8996a8!important} /* Reference-style feature tiles and statistics. */ body.mp-frontend-page .mp-stats-modern{gap:12px!important;margin-bottom:14px!important} body.mp-frontend-page .mp-stat-modern{ background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important; box-shadow:0 4px 18px rgba(26,45,77,.055)!important;padding:15px!important; } body.mp-frontend-page .mp-stat-icon{width:38px!important;height:38px!important;border-radius:11px!important} body.mp-frontend-page .mp-stat-modern strong{font-size:23px!important;color:#1e293b!important} body.mp-frontend-page .mp-stat-modern span:not(.mp-stat-icon){font-size:9px!important;color:#7b8799!important;font-weight:800!important;letter-spacing:.06em} body.mp-frontend-page .mp-dashboard-grid{gap:14px!important} body.mp-frontend-page .mp-quick-grid{gap:10px!important} body.mp-frontend-page .mp-quick-grid>a{ border:1px solid #e2e8f0!important;background:#fff!important;border-radius:11px!important; box-shadow:none!important;padding:14px!important;transition:.16s ease!important; } body.mp-frontend-page .mp-quick-grid>a:hover{border-color:#cbd9ec!important;background:#f9fbff!important;transform:translateY(-1px)} body.mp-frontend-page .mp-quick-grid>a .mp-icon{color:#2f80ed!important} body.mp-frontend-page .mp-table-wrap th{background:#f8fafd!important;color:#8794a7!important;font-size:9px!important} body.mp-frontend-page .mp-table-wrap td{font-size:11px!important;color:#445168!important} body.mp-frontend-page .mp-table-wrap th, body.mp-frontend-page .mp-table-wrap td{border-bottom-color:#edf1f6!important;padding:11px 10px!important} body.mp-frontend-page .mp-badge{font-size:9px!important;padding:5px 8px!important} /* Editor, media and workflow cards follow the same visual language. */ body.mp-frontend-page .mp-editor-layout{gap:14px!important} body.mp-frontend-page .mp-editor-main, body.mp-frontend-page .mp-editor-sidebar{min-width:0!important} body.mp-frontend-page .mp-editor-header{padding:18px 20px!important;border:1px solid #e3e8f0!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--mp-ref-shadow)!important;margin-bottom:14px!important} body.mp-frontend-page .mp-editor-header h2{font-size:18px!important;color:#243148!important} body.mp-frontend-page .mp-editor-header p{font-size:10px!important;color:#8996a8!important} body.mp-frontend-page .mp-editor-title{background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important;padding:13px!important;margin-bottom:12px!important;box-shadow:var(--mp-ref-shadow)!important} body.mp-frontend-page .mp-title-input{font-size:25px!important;font-weight:800!important;border:0!important;padding:10px!important;box-shadow:none!important;background:transparent!important} body.mp-frontend-page .mp-native-editor-card{background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important;box-shadow:var(--mp-ref-shadow)!important;overflow:hidden!important} body.mp-frontend-page .mp-native-editor-head{background:#f8fafd!important;border-bottom:1px solid #e5eaf2!important;padding:13px 15px!important} body.mp-frontend-page .mp-native-editor-head strong{font-size:12px!important;color:#243148!important} body.mp-frontend-page .mp-native-editor-head small{font-size:9px!important;color:#8a96a8!important} body.mp-frontend-page .mp-news-editor-badge{border:1px solid #dce8fa!important;background:#edf5ff!important;color:#2f80ed!important;border-radius:8px!important;font-size:9px!important;font-weight:800!important} body.mp-frontend-page .mp-side-card{ background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important; box-shadow:var(--mp-ref-shadow)!important;padding:15px!important;margin-bottom:12px!important; } body.mp-frontend-page .mp-side-card-head{gap:9px!important;margin-bottom:12px!important} body.mp-frontend-page .mp-side-card-head>span:first-child{width:31px!important;height:31px!important;border-radius:9px!important;background:#eaf3ff!important;color:#2f80ed!important;display:grid!important;place-items:center!important} body.mp-frontend-page .mp-side-card-head strong{font-size:11px!important;color:#2c3850!important} body.mp-frontend-page .mp-side-card-head small{font-size:8px!important;color:#8c98a9!important} body.mp-frontend-page .mp-media-drop{border:1px dashed #cbd8e8!important;background:#f8fafd!important;border-radius:10px!important} body.mp-frontend-page .mp-featured-preview{border-radius:9px!important} body.mp-frontend-page .mp-sticky-actions{background:rgba(255,255,255,.96)!important;border:1px solid #e1e7ef!important;border-radius:12px!important;box-shadow:0 7px 24px rgba(26,45,77,.09)!important;padding:10px 12px!important;backdrop-filter:blur(10px)} body.mp-frontend-page .mp-revision-card, body.mp-frontend-page .mp-review-actions, body.mp-frontend-page .mp-checklist, body.mp-frontend-page .mp-assignment{border-radius:12px!important} body.mp-frontend-page .mp-message{background:#f8fafd!important;border-color:#e2e8f0!important;border-radius:10px!important} body.mp-frontend-page .mp-message p{font-size:11px!important;color:#526176!important} body.mp-frontend-page .mp-media-item{background:#fff!important;border:1px solid #e3e8f0!important;border-radius:11px!important;box-shadow:var(--mp-ref-shadow)!important} /* Section icon accents, echoing the supplied reference without changing markup. */ body.mp-frontend-page .mp-card-head>div:first-child:has(.mp-eyebrow) .mp-eyebrow:before, body.mp-frontend-page .mp-side-card-head>span:first-child:before{content:none} body.mp-frontend-page .mp-link{font-size:10px!important;color:#2f80ed!important;font-weight:800!important} body.mp-frontend-page .mp-alert{font-size:11px!important;border-radius:10px!important} /* Dark mode keeps the same component geometry and accent language. */ body.mp-frontend-page .mp-shell[data-mp-theme="dark"]{ --mp-ref-bg:#0f1724;--mp-ref-surface:#172131;--mp-ref-surface-2:#111b2b; --mp-ref-border:#293548;--mp-ref-text:#e7edf7;--mp-ref-muted:#9aa9bd; background:#0f1724!important;color:#e7edf7!important; } body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-sidebar{background:#111b2b!important;border-right-color:#263246!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-side-nav a{color:#9aa9bd!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-side-nav a:hover{background:#1b2940!important;color:#fff!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-side-nav a.is-active{background:#193762!important;color:#78adff!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-app{background:#0f1724!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-top{background:rgba(17,27,43,.96)!important;border-bottom-color:#263246!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-top-context strong, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-page-title, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-card-head h2, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-card-head h3, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-side-card-head strong, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-title-input{color:#edf3fb!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-icon-btn, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-mobile-menu, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-collapse, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-secondary{background:#172131!important;border-color:#304057!important;color:#c4cfdd!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-card, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-stat-modern, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-quick-grid>a, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editor-header, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editor-title, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-card, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-side-card, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-media-item{background:#172131!important;border-color:#293548!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-native-editor-head{background:#111b2b!important;border-bottom-color:#293548!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] input, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] textarea, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] select{background:#111b2b!important;border-color:#304057!important;color:#e5edf8!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-media-drop{background:#111b2b!important;border-color:#3a4a62!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-sticky-actions{background:rgba(17,27,43,.96)!important;border-color:#293548!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-message{background:#111b2b!important;border-color:#304057!important} @media(max-width:1050px){body.mp-frontend-page .mp-main{padding-left:20px!important;padding-right:20px!important}} @media(max-width:800px){body.mp-frontend-page .mp-main{padding:22px 14px 88px!important}body.mp-frontend-page .mp-top{padding:0 14px!important}.mp-title-input{font-size:22px!important}} /* Media Publisher 1.2.23 — Frontend typography normalization + visual editor only */ body.mp-frontend-page .mp-shell{font-size:14px!important;line-height:1.45!important} body.mp-frontend-page .mp-side-label{font-size:10px!important} body.mp-frontend-page .mp-side-nav a{font-size:12px!important} body.mp-frontend-page .mp-side-user strong{font-size:11px!important} body.mp-frontend-page .mp-side-user small{font-size:9px!important} body.mp-frontend-page .mp-side-footer>a{font-size:11px!important} body.mp-frontend-page .mp-top-context strong{font-size:14px!important} body.mp-frontend-page .mp-top-context .mp-kicker{font-size:9px!important} body.mp-frontend-page .mp-page-title{font-size:24px!important} body.mp-frontend-page .mp-eyebrow{font-size:10px!important} body.mp-frontend-page .mp-card-head h2{font-size:15px!important} body.mp-frontend-page .mp-card-head p{font-size:11px!important} body.mp-frontend-page .mp-card{font-size:13px!important} body.mp-frontend-page .mp-btn{font-size:11px!important} body.mp-frontend-page .mp-link,.mp-row-action{font-size:11px!important} body.mp-frontend-page .mp-field>span{font-size:11px!important} body.mp-frontend-page .mp-field-help{font-size:10px!important} body.mp-frontend-page .mp-editor-header h2{font-size:22px!important} body.mp-frontend-page .mp-editor-header p{font-size:11px!important} body.mp-frontend-page .mp-title-input{font-size:28px!important;line-height:1.15!important} body.mp-frontend-page .mp-excerpt-field textarea{font-size:13px!important;line-height:1.35!important} body.mp-frontend-page .mp-native-editor-head strong{font-size:13px!important} body.mp-frontend-page .mp-native-editor-head small{font-size:10px!important} body.mp-frontend-page .mp-native-editor-wrap .mce-tinymce{font-size:13px!important} body.mp-frontend-page .mp-native-editor-wrap textarea.wp-editor-area{font-size:15px!important;line-height:1.0!important} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-wrap .mce-content-body{font-size:15px!important;line-height:1.0!important} body.mp-frontend-page .mp-native-editor-wrap .quicktags-toolbar{display:none!important} body.mp-frontend-page .mp-native-editor-wrap .wp-editor-tools .wp-editor-tabs{display:none!important} body.mp-frontend-page .mp-native-editor-readonly{font-size:15px!important;line-height:1.0!important} body.mp-frontend-page .mp-editor-hint{font-size:11px!important} body.mp-frontend-page .mp-side-card-head strong{font-size:13px!important} body.mp-frontend-page .mp-side-card-head small{font-size:10px!important} body.mp-frontend-page .mp-stat-modern strong{font-size:21px!important} body.mp-frontend-page .mp-stat-modern span:not(.mp-stat-icon){font-size:10px!important} body.mp-frontend-page input,body.mp-frontend-page textarea,body.mp-frontend-page select{font-size:13px!important} @media(max-width:600px){body.mp-frontend-page .mp-page-title{font-size:21px!important}body.mp-frontend-page .mp-title-input{font-size:24px!important}} /* Media Publisher 1.2.24 — inherit the active theme typography on frontend. * The Fah/Janah source used by the site declares Rethink Sans as the body font; * the native editor iframe uses the same family with safe system fallbacks. */ body.mp-frontend-page .mp-shell, body.mp-frontend-page .mp-shell input, body.mp-frontend-page .mp-shell textarea, body.mp-frontend-page .mp-shell select, body.mp-frontend-page .mp-shell button { font-family: inherit !important; } body.mp-frontend-page .mp-native-editor-wrap .mce-content-body { font-family: 'Rethink Sans','Google Sans Display',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important; } /* Media Publisher 1.2.25 — News Editor patterned after the supplied Vue/Vuetify + Quill reference. */ body.mp-frontend-page .mp-news-editor .mp-editor-main{min-width:0} body.mp-frontend-page .mp-rbsm-input-wrap{margin:0 0 22px!important} body.mp-frontend-page .mp-rbsm-input-title{margin:0 0 7px!important;font-size:14px!important;line-height:1.35!important;font-weight:700!important;color:var(--mp-ref-text,#243148)!important} body.mp-frontend-page .mp-rbsm-input-title .mp-icon{width:16px!important;height:16px!important;vertical-align:-3px!important;margin-right:4px!important} body.mp-frontend-page .mp-rbsm-input-hint{margin:0 0 10px!important;font-size:11px!important;line-height:1.55!important;color:var(--mp-ref-muted,#69778c)!important} body.mp-frontend-page .mp-rbsm-input{display:block!important;width:100%!important;box-sizing:border-box!important;border:1px solid #b9c1cb!important;border-radius:4px!important;background:#fff!important;color:#243148!important;font-family:inherit!important;font-size:14px!important;line-height:1.45!important;outline:none!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important} body.mp-frontend-page .mp-rbsm-input:focus{border-color:#2f80ed!important;box-shadow:0 0 0 2px rgba(47,128,237,.10)!important} body.mp-frontend-page .mp-rbsm-input::placeholder{color:#8d98a6!important} body.mp-frontend-page input.mp-rbsm-input{height:46px!important;padding:0 13px!important} body.mp-frontend-page textarea.mp-rbsm-input{min-height:82px!important;padding:12px 13px!important;resize:vertical!important} body.mp-frontend-page .mp-quill-shell{border:1px solid #b9c1cb!important;border-radius:4px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important} body.mp-frontend-page .mp-quill-toolbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:2px!important;min-height:42px!important;padding:5px 7px!important;border-bottom:1px solid #d9dfe6!important;background:#fff!important;color:#3f4b5c!important} body.mp-frontend-page .mp-qf{display:inline-flex!important;align-items:center!important;gap:1px!important;padding:0 4px!important;border-right:1px solid #e4e8ed!important} body.mp-frontend-page .mp-qf:last-child{border-right:0!important} body.mp-frontend-page .mp-q-btn{width:30px!important;height:30px!important;display:inline-grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#4a5666!important;cursor:pointer!important;box-shadow:none!important} body.mp-frontend-page .mp-q-btn:hover{background:#edf3fa!important;color:#216fca!important} body.mp-frontend-page .mp-q-btn:active{background:#e1ecf8!important} body.mp-frontend-page .mp-q-btn svg{width:17px!important;height:17px!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:0!important} body.mp-frontend-page .mp-q-select{height:30px!important;min-width:82px!important;padding:0 24px 0 7px!important;border:0!important;background:#fff!important;color:#4a5666!important;font-family:inherit!important;font-size:12px!important;outline:none!important;cursor:pointer!important} body.mp-frontend-page .mp-quill-editor{min-height:440px!important;padding:18px 18px 26px!important;outline:none!important;background:#fff!important;color:var(--mp-ref-text,#243148)!important;font-family:inherit!important;font-size:15px!important;line-height:1.0!important;overflow:auto!important} body.mp-frontend-page .mp-quill-editor:empty:before{content:attr(data-placeholder);color:#9ba5b2;pointer-events:none;font-style:italic} body.mp-frontend-page .mp-quill-editor p{margin:0 0 10px!important;line-height:1.0!important} body.mp-frontend-page .mp-quill-editor h2{font-size:1.45em!important;line-height:1.15!important;margin:16px 0 8px!important} body.mp-frontend-page .mp-quill-editor h3{font-size:1.25em!important;line-height:1.15!important;margin:15px 0 7px!important} body.mp-frontend-page .mp-quill-editor h4{font-size:1.1em!important;line-height:1.15!important;margin:13px 0 7px!important} body.mp-frontend-page .mp-quill-editor h5,body.mp-frontend-page .mp-quill-editor h6{line-height:1.15!important;margin:12px 0 6px!important} body.mp-frontend-page .mp-quill-editor blockquote{margin:12px 0!important;padding:8px 14px!important;border-left:3px solid #2f80ed!important;background:#f5f9ff!important;color:#526176!important} body.mp-frontend-page .mp-quill-editor ul,body.mp-frontend-page .mp-quill-editor ol{margin:8px 0 10px 24px!important;padding:0!important} body.mp-frontend-page .mp-quill-editor a{color:#2f80ed!important;text-decoration:underline!important} body.mp-frontend-page .mp-quill-editor img{max-width:100%!important;height:auto!important;border-radius:6px!important} body.mp-frontend-page .mp-rich-editor-sync{display:none!important} body.mp-frontend-page .mp-quill-shell.is-readonly .mp-quill-toolbar{display:none!important} body.mp-frontend-page .mp-quill-shell.is-readonly .mp-quill-editor{min-height:180px!important;cursor:default!important} body.mp-frontend-page .mp-news-editor .mp-editor-sidebar{min-width:0} body.mp-frontend-page .mp-news-editor .mp-editor-hint{font-size:10px!important;color:#8290a3!important;margin-top:8px!important} @media(max-width:800px){body.mp-frontend-page .mp-quill-toolbar{gap:0!important;padding:4px!important}body.mp-frontend-page .mp-qf{padding:0 2px!important}body.mp-frontend-page .mp-q-btn{width:28px!important;height:28px!important}body.mp-frontend-page .mp-quill-editor{min-height:360px!important;padding:14px!important}} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-rbsm-input{background:#111b2b!important;border-color:#304057!important;color:#e7edf7!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-rbsm-input::placeholder{color:#7f8da1!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-quill-shell,body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-quill-toolbar,body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-q-select,body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-quill-editor{background:#111b2b!important;color:#e7edf7!important;border-color:#304057!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-quill-toolbar{border-bottom-color:#304057!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-q-btn{color:#aab8ca!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-q-btn:hover{background:#1b2940!important;color:#78adff!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-quill-editor blockquote{background:#16253a!important;color:#aab8ca!important} /* v1.2.26: News Editor metadata labels use normal weight. */ body.mp-frontend-page .mp-news-editor .mp-editor-sidebar .mp-field>span{font-weight:400!important;} /* v1.2.27 — wide-screen and mobile navigation hardening. */ @media (min-width:1280px){ body.mp-frontend-page .mp-main{max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:36px!important;padding-right:36px!important;} body.mp-frontend-page .mp-editor-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:20px!important;} body.mp-frontend-page .mp-dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr)!important;} } @media (min-width:1600px){ body.mp-frontend-page .mp-main{max-width:1520px!important;} body.mp-frontend-page .mp-top{padding-left:max(28px,calc((100vw - 1520px)/2 + 36px))!important;padding-right:max(28px,calc((100vw - 1520px)/2 + 36px))!important;} } body.mp-frontend-page .mp-editor-layout>*{min-width:0!important;} body.mp-frontend-page .mp-mobile-backdrop{display:none;} @media (max-width:800px){ html.mp-menu-lock,html.mp-menu-lock body{overflow:hidden!important;} body.mp-frontend-page .mp-mobile-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(2px);z-index:75;display:none;} body.mp-frontend-page .mp-shell.mp-menu-open .mp-mobile-backdrop{display:block;} body.mp-frontend-page .mp-sidebar{z-index:90!important;max-width:calc(100vw - 52px)!important;} body.mp-frontend-page .mp-mobile-nav{z-index:70!important;} body.mp-frontend-page .mp-top{z-index:80!important;} body.mp-frontend-page .mp-top-actions{min-width:0;} body.mp-frontend-page .mp-top-actions .mp-icon-btn{flex:none;} body.mp-frontend-page .mp-main{width:100%!important;box-sizing:border-box!important;overflow:hidden!important;} } @media (max-width:480px){ body.mp-frontend-page .mp-top{padding-left:10px!important;padding-right:10px!important;} body.mp-frontend-page .mp-mobile-menu{width:36px!important;height:36px!important;flex:none;} body.mp-frontend-page .mp-top-actions{gap:5px!important;} body.mp-frontend-page .mp-top-actions .mp-secondary{min-width:36px!important;} body.mp-frontend-page .mp-page-title-row{margin-bottom:18px!important;} } /* Auth pages intentionally have no Media Publisher top header. */ body.mp-frontend-page .mp-auth-shell .mp-main{max-width:620px!important;} /* v1.2.28 — modern frontend auth title/subtitle and minimal background. */ body.mp-frontend-page .mp-auth-shell{ position:relative!important; isolation:isolate!important; min-height:100vh!important; overflow:hidden!important; background: radial-gradient(circle at 12% 14%,rgba(47,128,237,.10),transparent 30%), radial-gradient(circle at 88% 82%,rgba(79,70,229,.08),transparent 28%), linear-gradient(180deg,#f7faff 0%,#f4f7fb 100%)!important; } body.mp-frontend-page .mp-auth-shell .mp-main{ position:relative!important; z-index:2!important; width:min(100% - 32px,620px)!important; max-width:620px!important; min-height:100vh!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; justify-content:center!important; padding:52px 0 70px!important; margin:0 auto!important; } body.mp-frontend-page .mp-auth-intro{ position:relative!important; text-align:center!important; margin:0 auto 22px!important; max-width:520px!important; } body.mp-frontend-page .mp-auth-logo{ display:flex!important; justify-content:center!important; margin:0 0 14px!important; } body.mp-frontend-page .mp-auth-logo .mp-brand-mark{ width:46px!important; height:46px!important; border-radius:14px!important; display:grid!important; place-items:center!important; color:#fff!important; background:linear-gradient(135deg,#2f80ed,#4f46e5)!important; box-shadow:0 12px 28px rgba(47,128,237,.20)!important; } body.mp-frontend-page .mp-auth-intro h1{ margin:0!important; color:#172033!important; font-size:clamp(25px,4vw,32px)!important; line-height:1.12!important; letter-spacing:-.035em!important; font-weight:800!important; } body.mp-frontend-page .mp-auth-intro p{ margin:9px auto 0!important; max-width:470px!important; color:#718096!important; font-size:13px!important; line-height:1.55!important; font-weight:400!important; } body.mp-frontend-page .mp-auth-shell>.mp-auth-bg-shape{ position:absolute!important; pointer-events:none!important; z-index:0!important; border:1px solid rgba(47,128,237,.08)!important; border-radius:50%!important; } body.mp-frontend-page .mp-auth-shell .mp-auth-bg-shape-a{ width:420px!important;height:420px!important; left:-230px!important;top:-190px!important; background:rgba(255,255,255,.42)!important; } body.mp-frontend-page .mp-auth-shell .mp-auth-bg-shape-b{ width:360px!important;height:360px!important; right:-200px!important;bottom:-190px!important; background:rgba(255,255,255,.48)!important; } body.mp-frontend-page .mp-auth-shell .mp-card{ position:relative!important; z-index:3!important; width:100%!important; box-sizing:border-box!important; background:rgba(255,255,255,.94)!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:16px!important; box-shadow:0 18px 45px rgba(26,45,77,.075)!important; backdrop-filter:blur(10px)!important; } body.mp-frontend-page .mp-auth-shell .mp-form label{font-weight:600!important;color:#3b4658!important} body.mp-frontend-page .mp-auth-shell .mp-form input, body.mp-frontend-page .mp-auth-shell .mp-form textarea, body.mp-frontend-page .mp-auth-shell .mp-form select{border-radius:10px!important;background:#fff!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"].mp-auth-shell{ background: radial-gradient(circle at 12% 14%,rgba(47,128,237,.14),transparent 30%), radial-gradient(circle at 88% 82%,rgba(99,102,241,.11),transparent 28%), linear-gradient(180deg,#0d1522 0%,#101a29 100%)!important; } body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-auth-intro h1{color:#edf3fb!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-auth-intro p{color:#9aa9bd!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"].mp-auth-shell .mp-card{background:rgba(23,33,49,.95)!important;border-color:#293548!important;box-shadow:0 18px 45px rgba(0,0,0,.20)!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-auth-shell .mp-form label{color:#cbd5e1!important} @media(max-width:600px){ body.mp-frontend-page .mp-auth-shell .mp-main{width:min(100% - 24px,620px)!important;padding:38px 0 48px!important} body.mp-frontend-page .mp-auth-intro{margin-bottom:18px!important} body.mp-frontend-page .mp-auth-intro h1{font-size:25px!important} body.mp-frontend-page .mp-auth-intro p{font-size:12px!important;padding:0 12px!important} body.mp-frontend-page .mp-auth-logo .mp-brand-mark{width:42px!important;height:42px!important} body.mp-frontend-page .mp-auth-shell .mp-card{border-radius:14px!important} } /* v1.2.29 — compact portrait auth layout. */ body.mp-frontend-page .mp-auth-shell .mp-main{ width:min(100% - 32px,440px)!important; max-width:440px!important; } body.mp-frontend-page .mp-auth-shell .mp-card{ width:100%!important; max-width:440px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } body.mp-frontend-page .mp-auth-shell .mp-form{ padding:26px!important; } body.mp-frontend-page .mp-auth-shell .mp-grid2{ grid-template-columns:1fr!important; gap:0!important; } @media(max-width:600px){ body.mp-frontend-page .mp-auth-shell .mp-main{ width:min(100% - 24px,440px)!important; max-width:440px!important; padding:34px 0 44px!important; } body.mp-frontend-page .mp-auth-shell .mp-form{padding:21px!important;} } /* v1.2.30 — modern minimal SVG ambience, auth icons and refined links. */ body.mp-frontend-page .mp-shell{position:relative!important;isolation:isolate!important;overflow:hidden!important} body.mp-frontend-page .mp-shell:before,body.mp-frontend-page .mp-shell:after{content:""!important;position:absolute!important;pointer-events:none!important;z-index:0!important;border-radius:999px!important;filter:blur(2px)!important;opacity:.55!important;will-change:transform!important} body.mp-frontend-page .mp-shell:before{width:360px!important;height:360px!important;left:-180px!important;top:8%!important;background:radial-gradient(circle,rgba(47,128,237,.11) 0,rgba(47,128,237,.045) 38%,transparent 72%)!important;animation:mpSoftGlowA 13s ease-in-out infinite alternate!important} body.mp-frontend-page .mp-shell:after{width:420px!important;height:420px!important;right:-210px!important;bottom:4%!important;background:radial-gradient(circle,rgba(124,77,255,.09) 0,rgba(99,102,241,.035) 40%,transparent 72%)!important;animation:mpSoftGlowB 16s ease-in-out infinite alternate!important} body.mp-frontend-page .mp-shell > *{position:relative;z-index:1} body.mp-frontend-page .mp-auth-shell{background:radial-gradient(circle at 16% 18%,rgba(47,128,237,.08),transparent 28%),radial-gradient(circle at 86% 78%,rgba(124,77,255,.07),transparent 30%),linear-gradient(180deg,#f8fbff 0%,#f4f7fb 52%,#f8fafc 100%)!important} body.mp-frontend-page .mp-auth-shell .mp-auth-logo .mp-brand-mark{width:52px!important;height:52px!important;border-radius:16px!important;color:#fff!important;background:linear-gradient(135deg,#2f80ed,#6366f1)!important;box-shadow:0 10px 26px rgba(47,128,237,.20),0 0 0 7px rgba(47,128,237,.055)!important;animation:mpAuthIconFloat 5s ease-in-out infinite!important} body.mp-frontend-page .mp-auth-shell .mp-auth-logo .mp-icon{width:25px!important;height:25px!important;stroke-width:1.75!important} body.mp-frontend-page .mp-auth-shell .mp-auth-intro h1{letter-spacing:-.035em!important} body.mp-frontend-page .mp-auth-shell .mp-auth-intro p{max-width:390px!important;margin-left:auto!important;margin-right:auto!important} body.mp-frontend-page a:not(.mp-btn){color:#4f6f9f!important;text-decoration:none!important;transition:color .18s ease,opacity .18s ease!important} body.mp-frontend-page a:not(.mp-btn):hover{color:#2563eb!important} body.mp-frontend-page a:not(.mp-btn):active{color:#1d4ed8!important} body.mp-frontend-page .mp-auth-shell .mp-btn{min-height:44px!important} body.mp-frontend-page .mp-auth-shell .mp-btn .mp-icon{width:17px!important;height:17px!important;stroke-width:1.9!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"]:before{background:radial-gradient(circle,rgba(47,128,237,.16) 0,rgba(47,128,237,.06) 38%,transparent 72%)!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"]:after{background:radial-gradient(circle,rgba(129,140,248,.13) 0,rgba(99,102,241,.05) 40%,transparent 72%)!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"].mp-auth-shell{background:radial-gradient(circle at 16% 18%,rgba(47,128,237,.13),transparent 28%),radial-gradient(circle at 86% 78%,rgba(124,77,255,.11),transparent 30%),linear-gradient(180deg,#0d1522 0%,#101a29 100%)!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] a:not(.mp-btn){color:#8fb2e5!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] a:not(.mp-btn):hover{color:#a9c9ff!important} @keyframes mpSoftGlowA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(45px,22px,0) scale(1.12)}} @keyframes mpSoftGlowB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-35px,-25px,0) scale(1.08)}} @keyframes mpAuthIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} @media(prefers-reduced-motion:reduce){body.mp-frontend-page .mp-shell:before,body.mp-frontend-page .mp-shell:after,body.mp-frontend-page .mp-auth-shell .mp-auth-logo .mp-brand-mark{animation:none!important}} /* v1.2.31 — admin settings refinement. */ .mp-admin-menu-table-wrap{overflow-x:auto;margin:14px 0 4px} .mp-admin-menu-table{min-width:860px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff} .mp-admin-menu-table th{font-size:11px;font-weight:800;color:#475569;background:#f8fafc;padding:11px 10px;white-space:nowrap} .mp-admin-menu-table td{font-size:11px;padding:10px;border-top:1px solid #edf1f5;vertical-align:middle} .mp-admin-menu-table td:not(:first-child){text-align:center} .mp-menu-check{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#64748b;cursor:pointer} .mp-menu-check input{margin:0!important} .mp-menu-check span{font-weight:700} .mp-admin-email-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 16px} .mp-admin-email-grid .mp-admin-email{max-width:none;width:auto;padding:16px;margin:0;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035);box-sizing:border-box} .mp-admin-email-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} .mp-admin-email-head h3{margin:0;font-size:13px} .mp-admin-email-head label{font-size:10px;white-space:nowrap;color:#64748b} .mp-admin-email input[type=text],.mp-admin-email textarea{width:100%;box-sizing:border-box} .mp-admin-email .description{font-size:9px;color:#94a3b8} body.mp-frontend-page .mp-auth-shell .mp-reset-card .mp-form{padding:18px!important} body.mp-frontend-page .mp-auth-shell .mp-reset-card .mp-form label{margin-bottom:12px!important} body.mp-frontend-page .mp-auth-shell .mp-reset-card .mp-auth-backlink{margin:12px 18px 0!important} @media(max-width:1100px){.mp-admin-email-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.mp-admin-email-grid{grid-template-columns:1fr}.mp-admin-menu-table{min-width:780px}} /* v1.2.33 — Editorial Controls: permalink, featured image & publishing readiness */ body.mp-frontend-page .mp-editorial-controls-form{border-radius:16px!important;padding:18px!important} body.mp-frontend-page .mp-editorial-controls-form>.mp-card-head{margin-bottom:16px!important} body.mp-frontend-page .mp-editorial-controls-form>.mp-card-head h2{display:flex;align-items:center;gap:8px} body.mp-frontend-page .mp-editorial-controls-form>.mp-card-head h2 .mp-icon{width:18px;color:#2f80ed} body.mp-frontend-page .mp-editorial-controls-form>.mp-card-head p{margin:5px 0 0!important;color:#8a97a8!important;font-size:11px!important} body.mp-frontend-page .mp-editorial-controls-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;align-items:stretch;margin-bottom:16px} body.mp-frontend-page .mp-editorial-control-main{min-width:0} body.mp-frontend-page .mp-editorial-control-main .mp-field{padding:13px;border:1px solid #e6ebf2;border-radius:13px;background:#fbfcfe;margin-bottom:12px} body.mp-frontend-page .mp-editorial-control-main .mp-field>span{display:flex;align-items:center;gap:6px;font-weight:650!important;color:#40506a!important} body.mp-frontend-page .mp-editorial-control-main .mp-field>span .mp-icon{width:14px;color:#2f80ed} body.mp-frontend-page .mp-slug-row{display:flex;align-items:stretch;min-width:0;border:1px solid #dfe6ef;border-radius:10px;background:#fff;overflow:hidden} body.mp-frontend-page .mp-slug-prefix{display:flex;align-items:center;padding:0 9px;background:#f3f6fa;color:#8a97a8;font-size:10px;white-space:nowrap;border-right:1px solid #e3e8ef} body.mp-frontend-page .mp-slug-row input{border:0!important;box-shadow:none!important;border-radius:0!important;min-width:0!important;margin:0!important;font-size:11px!important;background:#fff!important} body.mp-frontend-page .mp-field-help{display:block;margin-top:6px;color:#94a1b2;font-size:9px} body.mp-frontend-page .mp-editorial-media{border:1px dashed #ccd6e3;border-radius:12px;background:#fff;padding:9px} body.mp-frontend-page .mp-editorial-featured-preview{display:block;width:100%;height:150px;object-fit:cover;border-radius:9px} body.mp-frontend-page .mp-editorial-media-empty{height:120px;border-radius:9px;background:#f7f9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#94a1b2} body.mp-frontend-page .mp-editorial-media-empty .mp-icon{color:#2f80ed;width:28px} body.mp-frontend-page .mp-editorial-media-empty strong{font-size:10px;color:#627086} body.mp-frontend-page .mp-editorial-media-empty small{font-size:9px} body.mp-frontend-page .mp-editorial-media-actions{padding-top:8px} body.mp-frontend-page .mp-editorial-media-actions input{width:100%;font-size:9px!important;margin:0!important} body.mp-frontend-page .mp-editorial-media-actions small{display:block;margin-top:5px;color:#94a1b2;font-size:8px} body.mp-frontend-page .mp-editorial-readiness{border:1px solid #e1e8f1;border-radius:13px;background:linear-gradient(145deg,#f9fbff,#f4f8fc);padding:15px;display:flex;flex-direction:column;justify-content:center} body.mp-frontend-page .mp-editorial-readiness-head{display:flex;align-items:center;justify-content:space-between;gap:10px} body.mp-frontend-page .mp-editorial-readiness-head>div{display:flex;flex-direction:column;gap:5px} body.mp-frontend-page .mp-editorial-readiness-head .mp-eyebrow{font-size:8px!important;margin:0!important;color:#8b98aa!important} body.mp-frontend-page .mp-editorial-readiness-head strong{display:flex;align-items:center;gap:5px;font-size:12px;color:#334155} body.mp-frontend-page .mp-editorial-readiness-head strong .mp-icon{width:14px;color:#2f80ed} body.mp-frontend-page .mp-editorial-readiness-head>b{font-size:22px;color:#2f80ed;letter-spacing:-.04em} body.mp-frontend-page .mp-readiness-bar{height:6px;border-radius:999px;background:#e5ebf3;overflow:hidden;margin:14px 0} body.mp-frontend-page .mp-readiness-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#2563eb);transition:width .3s ease} body.mp-frontend-page .mp-readiness-list{display:grid;grid-template-columns:1fr 1fr;gap:7px} body.mp-frontend-page .mp-readiness-list span{display:flex;align-items:center;gap:5px;color:#8a97a8;font-size:9px} body.mp-frontend-page .mp-readiness-list span .mp-icon{width:12px;color:#a3afbd} body.mp-frontend-page .mp-readiness-list span.is-ready{color:#536176} body.mp-frontend-page .mp-readiness-list span.is-ready .mp-icon{color:#16a34a} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editorial-control-main .mp-field{background:#111a28;border-color:#263449} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-slug-row, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-slug-row input, body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editorial-media{background:#0f1724!important} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-slug-prefix{background:#182233;border-color:#263449} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editorial-readiness{background:linear-gradient(145deg,#111a28,#0e1725);border-color:#263449} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editorial-readiness-head strong{color:#dbe5f2} body.mp-frontend-page .mp-shell[data-mp-theme="dark"] .mp-editorial-media-empty{background:#162132} @media(max-width:800px){body.mp-frontend-page .mp-editorial-controls-grid{grid-template-columns:1fr}} @media(max-width:520px){body.mp-frontend-page .mp-slug-row{display:block}.mp-slug-prefix{min-height:32px;border-right:0;border-bottom:1px solid #e3e8ef}.mp-readiness-list{grid-template-columns:1fr!important}} /* v1.2.38 — clean frontend layout reset. * Do not make body/mp-shell fixed or absolute. The app already has a fixed sidebar; * the shell itself must remain in normal document flow so Fah cannot create a * split coordinate system between sidebar and topbar. */ html body.mp-app-page{ margin:0!important; padding:0!important; width:100%!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:auto!important; position:relative!important; } body.mp-app-page .background-overlay, body.mp-app-page #tie-container, body.mp-app-page #tie-wrapper, body.mp-app-page #content, body.mp-app-page #content.site-content, body.mp-app-page #main-content-row, body.mp-app-page #main-content-row>.main-content, body.mp-app-page #the-post, body.mp-app-page #the-post.container-wrapper, body.mp-app-page .entry-content{ position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; float:none!important; transform:none!important; box-sizing:border-box!important; overflow:visible!important; } body.mp-app-page .mp-shell, body.mp-app-page .mp-shell.mp-app-shell-active{ position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; min-height:100vh!important; margin:0!important; padding:0!important; display:block!important; overflow:visible!important; transform:none!important; box-sizing:border-box!important; z-index:auto!important; } body.mp-app-page .mp-shell .mp-sidebar{ position:fixed!important; top:0!important; right:auto!important; bottom:0!important; left:0!important; width:var(--mp-sidebar)!important; height:100vh!important; height:100dvh!important; min-height:0!important; margin:0!important; transform:none!important; z-index:1000!important; box-sizing:border-box!important; } body.mp-app-page .mp-shell .mp-app{ position:relative!important; inset:auto!important; width:auto!important; min-width:0!important; height:auto!important; min-height:100vh!important; margin:0 0 0 var(--mp-sidebar)!important; padding:0!important; overflow:visible!important; transform:none!important; box-sizing:border-box!important; } body.mp-app-page .mp-shell .mp-top{ position:sticky!important; top:0!important; z-index:900!important; margin:0!important; } body.mp-app-page .mp-shell .mp-main{ position:relative!important; height:auto!important; min-height:calc(100vh - var(--mp-top,64px))!important; overflow:visible!important; margin:0 auto!important; box-sizing:border-box!important; } @media(max-width:1050px){ body.mp-app-page .mp-shell .mp-sidebar{width:82px!important} body.mp-app-page .mp-shell .mp-app{margin-left:82px!important} } @media(max-width:800px){ body.mp-app-page .mp-shell .mp-sidebar{width:270px!important;transform:translateX(-105%)!important;z-index:1200!important} body.mp-app-page .mp-shell.mp-menu-open .mp-sidebar{transform:translateX(0)!important} body.mp-app-page .mp-shell .mp-app{margin-left:0!important} body.mp-app-page .mp-shell .mp-top{position:sticky!important;top:0!important;z-index:900!important} } /* v1.2.39: move desktop sidebar collapse control into the topbar to avoid overlap. */ body.mp-frontend-page .mp-top{display:flex!important;align-items:center!important;} body.mp-frontend-page .mp-top .mp-collapse{position:static!important;inset:auto!important;flex:0 0 38px;width:38px!important;height:38px!important;margin:0 4px 0 0!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;color:#64748b!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;} body.mp-frontend-page .mp-top .mp-collapse .mp-icon{width:17px;height:17px;} body.mp-frontend-page .mp-top .mp-collapse:hover{background:#f5f8fc!important;color:#2563eb!important;border-color:#cfd9e7!important;} body.mp-frontend-page .mp-top .mp-mobile-menu{display:none!important;} @media(max-width:800px){body.mp-frontend-page .mp-top .mp-collapse{display:none!important;}body.mp-frontend-page .mp-top .mp-mobile-menu{display:grid!important;place-items:center!important;flex:0 0 38px;width:38px;height:38px;}} /* v1.2.42: subtle animated desktop sidebar collapse. */ @media(min-width:801px){ body.mp-frontend-page .mp-shell .mp-sidebar, body.mp-frontend-page .mp-shell .mp-app{ transition:width .28s cubic-bezier(.2,.7,.2,1), margin-left .28s cubic-bezier(.2,.7,.2,1); will-change:width,margin-left; } body.mp-frontend-page .mp-shell .mp-brand-copy, body.mp-frontend-page .mp-shell .mp-side-label, body.mp-frontend-page .mp-shell .mp-side-nav a span, body.mp-frontend-page .mp-shell .mp-side-user div, body.mp-frontend-page .mp-shell .mp-side-footer>a span{ max-width:180px; opacity:1; overflow:hidden; transition:max-width .2s ease,opacity .16s ease,transform .2s ease; transform:translateX(0); } body.mp-frontend-page .mp-shell .mp-sidebar-brand, body.mp-frontend-page .mp-shell .mp-side-nav a, body.mp-frontend-page .mp-shell .mp-side-footer{ transition:justify-content .2s ease,align-items .2s ease; } body.mp-frontend-page .mp-top .mp-collapse .mp-icon{ transition:transform .28s cubic-bezier(.2,.7,.2,1),color .2s ease; transform-origin:50% 50%; } body.mp-frontend-page .mp-top .mp-collapse:active .mp-icon{transform:scale(.9);} body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-sidebar{width:82px!important} body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-app{margin-left:82px!important} body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-brand-copy, body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-side-label, body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-side-nav a span, body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-side-user div, body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-side-footer>a span{ max-width:0!important; opacity:0!important; transform:translateX(-6px); } body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-sidebar-brand{justify-content:center!important} body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-side-nav a{justify-content:center!important} body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-side-footer{align-items:center!important} body.mp-frontend-page .mp-shell.mp-sidebar-collapsed .mp-top .mp-collapse .mp-icon{transform:rotate(180deg);} } @media(prefers-reduced-motion:reduce){ body.mp-frontend-page .mp-shell .mp-sidebar, body.mp-frontend-page .mp-shell .mp-app, body.mp-frontend-page .mp-shell .mp-brand-copy, body.mp-frontend-page .mp-shell .mp-side-label, body.mp-frontend-page .mp-shell .mp-side-nav a span, body.mp-frontend-page .mp-shell .mp-side-user div, body.mp-frontend-page .mp-shell .mp-side-footer>a span, body.mp-frontend-page .mp-top .mp-collapse .mp-icon{transition:none!important} }