:root{--bg:#fff;--surface:#fff;--surface2:#f7f7f7;--border:#e4e4e4;--text:#111;--text2:#666;--accent:#111;--accent-hover:#333;--success:#444;--danger:#111;--warning:#666}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:2px solid #111;outline-offset:4px}h2{font-size:36px;letter-spacing:-1.2px;line-height:1.2;font-weight:600}h3{font-size:20px;font-weight:600;margin-bottom:16px}p+p{margin-top:12px}.layout{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;border-right:1px solid var(--border);padding:32px 0;display:flex;flex-direction:column;background:#fafafa}.sidebar-brand{padding:0 24px 32px;margin-bottom:16px}.sidebar-brand h1{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.3px}.sidebar-brand span{display:block;font-size:14px;color:var(--text2);margin-top:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;min-height:44px;font-size:14px;color:var(--text2);border-left:2px solid transparent;background:none}.nav-item.active{border-left-color:#111;color:#111;font-weight:600}.nav-item:hover{background:#f0f0f0;text-decoration:none}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-footer{margin-top:auto;padding:24px;border-top:1px solid var(--border)}.nav-footer .nav-item{padding:0;border:0;width:100%;cursor:pointer}.main{flex:1;min-width:0;padding:48px;max-width:1600px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px}.section{background:none;border:0;border-top:1px solid var(--border);padding:24px 0;margin-bottom:24px;overflow-x:auto}.metrics{display:flex;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:40px;padding:24px 0;gap:40px}.metric{flex:1;min-width:100px}.metric .value{font-size:36px;font-weight:500;letter-spacing:-1px}.metric .label{font-size:14px;color:var(--text2);margin-top:8px}.eyebrow{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);margin-bottom:12px}.muted{color:var(--text2)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:top}th{font-weight:500;color:var(--text2);font-size:13px}th:first-child,td:first-child{padding-left:0}tbody tr:hover{background:#fafafa}td{overflow-wrap:anywhere}td .actions{flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--border);background:#fff;color:#111;font-size:14px;font-weight:500;cursor:pointer;border-radius:0;text-decoration:none;white-space:nowrap}.btn:hover{background:#f0f0f0;text-decoration:none}.btn-primary{background:#111;color:#fff;border-color:#111}.btn-primary:hover{background:#333;color:#fff}.btn-danger{border:0;border-bottom:1px solid #aaa;padding-left:0;padding-right:0}.btn-sm{font-size:14px;padding:8px 12px}.badge{font-size:13px;display:inline-flex;align-items:center;gap:6px;background:none;color:#555;padding:0;white-space:nowrap}.badge:before{content:"";width:4px;height:4px;background:currentColor}.form-group{margin-bottom:24px}.form-group label,label{display:block;font-size:14px;color:var(--text2);margin-bottom:8px}input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%;padding:12px;background:#fafafa;border:1px solid #ccc;border-radius:0;color:#111;min-height:44px}textarea{min-height:180px;resize:vertical}.form-row{display:block}.form-check{display:flex;align-items:center;gap:10px;min-height:44px}.form-check input{width:18px;height:18px}.form-check label{margin:0}.form-width{max-width:720px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pagination{display:flex;justify-content:flex-start;gap:8px;margin-top:24px}.pagination a,.pagination span{padding:8px 12px;min-height:44px;border:1px solid var(--border)}.pagination span{background:#111;color:#fff}.empty-state{padding:48px 0;color:var(--text2)}pre{max-width:100%;overflow:auto;background:#f7f7f7;padding:16px;border:1px solid var(--border);font-size:14px}code{font-family:Consolas,monospace;font-size:14px}ul,ol{padding-left:24px}.notice{border-left:2px solid #111;background:#f7f7f7;padding:16px;margin-bottom:24px;font-size:14px}.login-shell{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px}.login-panel{width:100%;max-width:400px}.login-panel h2{margin-bottom:16px}.login-panel .muted{margin-bottom:32px}.mobile-toggle{display:none}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:24px}.filters .form-group{margin:0;min-width:140px}.filters input,.filters select{max-width:220px}
@media(max-width:1000px){.main{padding:32px 24px}.sidebar{width:200px}.metrics{gap:24px}.page-header h2{font-size:30px}}
@media(max-width:700px){.layout{display:block}.sidebar{width:100%;padding:16px 0;border-right:0;border-bottom:1px solid var(--border)}.sidebar-brand{padding:0 20px 12px;margin:0}.sidebar-brand span{display:none}.mobile-toggle{display:block;margin:0 20px;width:calc(100% - 40px)}.sidebar .nav-item,.sidebar .nav-footer{display:none}.sidebar.is-open .nav-item{display:flex}.sidebar.is-open .nav-footer{display:block}.main{padding:32px 20px}.page-header{flex-wrap:wrap;margin-bottom:24px;gap:16px}.page-header h2{font-size:28px;overflow-wrap:anywhere}.metrics{gap:24px}.metric{min-width:calc(50% - 24px)}.metric .value{font-size:30px}.section table{min-width:650px}.section{max-width:100%}.form-width{max-width:100%}.filters{display:block}.filters .form-group{margin-bottom:12px}.filters input,.filters select{max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Compatibility spacing for legacy documentation and DNS sections. */
.legacy-1{margin-bottom:16px;font-size:16px;}
.legacy-2{color:var(--text2);font-size:14px;}
.legacy-3{color: var(--text2); text-decoration: none; font-size: 14px;}
.legacy-4{margin-bottom: 24px; padding: 20px;}
.legacy-5{display: flex; justify-content: space-between; align-items: center;}
.legacy-6{margin: 0 0 8px 0; color: var(--accent);}
.legacy-7{color: var(--text2); margin: 0;}
.legacy-8{white-space: nowrap; margin-left: 16px;}
.legacy-9{margin-top: 12px; display: none;}
.legacy-10{font-family: monospace; font-size: 14px;}
.legacy-11{font-family: monospace; font-size: 14px; max-width: 400px; word-break: break-all;}
.legacy-12{background: var(--surface2); color: var(--text2);}
.legacy-13{color: var(--text2); font-size: 14px;}
.legacy-14{color: var(--text2);}
.legacy-15{margin-top: 24px; padding: 20px;}
.legacy-16{margin: 0 0 12px 0;}
.legacy-17{color: var(--text2); line-height: 1.8; padding-left: 20px;}
.legacy-18{margin-top: 16px; padding: 20px;}
.legacy-19{color: var(--text2); margin: 0 0 8px 0;}
.legacy-20{display: flex; align-items: center; gap: 8px;}
.legacy-21{flex: 1; background: var(--bg); border: 1px solid var(--border);  padding: 12px 16px; color: var(--accent); font-family: monospace; font-size: 14px; outline: none;}
.legacy-22{background: var(--bg); border: 1px solid var(--border);  padding: 16px; overflow-x: auto; font-size: 14px; color: var(--text);}
.legacy-23{font-size: 14px; color: var(--text2); margin-top: 4px;}
.legacy-24{padding: 12px;  background: #f7f7f7; border: 1px solid #111; color: #111;}
.legacy-25{padding: 12px;  background: #f7f7f7; border: 1px solid #111; color: #111;}
.legacy-26{padding: 12px;  background: #f7f7f7; border: 1px solid #111; color: #111;}
.legacy-27{margin-bottom: 20px; padding: 24px;}
.legacy-28{color: var(--accent); margin-bottom: 12px;}
.legacy-29{background: transparent; color: #111;  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; margin-right: 8px;}
.legacy-30{color: var(--text2); margin-bottom: 12px;}
.legacy-31{color: var(--text2); margin-top: 12px;}
.legacy-32{color: var(--text2); padding-left: 20px; line-height: 1.8;}
.legacy-33{color: var(--text2); margin-top: 8px;}
.legacy-34{color: var(--text2); padding-left: 20px; line-height: 2;}
.legacy-35{margin: 8px 0 8px 0; width: auto;}
.legacy-36{padding: 4px 16px 4px 0; color: var(--text2);}
.legacy-37{padding: 4px 0;}
.legacy-38{color: var(--warning); font-size: 14px;}
.legacy-39{margin: 16px 0 8px 0;}
.legacy-40{color: var(--text2); margin-top: 8px; font-size: 14px;}
.legacy-41{margin-top: 16px; padding: 12px;  background: #f7f7f7; border: 1px solid #111;}
.legacy-42{color: var(--accent);}
.legacy-43{margin-bottom: 8px;}
.legacy-44{color: var(--text2); margin-bottom: 8px;}
.legacy-45{background: var(--bg); border: 1px solid var(--border);  padding: 16px; overflow-x: auto; font-size: 14px; color: var(--text); margin-bottom: 16px;}
.legacy-46{font-family:sans-serif;max-width:400px;margin:0 auto;}
.legacy-47{font-size:32px;font-weight:bold;letter-spacing:4px;color:#111;}
.legacy-48{color:#111;}
.legacy-49{padding: 24px;}
.legacy-50{color: var(--danger); margin-bottom: 12px;}
.legacy-51{display:flex;align-items:center;justify-content:center;min-height:100vh;}
.legacy-52{width:380px;}
.legacy-53{margin-bottom:20px;text-align:center;color:var(--accent);}
.legacy-54{background: #f7f7f7;color:var(--danger);padding:10px;margin-bottom:16px;font-size:14px;}
.legacy-55{width:100%;justify-content:center;}
.legacy-56{color:var(--text2);font-size:14px;font-weight:400;}
.legacy-57{color:var(--text2);}
.legacy-58{color:var(--danger);font-size:14px;}
.legacy-59{color:var(--text2);font-size:14px;white-space:nowrap;}

.legacy-61{padding:8px 0;color:var(--danger);}
.legacy-62{max-width:700px;}
.legacy-63{margin-bottom:0;}
.legacy-64{margin:24px 0 16px;font-size:15px;color:var(--text2);}
.legacy-65{border:1px solid var(--warning);padding:12px 14px;margin-bottom:16px;font-size:14px;color:var(--text2);}
.legacy-66{color:var(--text);}
.legacy-67{margin-top:24px;display:flex;gap:10px;}
.legacy-68{margin-bottom: 16px; padding: 20px;}
.legacy-69{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;}
.legacy-70{margin: 0 0 4px 0;}
.legacy-71{color: var(--text2); font-size: 14px;}
.legacy-72{margin-left: 8px;}
.legacy-73{display: flex; align-items: center; gap: 6px;}
.legacy-74{margin-bottom: 12px;}
.legacy-75{font-size: 14px; color: var(--text2); display: block; margin-bottom: 4px;}
.legacy-76{flex: 1; background: var(--bg); border: 1px solid var(--border);  padding: 8px 12px; color: var(--accent); font-family: monospace; font-size: 14px; outline: none;}
.legacy-77{display: flex; gap: 6px; flex-wrap: wrap;}
.legacy-78{display:inline;}
.legacy-79{margin-top:12px;}
.legacy-80{max-width:800px;}
.legacy-81{color:var(--text2);font-size:11px;margin-top:4px;display:block;}
.legacy-82{min-height:80px;}
.legacy-83{background:var(--surface2);padding:2px 6px;font-size:14px;}
.legacy-84{margin-bottom: 16px; padding: 12px;  background: #f7f7f7; border: 1px solid #111; color: var(--danger);}
.legacy-85{margin-bottom: 16px;}
.legacy-86{display:block;margin-bottom:6px;font-size:14px;color:var(--text2);}
.legacy-87{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:14px;}
.legacy-88{color:var(--text2);font-weight:normal;}
.legacy-89{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;}
.legacy-90{width:16px;height:16px;}
.legacy-91{padding: 0;}
.legacy-92{font-weight: 600;}
.legacy-93{background: #f7f7f7; color: var(--accent); margin-left: 6px;}
.legacy-94{background: #f7f7f7; color: var(--accent);}
.legacy-95{color: var(--text2); font-size: 14px;}
.legacy-96{color: var(--text2); font-size: 14px; word-break: break-all;}
.legacy-97{display: flex; gap: 6px;}
.legacy-98{padding: 0; overflow-x: auto;}
.legacy-99{width: 100%; border-collapse: collapse; font-size: 14px;}
.legacy-100{border-bottom: 1px solid var(--border); text-align: left;}
.legacy-101{padding: 12px 16px; color: var(--text2); font-weight: 500;}
.legacy-102{border-bottom: 1px solid var(--border);}
.legacy-103{padding: 12px 16px;}
.legacy-104{padding: 12px 16px; color: var(--text2); white-space: nowrap;}
.legacy-105{padding: 12px 16px; color: var(--danger); max-width: 320px; word-break: break-word;}
.legacy-106{color: var(--text2); display: block; font-size: 14px;}
.legacy-107{padding: 40px; text-align: center;}
.legacy-108{padding: 14px 16px; margin-bottom: 16px; border-color: var(--danger); color: var(--danger);}
.legacy-109{padding: 24px; max-width: 720px;}
.legacy-110{font-size: 14px; color: var(--text2); display: block; margin-top: 6px;}
.legacy-111{display: flex; flex-direction: column; gap: 10px; margin-top: 6px;}
.legacy-112{display: flex; align-items: center; gap: 10px; font-weight: 400; cursor: pointer;}
.legacy-113{width: auto; margin: 0;}
.legacy-114{display: flex; gap: 8px; margin-top: 24px;}
.legacy-115{min-width: 0;}
.legacy-116{margin: 0 0 4px 0; word-break: break-all;}
.legacy-117{display: flex; align-items: center; gap: 6px; flex-shrink: 0;}
.legacy-118{margin-bottom: 12px; display: flex; gap: 6px; flex-wrap: wrap;}
.legacy-119{display: flex; gap: 16px; margin-bottom: 12px; font-size: 14px; color: var(--text2);}
.legacy-120{color: var(--text);}
.legacy-121{color: var(--warning);}
.legacy-122{color: var(--danger);}
.legacy-123{color: var(--text2); margin-bottom: 20px;}
.legacy-124{padding: 20px; margin-top: 8px;}
.legacy-125{color: var(--text2); font-size: 14px; margin-bottom: 12px;}
.legacy-126{background: var(--bg); border: 1px solid var(--border);  padding: 12px; overflow-x: auto; font-size: 14px; color: var(--text);}
.metrics{margin-top:16px}.providers-table td:nth-child(1),.providers-table td:nth-child(2){min-width:180px;white-space:nowrap}.providers-table td:nth-child(4){min-width:200px}.providers-table td:last-child{min-width:300px}.providers-table td:last-child .btn{border:0;padding:8px;text-decoration:underline;text-underline-offset:4px}.legacy-29{background:transparent;border-bottom:1px solid #111}
@media(max-width:700px){.legacy-5{flex-direction:column;align-items:stretch;gap:16px}.legacy-8{margin-left:0;align-self:flex-start}.legacy-7{max-width:none}.providers-table{min-width:960px}.sidebar.is-open .nav-footer .nav-item{margin-top:0}}
input[type=checkbox],input[type=radio]{accent-color:#111}.form-group>.muted{margin-top:8px}.messages-table{min-width:1100px}.messages-table td:first-child{min-width:170px}.messages-table td:nth-child(3),.messages-table td:nth-child(4){min-width:170px;white-space:nowrap}

.templates-table td:nth-child(2){min-width:90px;white-space:nowrap}
