/* Operational workspace */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;--paper:#10151d;--nav:#161c25;--line:#2b3442;--muted:#97a4b7;--ink:#edf2fa}
.ui-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.sidebar{width:248px;padding:30px 16px 20px;background:linear-gradient(180deg,#1a212c,#141a23);border-right:1px solid #27303c}.shell{grid-template-columns:248px 1fr}.brand{padding:0 8px 32px;gap:10px;font-size:26px}.brand-logo{width:45px}.brand small{font-size:7px;letter-spacing:1.5px}.nav-label{padding-top:16px;padding-bottom:15px}.nav-item{padding:12px 13px;font-size:13px;margin:3px 0;gap:13px;transition:background .15s,color .15s}.nav-icon{display:flex;width:21px}.nav-icon .ui-icon{width:20px;height:20px}.nav-item.active{background:linear-gradient(90deg,#493022,#2b2726);color:#ffad7f;box-shadow:inset 3px 0 #ff792e}.nav-item:hover{background:#252e3b}.topbar{height:78px;background:#141b25cc}.content{padding:32px 34px 50px;max-width:1700px}.page-head{margin-bottom:24px}.page-head h1{font-size:30px;font-weight:650;letter-spacing:-1px}.page-head p{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#ff974f}.card{background:#19212d;border:1px solid #2d3746;border-radius:12px;box-shadow:0 6px 24px #00000012}.card-head{padding:19px 22px}.card-head h2{font-size:14px;font-weight:600}.primary{border-radius:8px;padding:12px 18px;background:linear-gradient(135deg,#ff8e43,#ff681e);box-shadow:0 4px 16px #ff701f15}.small-btn{border-radius:6px;padding:8px 11px;background:#222d3a;font-size:11px}.small-btn:hover{background:#303344}.operation-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}.host-strip{display:flex;justify-content:space-between;align-items:center;background:#18212d;border:1px solid #2a3646;border-radius:10px;padding:15px 19px;margin-bottom:18px;font-size:12px;color:var(--muted)}.host-strip>div{display:flex;align-items:center;gap:12px}.host-strip strong{color:var(--ink)}.host-strip .ui-icon{color:#8dabd8}.host-pill{border:1px solid #3a4554;padding:5px 9px;border-radius:20px;font-size:10px}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.resource-card{background:linear-gradient(135deg,#212b39,#19212d);border:1px solid #344051;border-radius:12px;padding:20px 21px;min-height:160px}.resource-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#b2c0d1}.resource-label .ui-icon{color:#ff9b61;width:20px}.resource-card>strong{display:block;font-size:31px;font-weight:650;letter-spacing:-1px;margin:17px 0 13px}.resource-card>small{font-size:10px;color:#9aadc3;line-height:1.5}.resource-track{height:4px;background:#344050;border-radius:8px;margin-bottom:10px;overflow:hidden}.resource-track svg{display:block;height:4px;width:100%;fill:#ff873f}.ops-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:23px}.chart-body{padding:20px 24px 16px}.chart-legend,.chart-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.chart-legend strong{font-size:20px;color:var(--ink)}.chart-legend i{display:inline-block;background:#ff873f;width:7px;height:7px;border-radius:50%;margin-right:8px}.activity-chart{display:block;width:100%;height:160px;margin:20px 0 7px}.chart-foot{font-size:10px}.live-tag{font-size:10px;color:#91cdb4;border:1px solid #345244;background:#243b33;padding:5px 8px;border-radius:20px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.tool{display:flex;align-items:flex-start;gap:13px;position:relative;min-height:110px;padding:20px;background:#1c2634;border:1px solid #334052;border-radius:10px}.tool-symbol{width:43px;height:43px;flex-shrink:0;border-radius:11px;background:#352b28;color:#ff9b61;margin-bottom:0}.tool-symbol .ui-icon{width:24px;height:24px}.tool-copy{padding-top:3px}.tool-copy strong{font-size:13px;font-weight:600;line-height:1.4;margin-bottom:7px}.tool-copy small{font-size:11px;line-height:1.6;color:#98a9bf}.tool-arrow{margin-left:auto;opacity:0;align-self:center;color:#ff9b61;transition:opacity .2s}.tool:hover{background:#253041;border-color:#64758d;transform:translateY(-2px)}.tool:hover .tool-arrow{opacity:1}.tool-arrow .ui-icon{width:16px}.tool-dns .tool-symbol,.tool-domains .tool-symbol{background:#243750;color:#8bbbff}.tool-email .tool-symbol,.tool-team .tool-symbol{background:#372e4b;color:#c8a4f7}.tool-backups .tool-symbol,.tool-files .tool-symbol{background:#243e3b;color:#85d9b7}.tool-databases .tool-symbol{background:#3e3527;color:#e5c27a}.service-health{padding:6px 22px 15px}.health-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3544;padding:12px 0}.health-row:last-child{border:0}.health-row>span:first-child{display:flex;gap:10px;align-items:center;font-size:12px}.health-row .ui-icon{width:17px;height:17px;color:#8d9fb5}.badge.active{background:#233d34;color:#8fd4b5}.badge.inactive,.badge.failed{background:#432c2c;color:#f6a39e}.badge{border-radius:20px;padding:5px 9px}.service-name{display:flex;gap:12px;align-items:center}.service-name>.ui-icon{color:#a0b8d6}.service-name strong{display:block;font-size:12px}.service-name small{display:block;color:var(--muted);font-size:10px;margin-top:6px;max-width:230px}td{padding:16px 20px}th{padding:13px 20px;background:#161e29}.loading-inline{padding:35px;color:var(--muted);font-size:13px;grid-column:1/-1}.hosting-banner{border:1px solid #4c3b31;border-radius:14px;padding:26px 29px;background:radial-gradient(ellipse at 95% 0,#533427,transparent 60%),linear-gradient(110deg,#242b35,#2a2526);display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hosting-banner h2{font-size:25px;letter-spacing:-.7px;margin:10px 0}.hosting-banner p{color:#b6b3b4;font-size:12px}.hosting-banner>.ui-icon{width:90px;height:90px;color:#ed965f;opacity:.75;stroke-width:1}.hosting-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2c3644;border:1px solid #2c3644;border-radius:10px;overflow:hidden;margin-bottom:25px}.hosting-summary>span{display:flex;align-items:center;gap:9px;background:#1a2330;padding:17px;font-size:11px;color:#98a9be}.hosting-summary .ui-icon{width:18px;color:#92a9c7}.hosting-summary strong{color:#e0e8f3;font-size:12px}.tool-search{display:flex;align-items:center;gap:12px;border:1px solid #374354;background:#1a2330;padding:0 15px;border-radius:9px;max-width:430px;margin-bottom:28px;color:#8c9eb6}.tool-search input{border:0;background:none;padding:13px 0;width:100%;color:var(--ink);font-size:13px}.tool-section{margin-bottom:26px}.tool-section>h2{font-size:14px;font-weight:600;letter-spacing:0;margin:0 0 15px}.hosting-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hosting-tools .tool{min-height:125px}.dns-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.zone-sidebar{background:#18212d;border:1px solid #303b4a;border-radius:12px;align-self:start;overflow:hidden}.zone-sidebar-title{display:flex;align-items:center;gap:10px;padding:20px 17px;font-size:12px;border-bottom:1px solid #303b4a}.zone-sidebar-title>.ui-icon{width:19px;color:#a1b9d7}.zone-sidebar-title>span{margin-left:auto;color:var(--muted)}.zone-choice{display:flex;gap:10px;align-items:center;padding:16px 13px;width:100%;text-align:left;border-bottom:1px solid #26313f}.zone-choice .ui-icon{width:18px;color:#84a7d9}.zone-choice strong{font-size:11px;word-break:break-all}.zone-choice small{display:block;font-size:10px;color:#95a8c1;margin-top:5px}.zone-choice.chosen{background:#293546;box-shadow:inset 3px 0 #ff8c44}.zone-empty{padding:20px;line-height:1.8}.zone-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.zone-title h2{font-size:24px;letter-spacing:-.5px;margin:7px 0}.zone-title p{font-size:11px;color:var(--muted)}.dns-advisory{display:flex;align-items:center;gap:12px;background:#202e40;border:1px solid #344c69;color:#b5cee9;border-radius:9px;padding:14px 17px;font-size:11px;line-height:1.7;margin-bottom:21px}.dns-advisory .ui-icon{width:19px;flex-shrink:0}.dns-blank{border:1px dashed #41516a;border-radius:14px;text-align:center;padding:70px 35px;background:#18212b}.dns-blank>.ui-icon{width:54px;height:54px;color:#83ade8;stroke-width:1.3}.dns-blank h2{font-size:24px}.dns-blank p{color:#9cb0c9;max-width:420px;line-height:1.8;margin:0 auto 25px;font-size:13px}.record-type{display:inline-block;min-width:47px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 9px;border-radius:5px;background:#294263;color:#9dc9ff}.type-MX,.type-TXT{background:#3b3052;color:#ceb3fa}.type-CAA,.type-SRV{background:#3c3528;color:#f1ce8d}.dns-value{display:block;font-family:Consolas,monospace;font-size:11px;word-break:break-all;max-width:350px}.dns-workspace td{padding:16px 14px}.dns-workspace th{padding:13px 14px}dialog{width:min(780px,94vw);background:#1a2330;border-color:#41516a;border-radius:14px}dialog h3{font-size:13px;margin:22px 0 10px}.dialog-head{padding:23px 27px}.field input,.field select,.field textarea{background:#131c28;border-color:#3c4a5f;border-radius:7px;padding:12px}.field input:focus,.field textarea:focus{outline:2px solid #b66c3d;outline-offset:1px}.footer-note{margin-top:25px;padding-top:15px;border-top:1px solid #26313e}
@media(min-width:1600px){.hosting-tools{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.resource-grid{grid-template-columns:repeat(2,1fr)}.ops-grid{grid-template-columns:1fr}.hosting-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.dns-workspace{grid-template-columns:190px minmax(0,1fr)}.hosting-summary{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{width:auto;padding:10px;position:relative}.shell{display:block}.content{padding:22px 15px}.nav-item{padding:10px}.host-strip{align-items:flex-start;gap:12px;flex-direction:column}.host-strip>div{flex-wrap:wrap}.resource-grid{gap:10px}.resource-card{padding:16px 13px;min-height:155px}.resource-card>strong{font-size:26px}.resource-label{font-size:11px;gap:6px}.quick-grid,.hosting-tools{grid-template-columns:1fr}.hosting-banner{padding:22px}.hosting-banner h2{font-size:21px}.hosting-banner>.ui-icon{display:none}.hosting-summary>span{padding:13px;font-size:10px;flex-wrap:wrap}.dns-workspace{grid-template-columns:1fr}.zone-sidebar{max-height:210px;overflow:auto}.zone-title{gap:12px}.zone-title h2{font-size:21px;word-break:break-word}.operation-toolbar{gap:7px}.page-head h1{font-size:25px}.tool{min-height:100px}.tool-arrow{opacity:1}.brand{padding-bottom:0}.dns-blank{padding:40px 25px}}
[hidden]{display:none!important}