/* TV FOX BH • Painel Administrativo 4.2.9 • Design System */
:root{color-scheme:dark;--ink:#08080a;--panel:#111114;--panel-soft:#151518;--panel-hover:#1b1b1f;--text:#f6f5f5;--muted:#99989e;--subtle:#68676e;--line:rgba(255,255,255,.085);--line-strong:rgba(255,255,255,.15);--orange:#ff6a00;--orange-bright:#ff8c19;--amber:#ffc341;--green:#4fda95;--warning:#f4b65d;--danger:#fa7474;--sidebar-expanded:268px;--sidebar-collapsed:79px;--transition:.25s cubic-bezier(.2,.8,.2,1);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ink);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--orange-bright)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange-bright);outline-offset:3px}svg.icon{width:20px;height:20px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#conteudo{scroll-margin-top:60px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(30px,3.15vw,48px);font-weight:900}h2{font-size:clamp(22px,2vw,30px);font-weight:850}h3{font-size:18px;font-weight:790}.muted{color:var(--muted);line-height:1.75}.punctuation{color:var(--orange)}::selection{background:var(--orange);color:#111}input{min-width:0}code{font:600 12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#ffc182}
/* Branded atmospheric backdrop; subtle enough for dashboards */
.admin-body{min-height:100vh;background:#080809}.admin-body::before{content:"";position:fixed;inset:0;background:url('../img/bg-foxbh.webp') center 15%/cover no-repeat;opacity:.24;pointer-events:none;z-index:0}.admin-body::after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.86),rgba(5,5,7,.66) 70%,rgba(5,5,7,.82)),linear-gradient(180deg,rgba(3,3,4,.1),#070709 98%);pointer-events:none;z-index:0}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{width:var(--sidebar-expanded);flex:0 0 var(--sidebar-expanded);height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;background:linear-gradient(175deg,rgba(18,18,20,.99),rgba(7,7,9,.99));border-right:1px solid var(--line);z-index:30;transition:width var(--transition),flex-basis var(--transition),transform var(--transition);overflow:hidden}.sidebar-brand{padding:28px 22px 25px;border-bottom:1px solid var(--line);flex:none}.brand-full{display:flex;align-items:center;height:64px;overflow:hidden}.brand-full img{width:220px;max-height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px rgba(255,98,0,.12));transition:width var(--transition)}.sidebar-kicker{display:flex;align-items:center;gap:8px;color:#79777b;font-size:9px;font-weight:850;letter-spacing:.14em;margin-top:3px}.status-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#5be59a;box-shadow:0 0 0 4px rgba(76,220,146,.08),0 0 11px rgba(84,222,153,.65)}.menu-overline{padding:33px 26px 12px;color:#646167;font-size:10px;letter-spacing:.19em;font-weight:800;white-space:nowrap}.side-nav{padding:0 10px;display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto}.nav-link{height:49px;display:flex;align-items:center;gap:14px;padding:0 15px;border-radius:9px;color:#a9a7aa;position:relative;white-space:nowrap;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;min-width:0;font-size:12px;font-weight:720;letter-spacing:.015em}.nav-link:hover{background:rgba(255,255,255,.055);color:#fff}.nav-link svg{width:20px;height:20px}.nav-link.is-active{background:linear-gradient(90deg,rgba(255,105,0,.16),rgba(255,105,0,.03));border-color:rgba(255,105,0,.15);color:#ff9748}.nav-link.is-active .icon{filter:drop-shadow(0 0 5px rgba(255,105,0,.35))}.nav-marker{position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{margin-top:auto;padding:8px 10px 18px}.sidebar-divider{height:1px;background:var(--line);margin:0 13px 9px}.support-link{color:#ffb56d}.icon-fox{fill:rgba(255,104,0,.12)!important;stroke:var(--orange)!important;stroke-width:1.75!important}.external-indicator{opacity:.65;margin-left:4px}.logout-form{margin:0}.nav-button{background:none;width:100%;text-align:left}.sidebar-version{padding:25px 15px 0;display:flex;flex-direction:column;line-height:1.7;gap:2px;color:#ded8d3;font-size:10px;font-weight:800;letter-spacing:.1em}.sidebar-version small{font-size:9px;color:#64636a}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 clamp(20px,3vw,48px);border-bottom:1px solid var(--line);background:rgba(8,8,10,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:15}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px;min-width:0}.icon-button{border:1px solid var(--line-strong);width:39px;height:39px;display:grid;place-items:center;background:rgba(255,255,255,.03);border-radius:9px;color:#dfdedf;transition:.2s}.icon-button:hover{border-color:var(--orange);background:rgba(255,105,0,.1)}.topbar-divider{height:25px;width:1px;background:var(--line)}.breadcrumb{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:12px;color:#87858a}.breadcrumb strong{font-weight:700;color:#f7f7f7}.breadcrumb-chevron{color:var(--orange)}.online-status{font-size:10px;letter-spacing:.1em;font-weight:800;color:#acb5ae;display:flex;align-items:center;gap:10px;white-space:nowrap}.user-chip{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:20px;min-width:0}.user-avatar{width:38px;height:38px;display:grid;place-items:center;background:rgba(255,107,0,.13);border:1px solid rgba(255,107,0,.3);border-radius:10px;color:var(--orange)}.user-avatar .icon{width:19px}.chip-text{display:flex;flex-direction:column;white-space:nowrap;line-height:1.5;max-width:160px}.chip-text strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.chip-text small{font-size:10px;color:#9d9ca3}.main-content{width:100%;max-width:1660px;margin:0 auto;flex:1;padding:38px clamp(20px,3vw,48px) 52px}.app-footer{padding:15px clamp(20px,3vw,48px);border-top:1px solid var(--line);color:#66666d;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-footer span:last-child{text-align:right}.mobile-scrim{display:none}
/* Collapsible menu */
.app-shell.is-collapsed .sidebar{width:var(--sidebar-collapsed);flex-basis:var(--sidebar-collapsed)}.app-shell.is-collapsed .sidebar-brand{padding:23px 11px 17px}.app-shell.is-collapsed .brand-full{height:54px;width:54px;position:relative}.app-shell.is-collapsed .brand-full img{width:186px;max-width:none;margin-left:-2px;opacity:0}.app-shell.is-collapsed .brand-full::before{content:"";display:block;width:53px;height:53px;background:url('../img/favicon-64.png') center/contain no-repeat}.app-shell.is-collapsed .sidebar-kicker,.app-shell.is-collapsed .menu-overline,.app-shell.is-collapsed .nav-label,.app-shell.is-collapsed .sidebar-version,.app-shell.is-collapsed .nav-marker{display:none}.app-shell.is-collapsed .side-nav{padding-top:25px}.app-shell.is-collapsed .nav-link{justify-content:center;padding:0;gap:0}.app-shell.is-collapsed .sidebar-bottom{padding-bottom:26px}.app-shell.is-collapsed .sidebar-divider{margin:0 12px 12px}
/* Shared UI */
.page-eyebrow,.section-eyebrow{font-size:10px;letter-spacing:.20em;font-weight:850;color:var(--orange);display:flex;align-items:center;gap:10px;margin:0 0 14px;text-transform:uppercase}.eyebrow-line{display:inline-block;width:18px;height:2px;background:var(--orange);box-shadow:0 0 12px rgba(255,103,0,.4)}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 27px}.page-heading h1{margin-bottom:8px}.page-heading p{color:#9c9a9f;font-size:13px;max-width:780px;margin-bottom:0}.btn{min-height:43px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;font-size:11px;letter-spacing:.08em;font-weight:860;white-space:nowrap;transition:filter .2s,transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px;stroke-width:2}.btn-primary{background:linear-gradient(110deg,#fd5c00,#fe941e);color:#0a0705;border-color:rgba(255,154,54,.55);box-shadow:0 5px 22px rgba(255,102,0,.16)}.btn-primary:hover{color:#080605;filter:brightness(1.13)}.btn-secondary{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.15);color:#f0eef0}.btn-secondary:hover{color:#fff;border-color:rgba(255,140,39,.55);background:rgba(255,105,0,.07)}.btn-full{width:100%}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);background:rgba(255,255,255,.025);border-radius:100px;padding:8px 13px;font-size:9px;color:#e0dfe1;font-weight:850;letter-spacing:.08em;white-space:nowrap}.pill .icon{width:15px;height:15px}.pill-success{border-color:rgba(84,223,151,.25);background:rgba(84,223,151,.04);color:#96eaba}.pill .status-dot{width:6px;height:6px}.glass-card,.metric-card{background:linear-gradient(135deg,rgba(22,22,25,.93),rgba(12,12,15,.92));border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 35px rgba(0,0,0,.12);min-width:0}.glass-card{padding:clamp(21px,2vw,32px)}.card-label{font-size:10px;font-weight:840;letter-spacing:.17em;color:var(--orange);display:flex;align-items:center;gap:9px;margin-bottom:13px}.card-label .icon{width:16px;height:16px}.glass-card h3{margin-bottom:21px}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.card-title-row h3{margin:0}.small-caption{font-size:11px;color:#777780}.subtle-link{color:#ff9d4b;letter-spacing:.06em;font-size:10px;font-weight:800;white-space:nowrap}.subtle-link:hover{color:#ffc28d}.flash{padding:14px 18px;border:1px solid rgba(78,219,153,.27);background:rgba(78,219,153,.08);color:#a5f0c6;border-radius:10px;margin-bottom:22px;font-size:12px}.flash-error{border-color:rgba(250,116,116,.3);color:#ffaaaa;background:rgba(250,116,116,.075)}.info-strip,.api-note,.health-note{border-radius:9px;display:flex;align-items:flex-start;gap:12px;line-height:1.65;font-size:12px}.info-strip{border:1px solid rgba(255,141,45,.17);background:rgba(255,108,0,.06);color:#b9b3ae;padding:15px 18px;margin-bottom:25px}.info-strip .icon,.api-note .icon,.health-note .icon{width:18px;height:18px;color:#ff9a43;flex:none;margin-top:1px}
/* Dashboard */
.dashboard-hero{min-height:290px;border:1px solid rgba(255,115,16,.2);border-radius:14px;background:radial-gradient(ellipse at 78% 25%,rgba(255,107,0,.22),transparent 36%),linear-gradient(100deg,#181012,#100c0e 55%,#21110a);position:relative;overflow:hidden;margin-bottom:21px;isolation:isolate}.dashboard-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,119,25,.1),transparent 54%),url('../img/bg-foxbh.webp') center/cover;opacity:.38;z-index:-1}.dashboard-hero-main{padding:38px clamp(24px,4vw,52px);max-width:640px;position:relative;z-index:2}.hero-kicker{display:block;color:#ffc390;letter-spacing:.19em;font-size:10px;font-weight:850;margin-bottom:16px}.dashboard-hero h2{font-size:clamp(26px,3.25vw,44px);line-height:1.12;letter-spacing:-.05em;font-weight:900;margin-bottom:11px}.dashboard-hero h2 em{font-style:normal;background:linear-gradient(90deg,#ff6710,#ffca51);color:transparent;background-clip:text;-webkit-background-clip:text}.dashboard-hero p{color:#bab5b4;font-size:12px;max-width:425px;line-height:1.85;margin-bottom:20px}.dashboard-hero-fox{position:absolute;right:2%;top:50%;transform:translateY(-50%) rotate(-8deg);width:clamp(170px,26vw,370px);opacity:.79;filter:drop-shadow(0 14px 48px rgba(252,102,0,.27));pointer-events:none;z-index:1}.dashboard-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,163,56,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,163,56,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent 35%,black);pointer-events:none}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{padding:23px 23px 19px;min-height:174px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.metric-card:hover{transform:translateY(-3px);border-color:rgba(255,105,0,.24)}.metric-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,118,0,.7),transparent 70%)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;font-size:10px;letter-spacing:.08em;font-weight:820;color:#aba6a4}.metric-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,116,17,.14);background:rgba(255,116,17,.05);color:var(--orange);border-radius:9px}.metric-icon .icon{width:18px;height:18px}.metric-number{font-size:42px;font-weight:900;letter-spacing:-.06em;line-height:1.25;margin:10px 0 3px}.metric-number small{font-size:15px;color:#777078;letter-spacing:0}.metric-desc{font-size:11px;color:#8e8b8f}.progress-track{height:3px;border-radius:5px;background:#333037;overflow:hidden;margin-top:15px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--amber))}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.time-card,.weather-card{min-height:243px}.time-card h3,.weather-card h3{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:17px;margin-bottom:16px}.time-card h3 span,.weather-card h3 span{font-size:9px;color:#77747a;font-weight:800;letter-spacing:.1em}.live-clock{font-size:clamp(37px,4.2vw,62px);line-height:1.2;font-weight:850;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.live-date{font-size:12px;color:#c9c3c0;margin-top:3px;text-transform:capitalize}.card-footnote{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;color:#727076;font-size:10px}.weather-content{display:flex;align-items:center;justify-content:space-between;min-height:80px}.weather-temperature{font-size:58px;line-height:1.1;font-weight:900;letter-spacing:-.07em}.weather-condition{font-size:11px;color:#c9bcb5}.weather-large{width:62px!important;height:62px!important;color:var(--orange);stroke-width:1.2!important;filter:drop-shadow(0 0 20px rgba(255,119,0,.34))}.weather-stats{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:15px}.weather-stats span{font-size:10px;color:#888589}.weather-stats strong{color:#eae3dd;font-weight:700;margin-left:4px}.content-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.dns-preview-list{display:flex;flex-direction:column}.dns-preview-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.dns-preview-row:last-child{border-bottom:0}.dns-preview-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:rgba(255,107,0,.075);color:#ff9942;flex:none}.dns-preview-icon .icon{width:17px;height:17px}.dns-preview-row>div{display:flex;flex-direction:column;flex:1;min-width:0}.dns-preview-row strong{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dns-preview-row small{font-size:11px;color:#77737a}.mini-status{border:1px solid var(--line);border-radius:5px;padding:5px 7px;letter-spacing:.06em;font-size:9px;font-weight:850;display:inline-block;white-space:nowrap}.mini-status.is-good{color:#6bddab;border-color:rgba(72,219,144,.22);background:rgba(72,219,144,.05)}.mini-status.is-warning{color:#ffb765;border-color:rgba(255,183,101,.24);background:rgba(255,183,101,.065)}.health-list{display:flex;flex-direction:column}.health-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.health-list>div:last-child{border-bottom:0}.health-list span{display:flex;align-items:center;gap:12px;font-size:12px;color:#bcb7b8}.health-list span .icon{width:17px;height:17px;color:#9f9291}.health-list strong{font-size:10px;letter-spacing:.05em;font-weight:850;text-align:right}.text-success{color:#62d79c!important}.text-warning{color:#ffc374!important}.health-note{background:rgba(255,255,255,.025);border:1px solid var(--line);padding:12px;color:#8b8587;margin:18px 0}.health-note .icon{color:#ff9e51}.empty-state{color:#8b888f;font-size:12px;padding:20px 0}.empty-state a{color:var(--orange)}
/* DNS & forms */
.narrow-form{max-width:780px}.narrow-form h2{margin-bottom:8px}.narrow-form .muted{margin-bottom:25px}.form-field{margin-bottom:21px}.form-field label,.login-form label{display:flex;align-items:center;font-weight:850;letter-spacing:.12em;font-size:10px;color:#c8c2c1;margin-bottom:10px}.form-field>input,.form-field .input-wrap,.copy-field input{width:100%;height:48px;background:rgba(4,4,5,.64);border:1px solid rgba(255,255,255,.13);color:#fff;border-radius:8px;padding:0 15px;outline:none;transition:border-color .2s,box-shadow .2s}.form-field>input:focus,.form-field .input-wrap:focus-within,.copy-field input:focus{border-color:rgba(255,123,19,.65);box-shadow:0 0 0 3px rgba(255,105,0,.1)}.form-field small{display:block;color:#77727a;font-size:11px;margin-top:7px}.form-actions{display:flex;flex-wrap:wrap;gap:12px}.optional-label{color:#7c777f;font-weight:650;margin-left:7px;font-size:9px}.required-label{color:#ff9a55;font-weight:650;margin-left:7px;font-size:9px}.form-field .input-wrap{display:flex;align-items:center;padding:0 8px 0 12px}.form-field .input-wrap input{flex:1;width:100%;height:100%;padding:0;border:0;background:transparent;outline:0;color:#fff}.form-field .input-wrap button{height:35px;width:36px;display:grid;place-items:center;color:#908b8b;background:transparent;border:none}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.fox-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.fox-table th{padding:12px 14px 16px;border-bottom:1px solid rgba(255,119,0,.2);font-size:9px;color:#a69e99;letter-spacing:.14em;font-weight:850;white-space:nowrap}.fox-table td{padding:17px 14px;border-bottom:1px solid var(--line);font-size:11px;color:#c3bdc0;vertical-align:middle}.fox-table tbody tr{transition:background .15s}.fox-table tbody tr:hover{background:rgba(255,255,255,.02)}.fox-table tbody tr:last-child td{border-bottom:none}.fox-table .id-cell{color:#848086;font-family:ui-monospace,monospace}.fox-table .name-cell{color:#f2eeef;font-weight:750;font-size:12px}.fox-table .url-cell{max-width:270px}.fox-table .url-cell>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.fox-table .actions-cell{text-align:right}.inline-actions{display:flex;gap:7px;justify-content:flex-end}.inline-form{display:inline}.table-action{height:32px;width:32px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:6px;color:#ff9f55;display:grid;place-items:center}.table-action .icon{width:16px;height:16px}.table-action:hover{border-color:var(--orange);color:#fff;background:rgba(255,105,0,.13)}.danger-action{color:#de8181}.danger-action:hover{border-color:#ef6a6a;background:rgba(255,50,50,.1)}.count-badge{display:inline-block;margin-left:7px;color:#ffbd83;border:1px solid rgba(255,105,0,.2);background:rgba(255,105,0,.05);border-radius:5px;font-size:10px;letter-spacing:0;padding:4px 7px;vertical-align:middle}
/* API / account */
.api-card{max-width:100%}.api-card h2{margin-bottom:7px}.copy-field{display:flex;gap:10px;align-items:center;margin-top:23px}.copy-field input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.02em}.copy-field .btn{height:48px}.api-note{margin-top:20px;padding:15px;background:rgba(255,105,0,.045);border:1px solid rgba(255,105,0,.15);color:#aaa4a3}.api-note p{margin:0}.api-note strong{color:#e2c0a8}.readonly-url{background:#0b0a0c;border:1px solid var(--line);border-radius:8px;padding:14px;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#f3a45f;margin-bottom:15px}.account-layout{align-items:start}.account-avatar{width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(255,105,0,.3);border-radius:16px;background:linear-gradient(140deg,rgba(255,105,0,.17),rgba(255,105,0,.025));color:var(--orange);margin:20px 0}.account-avatar .icon{width:35px;height:35px}.account-description{font-size:12px;color:#989197;margin-top:25px;line-height:1.85}.account-manager{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.account-manager p{font-size:12px}.account-manager .btn{font-size:10px}
/* Login: editorial split, glowing accents, no heavy video load */
.login-body{min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;background:#070708}.login-body::before{content:"";position:fixed;inset:0;background:url('../img/bg-foxbh.webp') center center/cover no-repeat;opacity:.49;pointer-events:none}.login-body::after{content:"";position:fixed;inset:0;background:linear-gradient(100deg,rgba(4,4,5,.8) 5%,rgba(5,5,7,.63) 47%,rgba(6,6,8,.93) 100%),radial-gradient(ellipse at 65% 48%,rgba(229,81,0,.13),transparent 50%);pointer-events:none}.login-top,.login-footer,.login-layout{position:relative;z-index:1}.login-top{height:82px;max-width:1550px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(23px,4vw,68px);border-bottom:1px solid var(--line)}.login-top-logo{display:flex;align-items:center;gap:10px}.login-top-logo img{width:40px;height:40px;object-fit:contain}.login-top-logo strong{font-size:16px;font-weight:900;letter-spacing:-.05em}.login-top-logo strong span{color:#888;font-size:10px;letter-spacing:.05em;font-weight:850}.login-top-secure{display:flex;align-items:center;gap:13px;color:#92898b;font-size:10px;letter-spacing:.14em;font-weight:820}.login-layout{max-width:1550px;margin:0 auto;min-height:calc(100dvh - 145px);padding:42px clamp(23px,4vw,68px) 60px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(35px,7vw,120px)}.login-showcase{align-self:center;min-width:0;position:relative;padding:45px 0 60px}.login-showcase .section-eyebrow{margin-bottom:20px}.login-showcase h1{font-size:clamp(43px,5.2vw,83px);font-weight:950;line-height:1.075;letter-spacing:-.067em;margin:0 0 23px;position:relative;z-index:2;text-wrap:balance}.login-showcase h1 span{color:var(--orange);background:linear-gradient(90deg,#ff5e00,#ffb01e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-showcase>p{max-width:480px;color:#aaa0a0;font-size:13px;line-height:2;position:relative;z-index:2}.login-feature-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:37px;position:relative;z-index:2}.login-feature-row span{display:inline-flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.27);font-size:9px;letter-spacing:.12em;color:#c5bdb9;font-weight:850;border-radius:6px}.login-feature-row .icon{width:16px;height:16px;color:var(--orange)}.login-box-wrap{width:100%;max-width:525px;justify-self:end}.login-card{padding:clamp(26px,3.5vw,51px);position:relative;overflow:hidden;background:linear-gradient(138deg,rgba(24,23,25,.96),rgba(10,10,12,.985));border:1px solid rgba(255,255,255,.13);border-radius:17px;box-shadow:0 32px 90px rgba(0,0,0,.54),0 0 80px rgba(255,85,0,.04);backdrop-filter:blur(18px)}.login-card-accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 1%,var(--orange),#ffcd6c 53%,transparent 96%);box-shadow:0 0 30px rgba(255,94,0,.8)}.login-card::before{content:"";position:absolute;right:-90px;top:-140px;width:260px;height:260px;border:1px solid rgba(255,111,0,.08);border-radius:50%;box-shadow:0 0 0 45px rgba(255,111,0,.012),0 0 0 90px rgba(255,111,0,.009);pointer-events:none}.login-card-logo{width:min(100%,285px);max-height:130px;object-fit:contain;object-position:left center;display:block;margin-bottom:4px;filter:drop-shadow(0 5px 12px rgba(255,90,0,.12))}.login-card-subtitle{font-size:9px;color:#b1a8a4;letter-spacing:.18em;font-weight:820;margin-bottom:37px}.login-card-subtitle span{display:inline-block;margin-left:7px;color:#ffac64}.login-card h2{font-size:clamp(26px,2.5vw,34px);margin-bottom:7px}.form-intro{color:#9b9394;font-size:12px;margin-bottom:31px}.login-form label{margin-bottom:10px}.login-form>.input-wrap{margin-bottom:22px}.login-form .input-wrap{height:52px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:12px;border-radius:8px;background:#0c0b0d;padding:0 14px;transition:box-shadow .25s,border-color .25s}.login-form .input-wrap:focus-within{border-color:rgba(255,114,12,.65);box-shadow:0 0 0 3px rgba(255,103,0,.065)}.login-form .input-wrap>.icon{color:#978783;width:18px;height:18px}.login-form .input-wrap>input{flex:1;height:100%;padding:0;background:transparent;border:0;outline:none;color:#fff;font-size:13px}.login-form input::placeholder,.form-field input::placeholder{color:#656068}.password-label{display:flex;align-items:center;justify-content:space-between}.password-label span{font-size:8px;color:#665e65;letter-spacing:.1em;font-weight:850;margin-bottom:10px}.reveal-password{flex:none;background:transparent;border:0;color:#9b9393;padding:5px;display:grid;place-items:center}.reveal-password .icon{width:18px;height:18px}.reveal-password:hover{color:#ff9f52}.btn-login{width:100%;height:51px;margin-top:7px;justify-content:space-between;padding:0 22px;font-size:11px;letter-spacing:.14em}.login-card-footer{margin-top:28px;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7d797a;font-size:10px}.login-card-footer .icon{color:#5b9c75;width:15px;height:15px}.login-bottom{padding:22px 0;text-align:center;color:#777074;font-size:9px;letter-spacing:.11em;font-weight:800}.login-bottom a{color:#ff9d51;margin-left:5px}.login-footer{height:63px;max-width:1550px;padding:0 clamp(23px,4vw,68px);display:flex;align-items:center;justify-content:space-between;gap:14px;margin:auto;font-size:9px;color:#696366;letter-spacing:.1em;border-top:1px solid rgba(255,255,255,.05)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fox-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-17px)}}
/* Responsive */
@media(max-width:1250px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero-fox{opacity:.58}.login-showcase h1{font-size:clamp(42px,5vw,64px)}}
@media(max-width:1024px){.sidebar{width:230px;flex-basis:230px}.sidebar-brand{padding:22px 16px}.brand-full img{width:192px}.topbar{height:72px}.main-content{padding:29px 25px 40px}.online-status{display:none}.login-layout{gap:25px}.login-showcase h1{font-size:clamp(39px,4.7vw,54px)}}
@media(max-width:820px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;flex-basis:270px;transform:translateX(-102%);box-shadow:20px 0 55px rgba(0,0,0,.2)}.app-shell.is-collapsed .sidebar{width:270px;flex-basis:270px}.app-shell.is-collapsed .sidebar-brand{padding:28px 22px 25px}.app-shell.is-collapsed .brand-full{width:auto;height:64px}.app-shell.is-collapsed .brand-full img{width:220px;opacity:1}.app-shell.is-collapsed .brand-full::before{display:none}.app-shell.is-collapsed .sidebar-kicker{display:flex}.app-shell.is-collapsed .menu-overline{display:block}.app-shell.is-collapsed .nav-label{display:inline}.app-shell.is-collapsed .sidebar-version{display:flex}.app-shell.is-collapsed .nav-marker{display:block}.app-shell.is-collapsed .side-nav{padding-top:0}.app-shell.is-collapsed .nav-link{justify-content:flex-start;padding:0 15px;gap:14px}.app-shell.mobile-open .sidebar{transform:translateX(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.74);opacity:0;visibility:hidden;z-index:20;transition:opacity .2s,visibility .2s}.app-shell.mobile-open .mobile-scrim{opacity:1;visibility:visible}.main-area{width:100%}.topbar{height:66px;padding:0 22px}.main-content{padding:27px 22px 40px}.dashboard-columns{grid-template-columns:1fr}.content-columns{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;gap:8px;padding-top:35px;padding-bottom:30px}.login-showcase{padding:17px 0 3px}.login-showcase h1{font-size:clamp(38px,7vw,58px)}.login-showcase>p{max-width:750px}.login-box-wrap{max-width:620px;justify-self:center;margin-top:25px}.login-feature-row{margin-top:23px}.login-footer{margin-top:20px}}
@media(max-width:600px){.breadcrumb{font-size:11px;gap:6px}.user-chip{padding-left:0;border:0}.chip-text{display:none}.topbar-left,.topbar-right{gap:11px}.topbar-divider{display:none}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-heading>.btn{width:100%}.page-heading h1{font-size:35px}.metrics-grid{gap:11px}.metric-card{padding:18px 16px;min-height:160px}.metric-top{font-size:9px}.metric-number{font-size:36px}.metric-icon{width:29px;height:29px}.metric-desc{font-size:10px}.dashboard-hero{min-height:290px}.dashboard-hero-main{padding:30px 23px}.dashboard-hero h2{font-size:30px;max-width:420px}.dashboard-hero-fox{width:220px;right:-65px;top:55%;opacity:.25}.dashboard-hero p{max-width:300px}.app-footer{flex-direction:column;align-items:flex-start;gap:4px}.app-footer span:last-child{text-align:left}.glass-card{padding:22px 18px}.copy-field{flex-direction:column;align-items:stretch}.copy-field .btn{width:100%}.login-top-secure{font-size:0;gap:0}.login-top-secure .status-dot{width:8px;height:8px}.login-showcase h1{font-size:clamp(36px,8.7vw,51px)}.login-showcase>p{font-size:12px}.login-top{height:69px}.login-layout{padding-top:20px;min-height:auto}.login-card{padding:29px 24px}.login-card-subtitle{margin-bottom:26px}.login-card-logo{width:225px}.login-footer{font-size:8px;justify-content:center;text-align:center}.login-footer span:last-child{display:none}.login-bottom{font-size:8px}}
@media(max-width:420px){.main-content{padding:23px 15px 35px}.topbar{padding:0 15px}.breadcrumb span:first-child{display:none}.breadcrumb-chevron{display:none}.page-heading h1{font-size:31px}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:150px;padding:15px 12px}.metric-top{gap:5px;align-items:flex-start;line-height:1.5}.metric-icon{display:none}.metric-number{font-size:34px}.dashboard-hero h2{font-size:27px}.weather-stats{gap:8px}.weather-stats span{font-size:9px}.form-actions .btn{flex:1 1 100%}.login-feature-row{gap:7px}.login-feature-row span{font-size:8px;padding:8px}.login-showcase h1{font-size:35px}.login-card{padding:25px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.metric-progress{display:block;width:100%;height:4px;appearance:none;-webkit-appearance:none;border:0;border-radius:5px;overflow:hidden;background:#333037;margin-top:15px}.metric-progress::-webkit-progress-bar{background:#333037}.metric-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--orange),var(--amber))}.metric-progress::-moz-progress-bar{background:var(--orange)}

/* Abertura sem mascote flutuante; nome completo visível nas telas. */
.login-card-subtitle span {letter-spacing: .08em;}
.sidebar-version small {letter-spacing: .025em;}
/* Layout resiliente para o nome completo do aplicativo em telas estreitas. */
.breadcrumb { min-width: 0; max-width: 100%; }
.breadcrumb span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.breadcrumb strong { flex: none; }
@media (max-width: 600px) {
  .login-top-logo strong { font-size: 14px; }
  .login-top-logo strong span { display: block; font-size: 8px; line-height: 1.4; }
  .login-top-logo { min-width: 0; }
  .login-top-logo strong { min-width: 0; }
  .login-card-subtitle { line-height: 1.65; }
}


/* FOX BH — acabamento da navegação e da integração (v4.2.9) */
.api-followup-grid { margin-top: 26px; }
.sidebar-brand { padding-bottom: 28px; }
.brand-full .brand-logo { display: block; }
.brand-full .brand-icon { display: none; }
.sidebar-kicker { margin-top: 12px; gap: 12px; color: #d5c5bb; font-size: 10px; letter-spacing: .07em; line-height: 1.4; }
.sidebar-appname { font-weight: 900; white-space: nowrap; }
.sidebar-appversion { color: #ffab66; font-weight: 900; white-space: nowrap; }
.sidebar-kicker .status-dot { margin-left: auto; }
.menu-overline { color: #ffc18c; font-size: 11px; letter-spacing: .17em; font-weight: 900; text-shadow: 0 0 13px rgba(255,106,0,.25); padding-top: 28px; }
.support-fox-icon { width: 27px; height: 27px; flex: 0 0 27px; object-fit: contain; filter: drop-shadow(0 0 4px rgba(255,114,30,.28)); transition: transform .22s, filter .22s; }
.support-link:hover .support-fox-icon { transform: scale(1.1); filter: drop-shadow(0 0 6px rgba(255,114,30,.5)); }
.sidebar-divider-logout { margin: 10px 13px 10px; background: linear-gradient(90deg, transparent, rgba(255,143,63,.4), rgba(255,255,255,.1), transparent); }
.app-shell.is-collapsed .sidebar-brand { padding: 19px 9px 17px; }
.app-shell.is-collapsed .brand-full { margin: 0 auto; width: 59px; height: 58px; justify-content: center; }
.app-shell.is-collapsed .brand-full::before { content: none; display: none; }
.app-shell.is-collapsed .brand-full .brand-logo { display: none; }
.app-shell.is-collapsed .brand-full .brand-icon { display: block; opacity: 1; margin: 0; width: 55px; max-width: 55px; height: 55px; max-height: 55px; object-fit: contain; }
.app-shell.is-collapsed .sidebar-kicker { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; margin-top: 9px; font-size: 9px; letter-spacing: .015em; text-align: center; line-height: 1.4; }
.app-shell.is-collapsed .sidebar-appname { display: flex; flex-direction: column; align-items: center; gap: 0; }
.app-shell.is-collapsed .sidebar-appversion { font-size: 9px; letter-spacing: .01em; }
.app-shell.is-collapsed .sidebar-kicker .status-dot { display: none; }
.app-shell.is-collapsed .side-nav { padding-top: 17px; }
.app-shell.is-collapsed .sidebar-divider-logout { margin: 12px 9px; }
.audit-actions { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; justify-content: flex-end; }
.audit-actions form { margin: 0; }
.audit-clear-btn { min-height: 38px; font-size: 10px; padding: 8px 12px; color: #ffb1a5; border-color: rgba(255,130,105,.27); }
.audit-clear-btn:hover { border-color: #ff9b83; background: rgba(255,90,65,.09); }
.audit-clear-btn:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.audit-clear-btn .icon { width: 16px; height: 16px; }
@media(max-width:820px) {
  .app-shell.is-collapsed .sidebar-brand { padding: 28px 22px 25px; }
  .app-shell.is-collapsed .brand-full { width: auto; height: 64px; margin: 0; justify-content: flex-start; }
  .app-shell.is-collapsed .brand-full .brand-logo { display: block; width: 220px; max-height: 100%; opacity: 1; }
  .app-shell.is-collapsed .brand-full .brand-icon { display: none; }
  .app-shell.is-collapsed .sidebar-kicker { flex-direction: row; justify-content: flex-start; align-items: center; gap: 12px; margin-top: 12px; font-size: 10px; text-align: left; letter-spacing: .07em; }
  .app-shell.is-collapsed .sidebar-appname { display: inline; }
  .app-shell.is-collapsed .sidebar-kicker .status-dot { display: inline-block; }
  .app-shell.is-collapsed .sidebar-appversion { font-size: 10px; }
  .app-shell.is-collapsed .side-nav { padding-top: 0; }
  .app-shell.is-collapsed .sidebar-divider-logout { margin: 10px 13px; }
}
@media(max-width:600px) {
  .api-followup-grid { margin-top: 20px; }
  .audit-actions { align-items: flex-start; justify-content: flex-start; width: 100%; }
  .audit-actions .audit-clear-btn { width: 100%; }
  .audit-actions form { flex: 1 1 100%; }
}

/* TV FOX BH — Fornecedores, Backup & Restauração, aviso em Gerenciar DNS */
.suppliers-columns,.backup-columns { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 22px; align-items: start; }
.suppliers-columns>.glass-card,.backup-columns>.glass-card { min-height: 410px; }
.suppliers-columns h3,.backup-columns h3 { overflow-wrap: break-word; }
.supplier-form-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 17px; }
.supplier-form-grid .supplier-full { grid-column:1/-1; }
.supplier-form .form-field input,.backup-panel .form-field input { min-width:0; }
.supplier-form .form-field select,.backup-panel .form-field select { display:block; width:100%; max-width:100%; height:48px; appearance:auto; color:#f7eeea; padding:0 15px; border:1px solid rgba(255,255,255,.15); border-radius:8px; background:#100f13; outline:none; font:inherit; font-size:13px; }
.supplier-form .form-field select:focus,.backup-panel .form-field select:focus { border-color:rgba(255,123,19,.65); box-shadow:0 0 0 3px rgba(255,105,0,.10); }
.supplier-form .form-field select option,.backup-panel .form-field select option { background:#19161a; color:white; }
.input-prefix { display:flex; align-items:center; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:rgba(4,4,5,.64); color:#ffb26e; padding-left:14px; font-size:12px; font-weight:800; }
.input-prefix:focus-within { border-color:rgba(255,123,19,.65); box-shadow:0 0 0 3px rgba(255,105,0,.1); }
.input-prefix input { min-width:0; width:100%; border:0; background:transparent; color:#fff; outline:0; padding:0 12px; height:46px; font:inherit; font-size:13px; }
.supplier-list { display:flex; flex-direction:column; gap:15px; }
.supplier-card { border:1px solid rgba(255,255,255,.10); border-radius:12px; background:linear-gradient(135deg,rgba(255,255,255,.023),rgba(255,102,0,.018)); padding:20px; min-width:0; transition:border-color .2s,background .2s; }
.supplier-card:hover { border-color:rgba(255,136,45,.3); background:rgba(255,122,25,.034); }
.supplier-card-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; margin-bottom:18px; }
.supplier-card-heading h3 { margin:0 0 4px; font-size:20px; letter-spacing:-.03em; }
.supplier-card-heading p { font-size:11px; color:#aaa2a3; line-height:1.5; margin:0; }
.supplier-num { color:#ff983d; font:800 10px ui-monospace,monospace; padding:7px 9px; background:rgba(255,130,31,.07); border:1px solid rgba(255,130,31,.15); border-radius:8px; }
.supplier-details { display:grid; gap:10px; margin:0; }
.supplier-details>div { display:grid; grid-template-columns: minmax(105px,.7fr) minmax(0,1.3fr); gap:10px; align-items:baseline; }
.supplier-details dt { font-size:11px; color:#9f9698; font-weight:700; }
.supplier-details dd { min-width:0; margin:0; color:#f2edf0; font-size:11px; overflow-wrap:anywhere; }
.supplier-details dd strong { color:#ffbf81; }
.supplier-details dd a { color:#f6a65d; text-decoration:none; overflow-wrap:anywhere; }
.supplier-details dd a:hover { color:#fff0df; text-decoration:underline; }
.supplier-details dd a .icon { width:12px; height:12px; vertical-align:-2px; margin-left:3px; }
.supplier-pix-row dd { display:flex; gap:8px; align-items:center; justify-content:space-between; }
.supplier-pix { overflow-wrap:anywhere; min-width:0; }
.copy-compact { flex:none; padding:7px 9px; border-radius:7px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.04); color:#eee; font-family:inherit; font-size:9px; font-weight:850; cursor:pointer; }
.copy-compact:hover { border-color:rgba(255,156,58,.5); }
.supplier-card-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:20px; }
.supplier-card-actions form { margin:0; }
.supplier-card-actions .btn { padding:9px 13px; min-height:35px; font-size:10px; }
.supplier-card-actions .icon { width:14px; height:14px; }
.btn-danger { background:rgba(221,59,35,.12); color:#ffb9a8; border-color:rgba(250,90,63,.30); }
.btn-danger:hover { background:rgba(221,59,35,.25); border-color:#ed684d; }
.supplier-empty { padding:50px 16px; text-align:center; color:#8f878d; }
.supplier-empty>.icon { width:45px; height:45px; color:#ff8a32; margin-bottom:13px; }
.supplier-empty h3 { margin:0 0 8px; color:#f4eae8; }
.supplier-empty p { font-size:12px; margin:0; line-height:1.6; }
.backup-panel>h3 { font-size:19px; margin-bottom:8px; }
.backup-panel>p.muted { margin-bottom:26px; line-height:1.65; }
.backup-option { border:1px solid rgba(255,255,255,.10); background:linear-gradient(160deg,rgba(255,255,255,.027),rgba(0,0,0,.12)); border-radius:12px; padding:22px; margin-top:16px; }
.backup-option-heading { display:flex; align-items:flex-start; gap:14px; margin-bottom:19px; }
.backup-option-heading h3 { margin:0 0 7px; font-size:15px; }
.backup-option-heading p { color:#aba1a2; font-size:12px; line-height:1.65; margin:0; }
.backup-option-icon { width:39px; height:39px; border-radius:10px; flex:none; background:rgba(255,115,20,.09); border:1px solid rgba(255,115,20,.2); display:grid; place-items:center; color:#ff9b45; }
.backup-option-icon .icon { width:20px; height:20px; }
.backup-option form>.btn { min-width:180px; }
.backup-permission { color:#b99b88; font-size:11px; margin:11px 0 0; }
.backup-panel .data-form .form-field { margin-bottom:16px; }
.backup-panel .form-field label { margin-bottom:9px; }
.backup-panel .form-field input[type=file] { height:auto; padding:12px; min-height:51px; max-width:100%; font-size:12px; cursor:pointer; }
.backup-panel .form-field input[type=file]::file-selector-button { border:1px solid rgba(255,141,48,.22); background:rgba(255,132,44,.10); color:#ffd8ba; padding:8px 12px; border-radius:5px; cursor:pointer; margin-right:9px; }
.backup-panel .form-field small { font-size:10px; color:#9a8b87; display:block; line-height:1.55; margin-top:8px; }
.restore-safety { display:flex; align-items:flex-start; gap:10px; color:#c9b7ad; background:rgba(255,145,40,.06); border:1px solid rgba(255,139,38,.16); border-radius:9px; padding:12px 14px; margin-bottom:22px; font-size:11px; line-height:1.6; }
.restore-safety .icon { flex:none; width:18px; height:18px; color:#ffb166; }
.restore-confirm { display:flex; gap:10px; align-items:flex-start; color:#c9bfc1; font-size:11px; line-height:1.6; cursor:pointer; margin:10px 0 22px; }
.restore-confirm input { accent-color:#ff791f; flex:none; margin:3px 0 0; width:16px; height:16px; }
.restore-button { width:100%; }
.backup-info { display:flex; gap:10px; padding:15px 4px 2px; color:#958d90; font-size:11px; line-height:1.6; }
.backup-info .icon { flex:none; width:17px; height:17px; color:#ff9140; margin-top:2px; }
.dns-rules { border:1px solid rgba(255,139,55,.38); border-left:4px solid #ff7214; border-radius:11px; padding:20px 24px; background:linear-gradient(100deg,rgba(255,119,16,.13),rgba(255,114,16,.026)); margin:0 0 21px; box-shadow:0 0 28px rgba(255,120,25,.03); }
.dns-rules-title { display:flex; gap:11px; align-items:center; color:#ffba7a; font-weight:900; font-size:13px; letter-spacing:.08em; margin-bottom:14px; }
.dns-rules-title .icon { width:21px; height:21px; flex:none; }
.dns-rules p { color:#f0d7c5; font-size:11px; line-height:1.65; font-weight:800; letter-spacing:.015em; margin:0 0 9px; }
.dns-rules p:last-child { margin-bottom:0; }
@media(max-width:1100px) { .suppliers-columns,.backup-columns { grid-template-columns:1fr; } }
@media(max-width:600px) { .supplier-form-grid { grid-template-columns:1fr; gap:0; } .supplier-details>div { grid-template-columns:105px minmax(0,1fr); } .supplier-card { padding:17px 14px; } .backup-option { padding:17px 15px; } .backup-option-heading { gap:10px; } .dns-rules { padding:17px 16px; } .dns-rules-title { font-size:12px; } .dns-rules p { font-size:10px; } }