/* legacy the legacy theme stylesheet colors and geometry, adapted to IRP's existing DOM.
   Source: legacy portal WebContent/public/the legacy theme stylesheet and XML page layouts.
   Loaded last; no imported legacy scripts, endpoint overrides or hidden authorization errors. */
@font-face{font-family:ClassicIcons;src:url('../fonts/fa-solid-900.woff2') format('woff2');font-style:normal;font-weight:900;font-display:block}
:root{--teal:#2563eb;--teal-strong:#1d4ed8;--teal-soft:#eff6ff;--navy:#1e1b4b;--navy-2:#312e81;--navy-3:#0f172a;--accent-on-dark:#a5b4fc;--page-bg:#f0f4f8;--surface-2:#f8fafc;--surface-3:#f1f5f9;--text:#1e293b;--text-2:#475569;--muted:#64748b;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.12);--shadow:0 2px 12px rgba(0,0,0,.08);--sidebar-w:240px;--topbar-h:70px}
.topbar{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%)}
.topbar-home{display:inline-flex;align-items:center;justify-content:center;color:#e0e7ff;min-width:36px;min-height:36px;border-radius:6px;font-size:20px}
.topbar-home:hover{color:#fff;background:#ffffff20;text-decoration:none}
.classic-icon{font-family:ClassicIcons!important;font-style:normal;font-weight:900;display:inline-block;text-align:center}
.classic-icon[data-icon=home]::before{content:'\f015'}.classic-icon[data-icon=settings]::before{content:'\f013'}.classic-icon[data-icon=language]::before{content:'\f1ab'}.classic-icon[data-icon=key]::before{content:'\f084'}.classic-icon[data-icon=shield]::before{content:'\f3ed'}.classic-icon[data-icon=network]::before{content:'\f542'}
.sidebar{background:#1e1b4b;padding:12px 8px;color:#fff;--muted:#a5b4fc}
.sidebar nav a{color:#c7d2fe;font-size:13px;padding:9px 14px;margin:1px 8px;border-radius:10px}
.sidebar nav a[aria-current=page]{box-shadow:inset 3px 0 #a5b4fc,0 4px 12px #0003;background:#ffffff1f}
.nav-group>summary{color:#a5b4fc;font-size:11px;letter-spacing:.06em;padding:10px 14px}.nav-group[open]>summary{background:#312e81;color:#fff}
.sidebar nav a>span:first-child{font-size:0;min-width:18px}.sidebar nav a>span:first-child::before{font-family:ClassicIcons;font-size:14px;content:'\f0ce'}
.sidebar nav a[data-nav=overview]>span:first-child::before{content:'\f015'}.sidebar nav a[data-nav=profile]>span:first-child::before{content:'\f007'}.sidebar nav a[data-nav=domains]>span:first-child::before{content:'\f0ac'}.sidebar nav a[data-nav=contacts]>span:first-child::before{content:'\f2bb'}.sidebar nav a[data-nav=hosts]>span:first-child::before{content:'\f233'}.sidebar nav a[data-nav=zones-configure]>span:first-child::before{content:'\f013'}.sidebar nav a[data-nav=zones-security]>span:first-child::before{content:'\f3ed'}.sidebar nav a[data-nav=zones-overview]>span:first-child::before{content:'\f5fd'}.sidebar nav a[data-nav=zones-emails]>span:first-child::before,.sidebar nav a[data-nav=message-center]>span:first-child::before{content:'\f0e0'}
.sidebar-search input{background:#ffffff0d;border-color:#ffffff26}.sidebar-search input::placeholder{color:#a5b4fc}.sidebar-bottom,.workspace-label{color:#a5b4fc}
main{max-width:none;padding:24px 24px 20px}.page-heading{gap:14px;margin-bottom:20px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:18px}.page-icon{background:#312e81;box-shadow:0 4px 12px rgba(49,46,129,.3)}
.panel{padding:20px;border-radius:14px}.panel>h2{background:#f8fafc;border-bottom:1px solid var(--border-strong);margin:-20px -20px 18px;padding:14px 20px;border-radius:14px 14px 0 0;font-size:15px;font-weight:700}
.primary{background:#2563eb;box-shadow:0 4px 12px #2563eb26;border-radius:6px}.primary:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb40;transform:none}.secondary,.text-button{border-radius:6px;background:#f1f5f9;color:#475569}
input,select,textarea{border-radius:6px}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #2563eb40}
tbody tr:hover td{background:#2563eb0a}.notice{background:#eff6ff;border-color:#2563eb40;color:#1d4ed8}.notice.error{background:var(--err-bg);border-color:#c62d244d;color:#8f2820}.notice.success{background:var(--ok-bg);border-color:#16a34a4d;color:#1c6b3f}
.tabs button[aria-pressed=true]{color:#2563eb;border-color:#2563eb;background:#2563eb14}
.classic-zone-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3fr);gap:20px;align-items:start}.classic-zone-picker{padding:0;overflow:hidden}.classic-zone-picker>h2{margin:0;background:#312e81;color:#fff;border:0;border-radius:14px 14px 0 0}.classic-zone-picker>p{padding:0 16px}.classic-zone-list{display:flex;flex-direction:column;padding:8px;gap:3px;max-height:60vh;overflow:auto}.classic-zone-choice{background:transparent;border:0;text-align:left;padding:9px 12px;color:#475569;border-radius:6px;overflow-wrap:anywhere}.classic-zone-choice:hover{background:#eff6ff;color:#1d4ed8}.classic-zone-choice[aria-current=true]{background:#dbeafe;color:#1d4ed8;font-weight:700}
.classic-zone-content{min-width:0}.classic-zone-content>.panel>h2{background:#312e81;color:#fff}.classic-zone-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-strong);margin:0 0 18px;overflow-x:auto}.classic-zone-tabs>[role=tab]{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;padding:10px 12px;color:#475569;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.classic-zone-tabs .classic-icon{font-size:20px}.classic-zone-tabs>[aria-selected=true]{color:#2563eb;background:#2563eb14;border-bottom-color:#2563eb}.classic-zone-tabs>[role=tab]:hover{color:#2563eb;background:#2563eb0f}
.classic-zone-pane{display:grid;gap:12px}.classic-zone-pane .field{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,220px);align-items:center;gap:6px 16px;padding:10px 0;border-bottom:1px solid var(--border)}.classic-zone-pane .field>.field-help{grid-column:1/-1;margin:0}.classic-zone-save{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.classic-zone-save>input{flex:1;min-width:180px}
@media(max-width:1080px) and (min-width:761px){main{margin-left:240px;padding:24px 18px}.sidebar{width:240px}.classic-zone-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){main{padding:20px 14px}.sidebar{width:100%;padding:12px 14px}.panel{padding:16px}.panel>h2{margin:-16px -16px 16px;padding:12px 16px}.classic-zone-layout{grid-template-columns:1fr;gap:14px}.classic-zone-picker{padding:0}.classic-zone-picker>h2{margin:0}.classic-zone-list{flex-direction:row;max-height:120px;flex-wrap:wrap}.classic-zone-pane .field{grid-template-columns:1fr}.sidebar nav a>span:first-child{display:inline-block}.sidebar nav a{font-size:13px}.topbar-home{min-width:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Legacy slide-out rail below the header on narrow screens, instead of making
   the expanded menu consume the whole page before the user's selected view. */
.classic-icon[data-icon=menu]::before{content:'\f0c9'}.topbar .classic-menu-toggle{display:none}
@media(max-width:1080px){
 .topbar .classic-menu-toggle{display:inline-flex;align-items:center;justify-content:center;font-size:18px;min-height:36px;padding:6px 10px}
 .sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;width:240px;height:calc(100vh - var(--topbar-h));overflow-y:auto;z-index:1020;visibility:hidden;transform:translateX(-100%);transition:transform .15s ease;padding:12px 8px;box-shadow:6px 0 20px #0f172a20}
 body[data-navigation=open] .sidebar{visibility:visible;transform:translateX(0)}
 .sidebar nav{flex-direction:column;flex-wrap:nowrap}.sidebar nav a{margin:1px 8px;padding:9px 14px}.nav-group-items{flex-direction:column}
 .sidebar-search{margin:12px 8px 6px}.sidebar-brand,.workspace-label,.sidebar-bottom{display:block}.sidebar-brand{display:flex}.scope-pill:not([hidden]){display:inline-block}
 main{margin-left:0}.classic-zone-layout{grid-template-columns:1fr}.classic-zone-list{flex-direction:row;max-height:160px;flex-wrap:wrap}
 .classic-zone-picker>h2{margin:0}.classic-zone-picker .secondary{margin:4px 12px 12px}
}

/* legacy register-ui: ordered vertical steps, card content, the existing registry workflow. */
.classic-register-wizard .classic-wizard-title{margin:-24px -24px 0;padding:18px 24px;background:#312e81;color:#fff;border-radius:10px 10px 0 0}
.classic-wizard-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding-top:24px}
.classic-register-wizard .wizard-steps{display:flex;flex-direction:column;align-items:stretch;gap:0;border-bottom:0;padding:0;list-style:none}
.classic-register-wizard .wizard-step{min-height:64px;position:relative;gap:12px;align-items:flex-start;padding:12px 0;font-size:.9rem}
.classic-register-wizard .wizard-step:not(:last-child):after{position:absolute;left:14px;top:44px;width:2px;height:28px;background:#dbe2eb;margin:0}
.classic-register-wizard .wizard-step-num{width:30px;height:30px;background:#e7ebf3;color:#64748b}
.classic-register-wizard .wizard-step-label{padding-top:5px}
.classic-register-wizard .wizard-step.current .wizard-step-num,.classic-register-wizard .wizard-step.done .wizard-step-num{background:#2563eb;color:#fff}
.classic-wizard-content{min-width:0;border-left:1px solid #e2e8f0;padding-left:24px}
.classic-register-wizard .wizard-body>h2{font-size:1.15rem;color:#1e1b4b}
.classic-register-wizard .wizard-body .eyebrow{color:#64748b}
.wizard-search-results{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.wizard-search-results p{flex-basis:100%}
.wizard-result{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:6px;padding:8px 12px;overflow-wrap:anywhere}
@media(max-width:700px){.classic-wizard-layout{grid-template-columns:1fr}.classic-register-wizard .wizard-steps{flex-direction:row;overflow:auto;gap:14px;flex-wrap:nowrap}.classic-register-wizard .wizard-step{flex-shrink:0;min-height:40px}.classic-register-wizard .wizard-step:after{display:none}.classic-wizard-content{border-left:0;padding-left:0}.classic-register-wizard .classic-wizard-title{margin:-24px -24px 0}}

.classic-register-wizard .wizard-body>h2{scroll-margin-top:90px}
.classic-register-wizard .wizard-search-results+.field-help{margin-top:8px}
.classic-register-wizard .details-grid{grid-template-columns:minmax(100px,180px) minmax(0,1fr)}
.classic-register-wizard .details-grid dd{overflow-wrap:anywhere}
@media(max-width:700px){.classic-register-wizard .details-grid{grid-template-columns:minmax(95px,125px) minmax(0,1fr)}}

/* Legacy statistics tabs, cards, EPP mix and detail tables. */
.stats-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #dbe2ea;padding:4px 0;margin-bottom:12px}
.stats-tab{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 18px;color:#64748b;font:inherit;cursor:pointer}
.stats-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff;font-weight:600}.stats-tab-heading{padding:12px 18px;font-weight:600;color:#0f172a}
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stats-card{min-width:0}.stats-card h2{font-size:16px;margin-bottom:20px}.stats-table{width:100%;font-size:13px}.stats-table td,.stats-table th{padding:10px 12px;text-align:left;overflow-wrap:anywhere;max-width:360px}.stats-card .table-wrap{max-width:100%;overflow:auto}
.stats-bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(80px,2fr) auto;align-items:center;gap:12px;margin:13px 0;font-size:13px}.stats-bar-label{overflow-wrap:anywhere}.stats-bar-track{height:10px;background:#eaf0f6;border-radius:5px;overflow:hidden}.stats-bar-fill{display:block;height:100%;border-radius:5px}.stats-bar-row strong{font-variant-numeric:tabular-nums}
.stats-donut-layout{display:flex;gap:40px;align-items:center;flex-wrap:wrap}.stats-donut{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;flex:none}.stats-donut-center{background:white;border-radius:50%;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stats-donut-center strong{font-size:28px;color:#0f172a}.stats-donut-center span{color:#64748b}.stats-legend{flex:1;min-width:220px}.stats-legend-row{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #edf2f7}.stats-legend-row strong{margin-left:auto}.stats-dot{width:10px;height:10px;border-radius:50%;flex:none}.stats-finding{padding:16px;background:#fff7ed;border-left:4px solid #f2994a;margin:12px 0}.stats-show-table .oc-sr-only{position:static;width:auto;height:auto;overflow:auto;clip:auto;white-space:normal;margin-top:20px}
@media(max-width:760px){.stats-grid{grid-template-columns:1fr}.stats-tab{padding:10px}.stats-donut-layout{justify-content:center;gap:20px}.stats-bar-row{grid-template-columns:minmax(80px,1fr) minmax(70px,1.5fr) auto;gap:8px}.stats-table{font-size:12px}}

.classic-zone-pane .field.classic-zone-text-field{grid-template-columns:1fr;align-items:start}.classic-zone-text-field textarea{width:100%;min-height:130px;resize:vertical}

/* The legacy policy dialog uses four contact-role columns. */
.classic-policy-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;grid-column:1/-1}
.classic-policy-column{min-width:0}.classic-policy-column .field{display:flex;flex-direction:column;margin-bottom:14px}.classic-policy-column h3{font-size:15px}
@media(max-width:1200px){.classic-policy-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.classic-policy-columns{grid-template-columns:minmax(0,1fr)}}