/* Legacy feature layout. Visual ownership: interface.css. */
@layer legacy {
:root{--bg-950:#080b10;--bg-900:#10151c;--surface-1:#111820;--surface-2:#18212b;--premium:#b49af0;--premium-soft:#b49af015;--info:#70cae2;--warning:#e3b360;--danger:#ed8585}
body .config-card,body .manager-card,body .dashboard-card,body .stat-card{background:linear-gradient(145deg,#141c24,#0e141c);border-color:#2a3541;border-radius:14px;box-shadow:0 12px 36px #0002}
body{background:var(--bg-950)}
body:is([data-config-section="automod"],[data-config-section="security"]) .config-card{background:linear-gradient(145deg,#141c24,#0e141c);border-color:#2a3541;border-radius:14px}
body .vip-plan{background:linear-gradient(145deg,#141c24,#0e141c);border-color:#2a3541;border-radius:14px}
body .vip-plan.featured{background:linear-gradient(155deg,#211e30,#111820);border-color:#8170a8}
body .vip-badge,body .premium-badge{color:#c5acf3;border-color:#9c7cc544;background:#b49af012}
body .vip-badge img{filter:invert(.85) sepia(.2) saturate(2) hue-rotate(210deg)}
:where(.config-card,.vip-section,.vip-plan,.manager-card,.dashboard-card,.stat-card){background:linear-gradient(145deg,#141c24,#0e141c);border-color:#2a3541;border-radius:16px;box-shadow:0 12px 36px #0002;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;min-width:0}
:where(.config-card,.vip-plan,.manager-card,.dashboard-card):hover{border-color:#4b685c;box-shadow:0 16px 42px #0003}
:where(button,.button,a,input,select,textarea):focus-visible{outline:2px solid #88d8b1;outline-offset:3px}
:where(button,.button){transition:background-color .16s,border-color .16s,transform .16s,box-shadow .16s}
:where(button,.button):active:not(:disabled){transform:translateY(1px)}
:where(input,select,textarea){background-color:#0a1017;border-color:#344150;color:#edf3f5;min-width:0;max-width:100%}
:where(input[type=checkbox],[role=switch]){accent-color:#70c797;transition:background-color .18s,box-shadow .18s}
:where([aria-busy=true],.is-loading){cursor:progress}
:where(.config-section-grid,.protection-card-grid,.vip-plans,.internal-grid){animation:darkness-arrive .22s ease both}
[data-management-modal]{animation:darkness-dialog .18s ease both}
[data-modal-backdrop].is-closing [data-management-modal]{animation:darkness-dialog-out .14s ease both}
.premium-badge,.vip-badge,.vip-kicker,.vip-plan-label{color:var(--premium)}
.vip-plan.featured{border-color:#8170a8;background:linear-gradient(155deg,#211e30,#111820);box-shadow:0 15px 50px #a785e00c}
body .vip-plan[data-selected=true]{border-color:#c4a8ff;box-shadow:0 0 0 2px #b49af025}
.vip-hero{position:relative;max-width:none;padding:40px;border:1px solid #383147;border-radius:18px;background:radial-gradient(ellipse at 95% 0,#775d9c22,transparent 58%),linear-gradient(130deg,#141e23,#11131d)}
.vip-hero h1 em{color:#b8a0eb}.vip-hero p{color:#b9c6cd}.vip-hero:after{content:'◆';position:absolute;right:45px;top:30px;font-size:100px;line-height:1;color:#b49af012;pointer-events:none}
.vip-section,.internal-card{background:#101820;border-color:#2a3541}.vip-field select,.internal-card input,.internal-card select,.internal-card textarea{background:#0a1017;border:1px solid #344150;border-radius:8px;padding:12px}
.vip-notice{border-color:#806536;background:#d9aa4e0b}.vip-compare th{color:#b6a3d9}.vip-compare tbody tr:hover{background:#ffffff03}
.global-footer{margin-top:56px;border-top:1px solid #26313d;background:#0b1118;padding:40px max(22px,calc((100vw - 1180px)/2)) 24px;color:#9eafb9;font-size:13px}
.global-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}.global-footer strong{display:block;color:#e9f1f4;margin-bottom:12px}.global-footer p{line-height:1.8;max-width:360px}.global-footer nav{display:flex;flex-direction:column;gap:10px}.global-footer a:hover{color:#86d4ad}.global-footer-bottom{border-top:1px solid #26313d;margin-top:28px;padding-top:20px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.global-footer a{overflow-wrap:anywhere}
.internal-main{max-width:1180px;margin:auto;padding:52px 28px}.internal-main>header{margin-bottom:28px}.internal-main h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}.internal-main p{line-height:1.75;color:#aab9c4}.internal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.internal-card{padding:26px;border:1px solid #2c3945;border-radius:16px;min-width:0}.internal-card h2{font-size:20px;margin-bottom:18px}.internal-card form{display:grid;gap:16px}.internal-card label{display:flex;flex-direction:column;gap:8px;font-size:13px}.internal-card input[type=checkbox]{width:18px;min-height:18px}.internal-card label:has(input[type=checkbox]){flex-direction:row;align-items:center}.internal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.internal-card fieldset{display:grid;gap:10px;border:1px solid #354351;border-radius:8px;padding:14px}.internal-card legend{font-size:13px;padding:0 6px}.internal-result{padding:16px;border:1px solid #335949;border-radius:10px;background:#14312744;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.7}.internal-result.error{border-color:#855050;background:#49202044}.internal-list{display:grid;gap:12px}.internal-list article{border:1px solid #2c3945;border-radius:10px;padding:16px;overflow-wrap:anywhere}.internal-list h3{font-size:15px}.internal-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.internal-full{grid-column:1/-1}.internal-card small{color:#a6b6c2;line-height:1.7}.internal-status{color:#7ed6b1}
@keyframes darkness-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes darkness-dialog{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes darkness-dialog-out{to{opacity:0;transform:translateY(7px)}}
@media(max-width:780px){.global-footer-grid,.internal-grid{grid-template-columns:minmax(0,1fr)}.internal-main{padding:32px 18px}.internal-card{padding:20px}.vip-hero{padding:26px 22px}.vip-hero:after{font-size:72px;right:20px}.global-footer{margin-top:32px}.global-footer-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

}
