@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/b0c618f6d8ea.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/1a6844598cfc.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/a699af1dea30.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/e45972c7e9f2.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/87e867b52640.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/6f49e1b28bce.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/2f6c206f7c74.ttf) format('truetype');
}
.operations-shell{--bg:#f7f8fb;--ink:#172033;--muted:#7c8597;--line:#e9ecf2;--blue:#405ce8;--blue-light:#eef1ff;--green:#199573;--side:#11192b;--font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.operations-shell *{box-sizing:border-box}
.operations-shell{margin:0;background:var(--bg);color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}
.operations-shell button,.operations-shell input,.operations-shell select,.operations-shell textarea{font:inherit}
.operations-shell button,.operations-shell a,.operations-shell select{touch-action:manipulation}
.operations-shell button{cursor:pointer}
.operations-shell button:disabled{cursor:default;opacity:.45}
.operations-shell button:focus-visible,.operations-shell a:focus-visible,.operations-shell input:focus-visible,.operations-shell select:focus-visible,.operations-shell textarea:focus-visible{outline:3px solid #8a9aff;outline-offset:3px}
.operations-shell [hidden]{display:none!important}
.operations-shell svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0}
.operations-shell button{color:inherit}
.operations-shell a{color:inherit;text-decoration:none}
.operations-shell{display:flex;min-height:100vh}
.operations-shell .sidebar{width:246px;background:var(--side);color:#a6afc4;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:31px 17px 15px}
.operations-shell .brand{display:flex;align-items:center;gap:13px;color:white;padding:0 12px 30px;font:800 26px "Manrope",var(--font);letter-spacing:-1px}
.operations-shell .brand small{display:block;font:600 9px var(--font);letter-spacing:2.15px;color:#7c88a4;margin-top:2px}
.operations-shell .brand-symbol{display:grid;grid-template-columns:repeat(2,10px);gap:4px;transform:rotate(-8deg)}
.operations-shell .brand-symbol i{width:10px;height:10px;background:#8c9cff;border-radius:3px}
.operations-shell .brand-symbol i:nth-child(2){background:#546ff1}
.operations-shell .brand-symbol i:nth-child(3){background:#546ff1}
.operations-shell .brand-symbol i:nth-child(4){background:#c2caff}
.operations-shell .workspace{display:flex;align-items:center;gap:10px;border:1px solid #2a3245;background:#182135;padding:12px 10px;border-radius:9px;color:#e3e7f0;font-size:12px;margin-bottom:32px}
.operations-shell .workspace-icon{width:31px;height:31px;display:grid;place-items:center;background:#2b3550;border:1px solid #3a4560;border-radius:8px;font-weight:700}
.operations-shell .workspace small,.operations-shell .profile small{display:block;color:#7f8ba6;font-size:10px;margin-top:4px}
.operations-shell .chevron{margin-left:auto;color:#74809a;font-size:20px}
.operations-shell .nav-label{padding:0 14px;color:#68748f;font-size:9px;letter-spacing:1.5px;font-weight:700;margin-bottom:11px}
.operations-shell .nav-item{border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;color:#9ba7bf;border-radius:7px;font-size:12px;font-weight:500;margin:3px 0}
.operations-shell .nav-item:hover{background:#1b2439;color:white}
.operations-shell .nav-item.active{background:#26375f;color:#dce4ff;box-shadow:inset 3px 0 #7e97ff}
.operations-shell .nav-item svg{width:17px;height:17px}
.operations-shell .nav-count{margin-left:auto;font-size:10px;color:#a8b9ed;background:#34466c;padding:2px 6px;border-radius:4px}
.operations-shell .nav-item:not(.active) .nav-count{background:#242e43;color:#9ba7bf}
.operations-shell .group-label{display:flex;justify-content:space-between;margin-top:38px}
.operations-shell .group-label span{font-size:10px;letter-spacing:0}
.operations-shell .group{border:0;background:none;display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:11px 14px;color:#8996af;border-radius:6px;font-size:11px;letter-spacing:.3px}
.operations-shell .group .dot{width:5px;height:5px;opacity:.8}
.operations-shell .group .group-number{margin-left:auto;font-size:10px;color:#626f8b}
.operations-shell .group:hover,.operations-shell .group.selected{color:#e0e7f8;background:#1a253d}
.operations-shell .sidebar-bottom{margin-top:auto;padding-top:42px}
.operations-shell .preview-state{border:1px solid #29334b;padding:13px 13px 13px 29px;border-radius:8px;font-size:11px;color:#c2cbe0;position:relative;margin:0 7px 19px}
.operations-shell .preview-state small{display:block;color:#697895;font-size:10px;margin-top:4px}
.operations-shell .pulse{width:5px;height:5px;background:#8298fd;position:absolute;left:14px;top:17px;border-radius:50%;box-shadow:0 0 0 4px #8298fd12}
.operations-shell .profile{background:none;border:0;display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px 0;border-top:1px solid #252e42;text-align:left;color:#d9dfed;font-size:11px}
.operations-shell .avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#e9edfa;color:#5868a4;font-size:10px;font-weight:700;flex-shrink:0}
.operations-shell .profile .avatar{background:#303b56;color:#c6d1f0}
.operations-shell .avatar.small{width:30px;height:30px;font-size:9px}
.operations-shell .main-shell{margin-left:246px;width:calc(100% - 246px)}
.operations-shell .topbar{height:72px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 41px}
.operations-shell .breadcrumb{display:flex;align-items:center;gap:15px;color:#8d95a4;font-size:11px}
.operations-shell .breadcrumb strong{font-weight:500;color:#48536b}
.operations-shell .slash{color:#ccd1dc}
.operations-shell .topbar-right{display:flex;align-items:center;gap:22px}
.operations-shell .environment{font-size:10px;color:#6f7b96;display:flex;align-items:center;gap:7px;background:#f6f7fc;padding:6px 9px;border:1px solid #edf0f7;border-radius:5px}
.operations-shell .dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}
.operations-shell .green{background:#29a587}
.operations-shell .blue{background:#7286eb}
.operations-shell .icon-button{background:none;border:0;padding:6px;color:#8a94a7;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}
.operations-shell .icon-button:hover{background:#f0f3fa;color:#334665}
.operations-shell .icon-button svg{width:17px;height:17px}
.operations-shell .mobile-menu{display:none}
.operations-shell main{padding:29px 40px 0;max-width:1550px;margin:auto}
.operations-shell .preview-banner{border:1px solid #e2e7f6;background:#f0f3fc;border-radius:7px;display:flex;align-items:center;gap:10px;color:#7582a5;padding:11px 14px;font-size:10px;margin-bottom:34px;line-height:1.5}
.operations-shell .preview-banner svg{width:15px;height:15px;color:#8c9bc1}
.operations-shell .preview-banner strong{font-weight:600;color:#53648f}
.operations-shell .text-button{background:none;border:0;color:#6879a6;font-size:10px;font-weight:600;white-space:nowrap}
.operations-shell .preview-banner .text-button{margin-left:auto}
.operations-shell .text-button span{padding-left:6px}
.operations-shell .page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.operations-shell .eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#8a94aa}
.operations-shell .page-heading h1{font:750 31px "Manrope",var(--font);letter-spacing:-1.1px;margin:7px 0 9px;line-height:1.3}
.operations-shell .page-heading p{font-size:12px;color:#8790a2;margin:0;line-height:1.7}
.operations-shell .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #e2e6ef;background:var(--panel);border-radius:6px;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:0 1px 2px #18203304}
.operations-shell .button svg{width:15px;height:15px}
.operations-shell .button:hover{background:#f6f8fd;border-color:#c7d0e5}
.operations-shell .button.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 7px #405ce81a}
.operations-shell .button.primary:hover{background:#344ccc}
.operations-shell .button.danger{background:#d74a5b;color:white;border-color:#d74a5b}
.operations-shell .button.subtle{background:none;box-shadow:none}
.operations-shell .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:29px}
.operations-shell .stat{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:19px 21px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 4px #18203302}
.operations-shell .stat-icon{width:41px;height:41px;display:grid;place-items:center;background:#f0f3ff;border-radius:9px;color:#7488e5}
.operations-shell .stat-icon.teal{background:#edf8f5;color:#51a78e}
.operations-shell .stat-icon.violet{background:#f4f0fc;color:#9b83ca}
.operations-shell .stat-label{font-size:10px;color:#8b93a3;font-weight:500}
.operations-shell .stat-number{display:flex;gap:10px;align-items:baseline;margin-top:4px}
.operations-shell .stat-number strong{font:750 26px "Manrope",var(--font);letter-spacing:-1px}
.operations-shell .stat-number span{color:#9ba3b1;font-size:9px}
.operations-shell .panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #18203302;overflow:hidden}
.operations-shell .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 23px 20px}
.operations-shell .panel-title h2{display:flex;align-items:center;gap:9px;font:700 13px "Manrope",var(--font);margin:0 0 6px}
.operations-shell .count-pill{background:#f1f3f8;border:1px solid #e9ecf4;padding:1px 6px;font:500 9px var(--font);border-radius:4px;color:#7c89a5;min-width:23px;text-align:center}
.operations-shell .muted{color:#919aab;font-size:10px}
.operations-shell .table-controls{display:flex;gap:10px;align-items:center}
.operations-shell .search{display:flex;align-items:center;gap:8px;border:1px solid #e7eaf1;border-radius:6px;padding:8px 10px;color:#a5adbb;max-width:230px}
.operations-shell .search svg{width:14px;height:14px}
.operations-shell .search input{background:none;border:0;outline:none;min-width:0;width:155px;color:#536078;font-size:10px}
.operations-shell .search input::placeholder{color:#a0a8b7}
.operations-shell .search kbd{font-size:9px;background:#fafbfe;border:1px solid #e6e9ef;border-radius:3px;padding:1px 4px}
.operations-shell .table-controls select{font-size:10px;color:#788399;padding:9px 10px;max-width:170px;border:1px solid #e7eaf1;border-radius:6px;background:var(--panel)}
.operations-shell .table-scroll{overflow-x:auto}
.operations-shell table{width:100%;border-collapse:collapse;text-align:left}
.operations-shell th{background:#fafbfe;color:#99a1af;font-size:9px;letter-spacing:.5px;font-weight:500;border-top:1px solid #f0f2f7;border-bottom:1px solid #eef0f5;padding:13px 23px;white-space:nowrap}
.operations-shell td{border-bottom:1px solid #f0f2f6;padding:20px 23px;font-size:11px;color:#7c879b}
.operations-shell .zone-table tbody tr{cursor:pointer;transition:background .15s}
.operations-shell .zone-table tbody tr:hover{background:#fafbff}
.operations-shell tbody tr:last-child td{border-bottom:0}
.operations-shell .domain-cell{display:flex;align-items:center;gap:12px}
.operations-shell .domain-icon{width:33px;height:33px;border:1px solid #eaedf5;border-radius:8px;display:grid;place-items:center;color:#8296b9;background:#fafbfe}
.operations-shell .domain-icon svg{width:17px;height:17px}
.operations-shell .domain-name{color:#39445a;font-size:12px;font-weight:600}
.operations-shell .domain-name small{display:block;color:#a5adbb;font-size:9px;font-weight:400;margin-top:4px}
.operations-shell .group-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e8ebf3;border-radius:4px;padding:4px 7px;background:#fafbfe;font-size:9px;color:#7885a1;white-space:nowrap}
.operations-shell .group-chip i{width:4px;height:4px;border-radius:1px;background:#8c9ecb}
.operations-shell .badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border-radius:4px;white-space:nowrap}
.operations-shell .badge.healthy{color:#45927d;background:#eff8f4;border:1px solid #e1f0e9}
.operations-shell .badge.draft{color:#a78440;background:#fcf8ed;border:1px solid #f3e9cc}
.operations-shell .badge.draft .dot{background:#c7a050}
.operations-shell .badge svg{width:12px;height:12px}
.operations-shell .last-col{width:40px;text-align:right;padding-left:0}
.operations-shell .row-arrow{color:#b7c1d2}
.operations-shell .row-arrow svg{width:15px;height:15px}
.operations-shell .panel-footer{border-top:1px solid var(--line);padding:15px 23px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a0a8b8}
.operations-shell .panel-footer>span:last-child{display:flex;align-items:center;gap:7px}
.operations-shell .panel-footer .dot{width:4px;height:4px}
.operations-shell .bottom-note{display:flex;align-items:center;gap:8px;color:#9da6b7;font-size:10px;margin-top:19px;line-height:1.6}
.operations-shell .bottom-note svg{width:14px;height:14px;color:#8ba0b7}
.operations-shell .footer{display:flex;justify-content:space-between;padding:31px 0 22px;color:#b0b7c5;font-size:9px}
.operations-shell .footer>span:last-child{display:flex;gap:9px}
.operations-shell .empty{padding:55px 20px;text-align:center;color:#95a0b5;font-size:12px}
.operations-shell .empty svg{display:block;margin:0 auto 14px;width:29px;height:29px;color:#b9c6de}
.operations-shell .back-link{border:0;background:none;padding:0;color:#8391b0;display:flex;align-items:center;gap:7px;font-size:10px;margin-bottom:20px}
.operations-shell .back-link svg{width:13px;height:13px}
.operations-shell .zone-heading h1{display:flex;gap:13px;align-items:center}
.operations-shell .zone-heading .domain-icon{width:42px;height:42px;border-radius:10px;background:var(--panel)}
.operations-shell .zone-heading .domain-icon svg{width:23px;height:23px}
.operations-shell .heading-actions{display:flex;gap:9px;align-items:center}
.operations-shell .metadata{display:flex;gap:17px;align-items:center;font-size:10px;color:#9aa4b6;flex-wrap:wrap}
.operations-shell .metadata .badge{padding:3px 7px}
.operations-shell .detail-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:25px}
.operations-shell .detail-tab{border:0;background:none;color:#95a0b3;padding:13px 0 15px;font-size:11px;position:relative}
.operations-shell .detail-tab.active{color:var(--blue);font-weight:600}
.operations-shell .detail-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue);border-radius:3px}
.operations-shell .record-type{font-size:9px;font-weight:650;padding:4px 7px;display:inline-block;border:1px solid #e1e7fa;border-radius:4px;background:#f0f3ff;color:#7189d6;min-width:40px;text-align:center}
.operations-shell .record-type.AAAA{background:#ebf7f5;color:#529c91;border-color:#d9efea}
.operations-shell .record-type.NS{background:#f3effa;color:#9b80bf;border-color:#ebe2f6}
.operations-shell .record-type.SOA{background:#f4f5f8;color:#9a9fac;border-color:#e8eaf0}
.operations-shell .record-type.TXT{background:#fcf7e9;color:#b49c58;border-color:#f5ebd0}
.operations-shell .record-type.CNAME{background:#fff2ea;color:#c28e63;border-color:#f6e3d6}
.operations-shell .record-table td{padding:16px 20px}
.operations-shell .record-table th{padding:12px 20px}
.operations-shell .record-name{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#66738d}
.operations-shell .record-content{font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8791a7;max-width:430px;overflow-wrap:anywhere}
.operations-shell .record-content .value+ .value{border-top:1px dashed #eff0f6;padding-top:3px;margin-top:3px}
.operations-shell .record-actions{display:flex;gap:6px;justify-content:flex-end}
.operations-shell .record-actions .icon-button svg{width:14px;height:14px}
.operations-shell .managed{font-size:9px;color:#b0b7c5}
.operations-shell .pair-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:21px}
.operations-shell .mini-server{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px 20px}
.operations-shell .mini-server-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.operations-shell .mini-server-top strong{font-size:11px;font-weight:600}
.operations-shell .mini-server .server-ip{font:10px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8a96ab}
.operations-shell .role{color:#8e9bb3;font-size:9px;background:#f3f5fa;padding:3px 6px;border-radius:4px}
.operations-shell .server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.operations-shell .server-pair{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:20px}
.operations-shell .server-pair-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.operations-shell .server-pair-head h2{font:700 12px "Manrope",var(--font);margin:0}
.operations-shell .server-node{border-top:1px solid #eff1f6;padding:16px 0 0;margin-top:14px}
.operations-shell .server-node .mini-server-top{margin-bottom:8px}
.operations-shell .server-node .server-ip{color:#95a0b4;font:10px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}
.operations-shell .server-node small{color:#a4adbc;font-size:9px}
.operations-shell .activity-item{display:flex;gap:15px;padding:22px;border-bottom:1px solid var(--line);align-items:flex-start}
.operations-shell .activity-item:last-child{border-bottom:0}
.operations-shell .activity-icon{width:32px;height:32px;display:grid;place-items:center;background:#f1f4fd;color:#8b9dd6;border-radius:8px;flex-shrink:0}
.operations-shell .activity-icon svg{width:15px;height:15px}
.operations-shell .activity-item h3{font-size:11px;margin:0 0 6px;font-weight:600}
.operations-shell .activity-item p{font-size:10px;color:#98a2b5;margin:0;line-height:1.8}
.operations-shell .activity-item time{margin-left:auto;font-size:9px;color:#a7afbf;white-space:nowrap}
.operations-shell .activity-item .badge{margin-top:9px}
.operations-shell dialog{border:1px solid #e2e7f1;border-radius:12px;width:min(510px,calc(100vw - 32px));padding:0;box-shadow:0 25px 100px #16214333;color:var(--ink)}
.operations-shell dialog::backdrop{background:#111a2e80;backdrop-filter:blur(3px)}
.operations-shell .modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:27px 26px 20px;border-bottom:1px solid var(--line)}
.operations-shell .modal-head h2{font:750 21px "Manrope",var(--font);letter-spacing:-.6px;margin:7px 0 0}
.operations-shell .modal-head .icon-button{margin-top:0}
.operations-shell #modal-body{padding:23px 26px 5px}
.operations-shell .field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.operations-shell .field label{font-size:11px;font-weight:600;color:#64718c}
.operations-shell .field input,.operations-shell .field select,.operations-shell .field textarea{border:1px solid #e1e6ef;border-radius:6px;padding:11px 12px;color:#495a79;background:var(--panel);min-width:0;font-size:12px}
.operations-shell .field textarea{resize:vertical;min-height:100px;line-height:1.7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.operations-shell .field small{font-size:10px;color:#a1aabc;line-height:1.6}
.operations-shell .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.operations-shell .modal-info{background:#f4f6fc;border:1px solid #e8edf7;border-radius:6px;padding:12px;color:#8b98b1;font-size:10px;line-height:1.7;margin-bottom:18px}
.operations-shell .modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:18px 26px 23px}
.operations-shell .form-error{color:#c65a6b;font-size:11px;padding:0 26px;line-height:1.6}
.operations-shell .toast{position:fixed;bottom:25px;left:calc(50% + 120px);transform:translate(-50%,15px);padding:12px 18px;background:#23324e;color:#e5eaf5;border-radius:8px;box-shadow:0 8px 25px #17203533;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:90vw}
.operations-shell .toast.visible{opacity:1;transform:translate(-50%,0)}
.operations-shell .danger-note{color:#a2727c;font-size:11px;line-height:1.8}
.operations-shell .drawer-note{font-size:11px;color:#8793ab;line-height:1.8}
.operations-shell .connection-list{font-size:11px;line-height:2.1;color:#7c8ba6}
.operations-shell .connection-list strong{font-weight:600;color:#4b5d7d}
.operations-shell .info-box{border:1px solid var(--line);padding:17px;border-radius:7px;font-size:11px;color:#8c98ad;line-height:1.9;margin-bottom:15px}
.operations-shell .zone-options{padding-top:8px}
@media(min-width:1500px){.operations-shell main{padding-left:55px;padding-right:55px}
.operations-shell .topbar{padding-left:55px;padding-right:55px}
.operations-shell td{padding-top:22px;padding-bottom:22px}}
@media(max-width:1150px){.operations-shell .sidebar{width:215px}
.operations-shell .main-shell{margin-left:215px;width:calc(100% - 215px)}
.operations-shell main{padding:24px 25px 0}
.operations-shell .topbar{padding:0 25px}
.operations-shell .panel-heading{padding:19px;gap:10px}
.operations-shell .table-controls{gap:7px}
.operations-shell .search{max-width:180px}
.operations-shell .search input{width:105px}
.operations-shell .table-controls select{max-width:130px}
.operations-shell td,.operations-shell th{padding-left:18px;padding-right:18px}
.operations-shell .stats{gap:12px}
.operations-shell .stat{padding:17px 14px;gap:11px}
.operations-shell .stat-icon{width:35px;height:35px}
.operations-shell .stat-number span{font-size:8px}
.operations-shell .toast{left:calc(50% + 100px)}}
@media(max-width:850px){.operations-shell .sidebar{width:190px;padding-left:11px;padding-right:11px}
.operations-shell .main-shell{margin-left:190px;width:calc(100% - 190px)}
.operations-shell .brand{font-size:23px;padding-left:11px}
.operations-shell .workspace{font-size:10px;padding:10px 8px}
.operations-shell .workspace-icon{width:26px;height:26px}
.operations-shell .workspace small{font-size:8px}
.operations-shell .nav-item{font-size:11px;gap:9px}
.operations-shell .nav-label{font-size:8px}
.operations-shell .group{font-size:10px}
.operations-shell .page-heading h1{font-size:27px}
.operations-shell .page-heading p{font-size:11px}
.operations-shell .panel-heading{align-items:flex-start;flex-direction:column;gap:16px}
.operations-shell .table-controls{width:100%}
.operations-shell .search{max-width:none;flex:1}
.operations-shell .search input{width:100%}
.operations-shell .table-controls select{max-width:none}
.operations-shell .stats{gap:10px}
.operations-shell .stat{display:block;padding:15px}
.operations-shell .stat-icon{width:30px;height:30px;margin-bottom:10px}
.operations-shell .stat-icon svg{width:16px;height:16px}
.operations-shell .stat-number strong{font-size:23px}
.operations-shell .stat-number span{display:none}
.operations-shell .stat-label{font-size:9px}
.operations-shell .server-grid{grid-template-columns:1fr}
.operations-shell .metadata{gap:9px}
.operations-shell .heading-actions .button{font-size:10px;padding:9px}
.operations-shell .panel-footer{font-size:8px;padding:14px 17px}
.operations-shell .panel-footer>span:last-child{display:none}
.operations-shell .preview-banner{align-items:flex-start;font-size:9px}
.operations-shell .preview-banner .text-button{font-size:9px}
.operations-shell .preview-banner strong{display:block}
.operations-shell .preview-banner svg{margin-top:3px}
.operations-shell .record-table td,.operations-shell .record-table th{padding-left:15px;padding-right:15px}
.operations-shell .bottom-note{font-size:9px}
.operations-shell .pair-summary{gap:10px}
.operations-shell .mini-server{padding:15px}
.operations-shell .mini-server .server-ip{font-size:9px}
.operations-shell .mini-server-top{align-items:flex-start;gap:5px}
.operations-shell .mini-server-top strong{font-size:10px}
.operations-shell .role{font-size:8px}
.operations-shell .toast{left:calc(50% + 90px)}}
@media(max-width:640px){.operations-shell .sidebar{transform:translateX(-100%);width:246px;transition:transform .2s;box-shadow:15px 0 80px #10203d35}
.operations-shell .sidebar.open{transform:translateX(0)}
.operations-shell .main-shell{margin-left:0;width:100%}
.operations-shell .mobile-menu{display:inline-flex}
.operations-shell .topbar{height:60px;padding:0 17px}
.operations-shell .topbar-right{gap:12px}
.operations-shell .breadcrumb{gap:9px;font-size:10px}
.operations-shell .environment{font-size:8px}
.operations-shell .topbar-right .avatar{display:none}
.operations-shell main{padding:19px 15px 0}
.operations-shell .preview-banner{margin-bottom:26px;padding:10px;gap:7px}
.operations-shell .preview-banner .text-button{align-self:center;max-width:70px;white-space:normal;text-align:right}
.operations-shell .preview-banner .text-button span{display:none}
.operations-shell .page-heading{gap:12px;align-items:center;margin-bottom:21px}
.operations-shell .page-heading h1{font-size:26px}
.operations-shell .page-heading p{font-size:10px;max-width:235px}
.operations-shell .eyebrow{font-size:8px}
.operations-shell .button{font-size:10px;padding:9px 11px}
.operations-shell .stats{margin-bottom:22px;gap:8px}
.operations-shell .stat{padding:13px 11px}
.operations-shell .stat-label{font-size:8px}
.operations-shell .stat-number strong{font-size:22px}
.operations-shell .stat-icon{width:28px;height:28px}
.operations-shell .panel-heading{padding:18px 15px;gap:14px}
.operations-shell .table-controls select{max-width:145px;font-size:9px;padding:9px 6px}
.operations-shell .search{padding:8px}
.operations-shell .search input{font-size:10px}
.operations-shell .search kbd{display:none}
.operations-shell .zone-table th:nth-child(3),.operations-shell .zone-table td:nth-child(3){display:none}
.operations-shell .zone-table th:nth-child(2),.operations-shell .zone-table td:nth-child(2){display:none}
.operations-shell .zone-table td,.operations-shell .zone-table th{padding-left:15px;padding-right:15px}
.operations-shell .domain-cell{gap:9px}
.operations-shell .domain-name{font-size:11px}
.operations-shell .domain-icon{width:29px;height:29px}
.operations-shell .zone-table td{padding-top:18px;padding-bottom:18px}
.operations-shell .badge{font-size:8px;padding:4px 6px}
.operations-shell .last-col{width:30px;padding-left:0!important}
.operations-shell .footer{padding:27px 0 20px;font-size:8px}
.operations-shell .bottom-note{font-size:9px;align-items:flex-start}
.operations-shell .bottom-note svg{margin-top:2px}
.operations-shell .zone-heading h1{font-size:23px;gap:8px}
.operations-shell .zone-heading .domain-icon{width:33px;height:33px}
.operations-shell .zone-heading .domain-icon svg{width:19px;height:19px}
.operations-shell .zone-heading{align-items:flex-start}
.operations-shell .heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:7px}
.operations-shell .heading-actions .button{padding:8px 9px;font-size:9px}
.operations-shell .heading-actions .button.subtle{border:0}
.operations-shell .metadata{font-size:8px;gap:7px}
.operations-shell .pair-summary{grid-template-columns:1fr}
.operations-shell .record-table{min-width:550px}
.operations-shell .record-table td,.operations-shell .record-table th{padding-left:14px;padding-right:14px}
.operations-shell .record-content{max-width:250px}
.operations-shell .detail-tab{font-size:10px}
.operations-shell .toast{left:50%;width:max-content;max-width:90vw;font-size:10px}
.operations-shell .workspace{font-size:12px}
.operations-shell .workspace small{font-size:10px}
.operations-shell .nav-label{font-size:9px}
.operations-shell .nav-item{font-size:12px}
.operations-shell .group{font-size:11px}
.operations-shell .workspace-icon{width:31px;height:31px}
.operations-shell .modal-head{padding:22px}
.operations-shell #modal-body{padding:21px 22px 5px}
.operations-shell .modal-actions{padding:18px 22px 22px}
.operations-shell .form-error{padding:0 22px}
.operations-shell .field-row{gap:10px}
.operations-shell .activity-item{padding:18px 15px;gap:10px}
.operations-shell .activity-item time{font-size:8px}
.operations-shell .activity-item h3{font-size:10px}}
.operations-shell{--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#1c2639;--muted:#647087;--line:#e0e5ee;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--side-width:260px}
.operations-shell{font-size:16px}
.operations-shell .sidebar{width:var(--side-width);padding-top:27px}
.operations-shell .main-shell{margin-left:var(--side-width);width:calc(100% - var(--side-width))}
.operations-shell .brand{font-family:var(--font);font-size:28px;letter-spacing:-1.1px}
.operations-shell .brand small{font-family:var(--font);font-size:11px;letter-spacing:1.6px;color:#9eaecb}
.operations-shell .workspace{font-size:14px}
.operations-shell .workspace small,.operations-shell .profile small{font-size:12px;color:#9aa9c3}
.operations-shell .nav-label{font-size:11px;letter-spacing:1px;color:#8d9bb6}
.operations-shell .nav-item{font-size:14px;padding-top:13px;padding-bottom:13px}
.operations-shell .nav-count{font-size:12px}
.operations-shell .group-label{margin-top:30px}
.operations-shell .group-label span{font-size:12px}
.operations-shell .group{font-size:13px;padding-top:12px;padding-bottom:12px;color:#b0bcd1;letter-spacing:0}
.operations-shell .group .group-number{font-size:12px;color:#9aabc9}
.operations-shell .preview-state{font-size:13px;padding-left:29px}
.operations-shell .preview-state small{font-size:12px;color:#91a0bd}
.operations-shell .profile{font-size:13px}
.operations-shell .avatar{font-size:11px}
.operations-shell .breadcrumb{font-size:13px}
.operations-shell .topbar{padding-left:32px;padding-right:32px}
.operations-shell .environment{font-size:12px}
.operations-shell .topbar-right .icon-button svg{width:20px;height:20px}
.operations-shell main{padding:26px 32px 0;max-width:1600px}
.operations-shell .direction-picker{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:17px 19px;border:1px solid #dce2ee;border-radius:10px;background:var(--panel);box-shadow:0 2px 5px #17203303}
.operations-shell .direction-intro{display:flex;flex-direction:column;gap:5px;min-width:0}
.operations-shell .direction-intro strong{font-size:14px;font-weight:650;color:#33425d}
.operations-shell .direction-intro>span{font-size:12px;color:#687892}
.operations-shell .direction-buttons{display:flex;gap:5px;flex-shrink:0}
.operations-shell .direction-buttons button{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;background:#f5f7fb;color:#63718c;padding:10px 12px;font:600 13px var(--font)}
.operations-shell .direction-buttons button>span{font:500 11px var(--mono);opacity:.65}
.operations-shell .direction-buttons button:hover{background:#eaf0fa}
.operations-shell .direction-buttons button[aria-pressed=true]{background:#edf1ff;border-color:#becbf7;color:#354fc2;box-shadow:0 1px 3px #405ce80c}
.operations-shell .preview-banner{font-size:12px;color:#657697;padding:12px 14px;margin-bottom:27px}
.operations-shell .preview-banner strong{color:#465b87}
.operations-shell .text-button{font-size:12px}
.operations-shell .preview-banner .text-button{font-size:12px}
.operations-shell .page-heading{margin-bottom:23px}
.operations-shell .eyebrow{font-size:11px;color:#6d7b94;letter-spacing:1px}
.operations-shell .page-heading h1{font-family:var(--font);font-size:32px;letter-spacing:-1px;font-weight:700}
.operations-shell .page-heading p{font-size:14px;color:#68778f}
.operations-shell .button{font-size:14px;padding:11px 15px;gap:8px}
.operations-shell .button svg{width:17px;height:17px}
.operations-shell .stats{gap:16px;margin-bottom:24px}
.operations-shell .stat{padding:17px 20px;gap:14px}
.operations-shell .stat-label{font-size:13px;color:#63708a}
.operations-shell .stat-number{gap:10px}
.operations-shell .stat-number strong{font:700 29px var(--font);letter-spacing:-.8px}
.operations-shell .stat-number span{font-size:11px;color:#7d8aa0}
.operations-shell .stat-icon{width:39px;height:39px}
.operations-shell .panel-title h2{font-family:var(--font);font-size:16px;font-weight:650}
.operations-shell .count-pill{font:500 12px var(--font);color:#657590;padding:2px 7px}
.operations-shell .muted{font-size:12px;color:#738198}
.operations-shell .panel-heading{padding:20px 22px}
.operations-shell .search{padding:10px 11px;max-width:250px;gap:8px}
.operations-shell .search input{font-size:13px;width:160px;color:#3e506e}
.operations-shell .search input::placeholder{color:#8390a4}
.operations-shell .search svg{width:16px;height:16px}
.operations-shell .search kbd{font-size:11px}
.operations-shell .table-controls select{font-size:13px;padding:10px;max-width:175px;color:#546681}
.operations-shell th{font-size:12px;letter-spacing:0;text-transform:none;color:#687790;padding:13px 22px;font-weight:500;background:#f7f9fc}
.operations-shell td{font-size:14px;color:#54647e;padding:17px 22px}
.operations-shell .domain-name{font-size:15px;color:#263853;font-weight:600}
.operations-shell .domain-name small{font-size:12px;color:#7a879c;margin-top:5px}
.operations-shell .domain-icon{width:35px;height:35px}
.operations-shell .domain-icon svg{width:19px;height:19px}
.operations-shell .domain-cell{gap:12px}
.operations-shell .group-chip{font-size:11px;color:#657797;padding:5px 7px;letter-spacing:0}
.operations-shell .badge{font-size:12px;padding:5px 8px;gap:6px}
.operations-shell .badge svg{width:14px;height:14px}
.operations-shell .badge.healthy{color:#277a60;background:#eef8f3;border-color:#dbede3}
.operations-shell .badge.draft{color:#936e27}
.operations-shell .last-col{padding-left:0}
.operations-shell .panel-footer{font-size:11px;color:#7b889e;padding:15px 22px}
.operations-shell .bottom-note{font-size:12px;color:#6f7f97;gap:9px}
.operations-shell .bottom-note svg{width:16px;height:16px}
.operations-shell .footer{font-size:11px;color:#8896aa;padding-top:27px}
.operations-shell .back-link{font-size:13px;margin-bottom:18px}
.operations-shell .metadata{font-size:12px;color:#71829a}
.operations-shell .metadata .badge{padding:4px 7px}
.operations-shell .detail-tab{font-size:14px;padding-top:13px;padding-bottom:14px}
.operations-shell .detail-tabs{gap:27px;margin-bottom:23px}
.operations-shell .zone-heading .domain-icon{width:44px;height:44px}
.operations-shell .record-table td{padding:15px 19px}
.operations-shell .record-table th{padding:13px 19px}
.operations-shell .record-type{font-size:12px;min-width:46px;padding:4px 7px}
.operations-shell .record-name{font:13px var(--mono);color:#3e5575}
.operations-shell .record-content{font:13px/1.65 var(--mono);color:#667892;max-width:420px}
.operations-shell .record-actions .icon-button{padding:8px}
.operations-shell .record-actions .icon-button svg{width:17px;height:17px}
.operations-shell .managed{font-size:12px;color:#8997ad}
.operations-shell .mini-server{padding:19px 21px}
.operations-shell .mini-server-top strong{font-size:14px}
.operations-shell .mini-server .server-ip{font:13px/1.9 var(--mono);color:#627693}
.operations-shell .role{font-size:11px;color:#637793;padding:4px 7px}
.operations-shell .server-pair{padding:22px}
.operations-shell .server-pair-head h2{font:650 16px var(--font)}
.operations-shell .server-node .server-ip{font:13px/1.9 var(--mono);color:#607492}
.operations-shell .server-node small{font-size:12px;color:#8392a8}
.operations-shell .activity-item h3{font-size:14px}
.operations-shell .activity-item p{font-size:13px;color:#71849e}
.operations-shell .activity-item time{font-size:12px;color:#8796ab}
.operations-shell .drawer-note,.operations-shell .info-box{font-size:14px;color:#6c7d97}
.operations-shell .empty{font-size:14px}
.operations-shell .empty .drawer-note{font-size:13px}
.operations-shell .modal-head h2{font:700 24px var(--font)}
.operations-shell .field label{font-size:14px;color:#526581}
.operations-shell .field input,.operations-shell .field select,.operations-shell .field textarea{font-size:15px;color:#334e73;padding:12px}
.operations-shell .field textarea{font:14px/1.8 var(--mono)}
.operations-shell .field small{font-size:12px;color:#7f8da2}
.operations-shell .modal-info{font-size:13px;color:#657a9c;padding:13px}
.operations-shell .form-error,.operations-shell .danger-note{font-size:13px}
.operations-shell .toast{font-size:13px}
.operations-shell .connection-list{font-size:14px}
@media(max-width:1200px){.operations-shell{--side-width:235px}
.operations-shell .topbar{padding-left:25px;padding-right:25px}
.operations-shell main{padding-left:25px;padding-right:25px}
.operations-shell .direction-intro>span{font-size:11px}
.operations-shell .direction-buttons button{font-size:12px;padding:10px}
.operations-shell .stat-number span{display:none}
.operations-shell .search{max-width:210px}
.operations-shell .search input{width:125px}
.operations-shell .table-controls select{max-width:145px}
.operations-shell .panel-heading{padding-left:18px;padding-right:18px}
.operations-shell td,.operations-shell th{padding-left:18px;padding-right:18px}
.operations-shell .zone-table th:nth-child(3),.operations-shell .zone-table td:nth-child(3){display:none}}
@media(max-width:1000px){.operations-shell{--side-width:215px}
.operations-shell .direction-picker{flex-direction:column;align-items:flex-start;gap:14px}
.operations-shell .direction-buttons{width:100%}
.operations-shell .direction-buttons button{flex:1;justify-content:center}
.operations-shell .direction-intro{flex-direction:row;align-items:center;gap:12px}
.operations-shell .direction-intro>span{font-size:11px}
.operations-shell .domain-name{font-size:14px}
.operations-shell .domain-name small{font-size:11px}
.operations-shell .group-chip{font-size:10px}
.operations-shell .badge{font-size:11px}
.operations-shell .stat{display:block;padding:17px}
.operations-shell .stat-label{font-size:12px}
.operations-shell .stat-icon{margin-bottom:9px}
.operations-shell .stat-number strong{font-size:27px}
.operations-shell .panel-heading{align-items:flex-start;flex-direction:column;gap:14px}
.operations-shell .table-controls{width:100%}
.operations-shell .search{max-width:none;flex:1}
.operations-shell .search input{width:100%}
.operations-shell .table-controls select{max-width:none}
.operations-shell .pair-summary{grid-template-columns:1fr}
.operations-shell .server-grid{grid-template-columns:1fr}
.operations-shell .preview-banner>span{line-height:1.7}
.operations-shell .preview-banner .text-button{font-size:11px}
.operations-shell .preview-banner strong{display:block}
.operations-shell .zone-heading h1{font-size:27px}
.operations-shell .record-table{min-width:650px}
.operations-shell .page-heading p{max-width:430px}
.operations-shell .bottom-note{align-items:flex-start}
.operations-shell .bottom-note svg{margin-top:3px}}
@media(max-width:640px){.operations-shell{--side-width:260px}
.operations-shell .sidebar{width:var(--side-width)}
.operations-shell .main-shell{margin-left:0;width:100%}
.operations-shell main{padding:18px 15px 0}
.operations-shell .topbar{padding:0 14px;height:62px}
.operations-shell .direction-picker{padding:15px 12px;gap:13px;border-radius:8px;margin-bottom:15px}
.operations-shell .direction-intro{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.operations-shell .direction-intro strong{font-size:13px}
.operations-shell .direction-intro>span{font-size:11px}
.operations-shell .direction-buttons{gap:4px}
.operations-shell .direction-buttons button{padding:10px 6px;font-size:11px;gap:4px}
.operations-shell .direction-buttons button>span{font-size:9px}
.operations-shell .preview-banner{font-size:11px;padding:10px;gap:7px;margin-bottom:24px}
.operations-shell .preview-banner .text-button{font-size:10px;max-width:66px}
.operations-shell .page-heading h1{font-size:27px}
.operations-shell .page-heading p{font-size:13px;max-width:240px;line-height:1.6}
.operations-shell .page-heading{gap:10px;margin-bottom:20px}
.operations-shell .page-heading .button{font-size:12px;padding:10px 11px}
.operations-shell .eyebrow{font-size:10px}
.operations-shell .stats{gap:8px}
.operations-shell .stat{padding:13px 11px;display:block}
.operations-shell .stat-label{font-size:11px;white-space:nowrap}
.operations-shell .stat-number strong{font-size:25px}
.operations-shell .stat-number span{display:none}
.operations-shell .stat-icon{width:29px;height:29px;margin-bottom:9px}
.operations-shell .panel-heading{padding:17px 14px;gap:14px}
.operations-shell .panel-title h2{font-size:15px}
.operations-shell .muted{font-size:12px}
.operations-shell .search{padding:9px}
.operations-shell .search input{font-size:13px}
.operations-shell .table-controls select{font-size:12px;max-width:135px;padding:9px 6px}
.operations-shell .zone-table th:nth-child(2),.operations-shell .zone-table td:nth-child(2),.operations-shell .zone-table th:nth-child(3),.operations-shell .zone-table td:nth-child(3){display:none}
.operations-shell .zone-table td,.operations-shell .zone-table th{padding-left:13px;padding-right:13px}
.operations-shell .zone-table th{font-size:12px}
.operations-shell .zone-table td{padding-top:19px;padding-bottom:19px}
.operations-shell .domain-name{font-size:14px}
.operations-shell .domain-name small{font-size:11px;line-height:1.5;max-width:174px}
.operations-shell .domain-cell{gap:9px}
.operations-shell .domain-icon{width:30px;height:30px;flex-shrink:0}
.operations-shell .badge{font-size:11px;padding:4px 6px}
.operations-shell .last-col{display:none}
.operations-shell .panel-footer{font-size:11px;padding:14px}
.operations-shell .bottom-note{font-size:12px}
.operations-shell .footer{font-size:10px}
.operations-shell .breadcrumb{font-size:12px;gap:9px}
.operations-shell .topbar-right{gap:11px}
.operations-shell .environment{font-size:10px}
.operations-shell .zone-heading h1{font-size:23px;overflow-wrap:anywhere}
.operations-shell .zone-heading .domain-icon{display:none}
.operations-shell .metadata{font-size:11px}
.operations-shell .heading-actions .button{font-size:11px;padding:9px 10px}
.operations-shell .detail-tab{font-size:13px}
.operations-shell .record-table{min-width:610px}
.operations-shell .mini-server .server-ip{font-size:12px}
.operations-shell .mini-server-top strong{font-size:14px}
.operations-shell .role{font-size:11px}
.operations-shell .server-pair{padding:19px}
.operations-shell .server-pair-head h2{font-size:15px}
.operations-shell .server-node .server-ip{font-size:12px}
.operations-shell .server-node small{font-size:11px}
.operations-shell .activity-item h3{font-size:13px}
.operations-shell .activity-item p{font-size:12px}
.operations-shell .activity-item time{font-size:10px}
.operations-shell .modal-head h2{font-size:23px}
.operations-shell .field label{font-size:13px}
.operations-shell .field input,.operations-shell .field select,.operations-shell .field textarea{font-size:16px}
.operations-shell .field small{font-size:12px}
.operations-shell .modal-info{font-size:12px}
.operations-shell .direction-buttons button[aria-pressed=true]{box-shadow:none}}
.operations-shell .topbar{position:relative}.operations-shell .topbar-right .quiet{font-size:12px}.operations-shell .topbar-right .icon-button{height:30px;min-width:30px}.operations-shell .page-heading{display:flex}.operations-shell .search{flex-direction:row;background:var(--panel)}.operations-shell .search input{padding:0;border:0;border-radius:0}.operations-shell .table-controls select{width:auto}.operations-shell .panel-footer>.pagination{padding:0;display:flex;gap:20px}.operations-shell .panel-footer .quiet{font-size:10px}.operations-shell .panel-footer>.pagination>span{white-space:nowrap}.operations-shell .record-actions{display:flex;gap:3px}.operations-shell .metadata{margin:0}.operations-shell .metadata .status{font-size:11px}.operations-shell .operations-info{padding:25px}.operations-shell .operations-info .button{margin-right:10px}.operations-shell .record-type{background:#edf2ff;border:1px solid #dce5fb;color:#6c86bc;border-radius:4px;display:inline-block}.operations-shell .record-type.NS{background:#f5f0fb;border-color:#e9dff5;color:#9d82bd}.operations-shell .record-type.SOA{background:#f1f3f7;border-color:#e4e8f0;color:#8e9aac}.operations-shell .record-type.TXT{background:#fcf7e9;border-color:#f0e5c7;color:#ac935a}.operations-shell .record-type.AAAA{background:#edf8f6;border-color:#d7ece8;color:#5c968c}.operations-shell .stats .stat-number strong{color:var(--ink)}.operations-shell .geo-badge{display:block;margin-top:5px}.operations-shell .direction-buttons button{cursor:pointer}.operations-shell .sidebar .brand-symbol{display:grid}.operations-shell .brand{white-space:normal}.operations-shell .stat-label{display:block}.operations-shell .icon-button svg{pointer-events:none}.operations-shell .direction-intro span{white-space:normal}.operations-shell .group-label{display:flex}.operations-shell .zone-table td{overflow-wrap:anywhere}.operations-shell .record-content{overflow-wrap:anywhere}.operations-shell .metadata .status{margin:0}.operations-shell .heading-actions{display:flex;gap:9px}.operations-shell .direction-picker .direction-buttons{flex-wrap:wrap}.operations-shell .sidebar .brand{max-width:none;overflow:visible}.operations-shell .group{font-weight:400}.operations-shell .sidebar-bottom .profile{display:flex;max-width:none;white-space:normal}.operations-shell .workspace{line-height:1.4}.operations-shell .panel-title h2{margin-top:0}.operations-shell .search kbd{font-family:var(--mono)}
html[data-theme=dark] .operations-shell{--bg:#111722;--ink:#dce4f1;--muted:#99a8bd;--line:#2b384b;--blue:#93a8ff;--blue-light:#2b3855}html[data-theme=dark] .operations-shell .direction-picker,html[data-theme=dark] .operations-shell .stat,html[data-theme=dark] .operations-shell .panel,html[data-theme=dark] .operations-shell .mini-server,html[data-theme=dark] .operations-shell .count-pill,html[data-theme=dark] .operations-shell .search,html[data-theme=dark] .operations-shell .group-chip,html[data-theme=dark] .operations-shell .table-controls select{background:var(--panel);border-color:var(--line)}html[data-theme=dark] .operations-shell th,html[data-theme=dark] .operations-shell .environment,html[data-theme=dark] .operations-shell .domain-icon{background:var(--raised);border-color:var(--line);color:var(--muted)}html[data-theme=dark] .operations-shell td,html[data-theme=dark] .operations-shell .domain-name,html[data-theme=dark] .operations-shell .record-name,html[data-theme=dark] .operations-shell .record-content,html[data-theme=dark] .operations-shell .panel-title h2,html[data-theme=dark] .operations-shell .page-heading h1,html[data-theme=dark] .operations-shell .breadcrumb strong,html[data-theme=dark] .operations-shell .direction-intro strong,html[data-theme=dark] .operations-shell .mini-server-top strong{color:var(--ink)}html[data-theme=dark] .operations-shell td,html[data-theme=dark] .operations-shell th{border-color:var(--line)}html[data-theme=dark] .operations-shell .zone-table tbody tr:hover{background:var(--raised)}html[data-theme=dark] .operations-shell .stat-label,html[data-theme=dark] .operations-shell .muted,html[data-theme=dark] .operations-shell .page-heading p,html[data-theme=dark] .operations-shell .direction-intro span,html[data-theme=dark] .operations-shell .mini-server .server-ip,html[data-theme=dark] .operations-shell .metadata,html[data-theme=dark] .operations-shell .managed{color:var(--muted)}html[data-theme=dark] .operations-shell .button{background:var(--panel);border-color:var(--line);color:var(--ink)}html[data-theme=dark] .operations-shell .button.primary{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}html[data-theme=dark] .operations-shell .direction-buttons button{background:var(--raised);color:var(--muted)}html[data-theme=dark] .operations-shell .direction-buttons button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}html[data-theme=dark] .operations-shell .record-type{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}html[data-theme=dark] .operations-shell .info-box{color:var(--muted)}
@media(max-width:850px){.operations-shell .topbar-right{gap:12px}.operations-shell .topbar-right .quiet{font-size:10px}.operations-shell .heading-actions .button{font-size:11px}}
@media(max-width:640px){.operations-shell .main-shell{margin-left:0;width:100%}.operations-shell .sidebar{width:260px}.operations-shell .direction-picker{align-items:flex-start;flex-direction:column;gap:12px}.operations-shell .direction-buttons{width:100%}.operations-shell .direction-buttons button{flex:1;justify-content:center;padding:10px 8px}.operations-shell .topbar-right .environment{display:none}.operations-shell .topbar-right .quiet{font-size:10px}.operations-shell .topbar-right .icon-button{font-size:18px}.operations-shell .panel-footer{display:block}.operations-shell .panel-footer>.pagination{display:flex;justify-content:space-between}.operations-shell .panel-footer>.quiet{margin-top:12px}.operations-shell .record-table{min-width:580px}.operations-shell .page-heading h1{overflow-wrap:anywhere}.operations-shell .zone-heading{flex-wrap:wrap}.operations-shell .zone-heading h1{font-size:24px}.operations-shell .zone-heading>.heading-actions{flex-direction:row;width:100%;align-items:center}.operations-shell .stat-number strong{font-size:25px}.operations-shell .stat-label{font-size:11px}.operations-shell .page-heading .button{font-size:12px;padding:10px 12px}.operations-shell .metadata{flex-wrap:wrap}.operations-shell .sidebar .brand{font-size:28px}}