.hjdns-zone-manager{
    --bg:#faf9f7;
    --surface:#fffefd;
    --surface-alt:#fbfaf8;
    --border:#e4e1dc;
    --border-strong:#d5d1ca;
    --ink-900:#17181c;
    --ink-700:#46464b;
    --ink-500:#74736d;
    --ink-400:#9a9891;
    --accent:#4f46e5;
    --accent-700:#4338ca;
    --accent-50:#eef0ff;
    --success:#0a8f57;
    --success-bg:#e7f8ee;
    --warning:#b45309;
    --warning-bg:#fef3e2;
    --slate:#475569;
    --slate-bg:#f1f5f9;
    --danger:#dc2626;
    --danger-bg:#fef2f2;
    --danger-700:#b91c1c;
    --radius-lg:16px;
    --radius-md:11px;
    --radius-sm:8px;
    --shadow-card:0 1px 2px rgba(17,18,28,.04),0 1px 3px rgba(17,18,28,.03);
    --shadow-pop:0 16px 40px rgba(17,18,28,.16),0 3px 8px rgba(17,18,28,.06);
    --mono:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --sans:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
.hjdns-zone-manager *{box-sizing:border-box;}
.hjdns-zone-manager, .hjdns-zone-manager{margin:0;min-height:100%;}
.hjdns-zone-manager{
    font-family:var(--sans);
    color:var(--ink-900);
    background-color:var(--bg);
    background-image:none;
    background-size:auto;
    -webkit-font-smoothing:antialiased;
  }
.hjdns-zone-manager button{font-family:inherit;cursor:pointer;}
.hjdns-zone-manager input, .hjdns-zone-manager select, .hjdns-zone-manager textarea{font-family:inherit;}
.hjdns-zone-manager svg{display:block;flex-shrink:0;}
.hjdns-zone-manager .icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.hjdns-zone-manager .page{max-width:1240px;margin:0 auto;padding:48px 32px 80px;}
.hjdns-zone-manager .eyebrow{
    display:flex;align-items:center;gap:8px;color:var(--accent-700);font-size:12.5px;
    font-weight:700;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase;
  }
.hjdns-zone-manager .eyebrow svg{width:14px;height:14px;color:var(--accent);}
.hjdns-zone-manager .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px;}
.hjdns-zone-manager .title-row{display:flex;align-items:center;gap:12px;margin-bottom:9px;flex-wrap:wrap;}
.hjdns-zone-manager .title-row h1{font-size:31px;font-weight:800;margin:0;letter-spacing:-.02em;}
.hjdns-zone-manager .pill-live{
    display:inline-flex;align-items:center;gap:6px;background:var(--success-bg);color:var(--success);
    font-size:12.5px;font-weight:700;padding:5px 13px 5px 10px;border-radius:999px;
  }
.hjdns-zone-manager .pill-live .dot{width:7px;height:7px;border-radius:50%;background:#16c46a;}
.hjdns-zone-manager .page-sub{color:var(--ink-500);font-size:14.5px;margin:0;}
.hjdns-zone-manager .page-sub code{font-family:var(--mono);background:var(--surface-alt);border:1px solid var(--border);padding:1px 6px;border-radius:5px;font-size:13px;color:var(--ink-700);}
.hjdns-zone-manager .page-actions{display:flex;align-items:center;gap:10px;}
.hjdns-zone-manager .btn{
    display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;border-radius:10px;
    padding:0 15px;height:39px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-900);
    white-space:nowrap;transition:background .12s ease,border-color .12s ease;
  }
.hjdns-zone-manager .btn:hover{background:var(--surface-alt);}
.hjdns-zone-manager .btn svg{width:16px;height:16px;}
.hjdns-zone-manager .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px rgba(79,70,229,.35);}
.hjdns-zone-manager .btn-primary:hover{background:var(--accent-700);border-color:var(--accent-700);}
.hjdns-zone-manager .btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;}
.hjdns-zone-manager .btn-danger:hover{background:var(--danger-700);border-color:var(--danger-700);}
.hjdns-zone-manager .btn-ghost{border-color:transparent;background:transparent;}
.hjdns-zone-manager .btn-ghost:hover{background:var(--surface-alt);}
.hjdns-zone-manager .btn-sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:8px;}
.hjdns-zone-manager .btn:disabled{opacity:.5;cursor:not-allowed;}
/* ===== Stat / legend chips ===== */
.hjdns-zone-manager .chip-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.hjdns-zone-manager .chip{
    display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1.5px solid var(--border);
    border-radius:999px;padding:6px 13px 6px 10px;font-size:12.5px;font-weight:700;color:var(--ink-700);
  }
.hjdns-zone-manager .chip:hover{border-color:var(--border-strong);}
.hjdns-zone-manager .chip .swatch{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.hjdns-zone-manager .chip .count{color:var(--ink-400);font-weight:600;}
.hjdns-zone-manager .chip.active{background:var(--chip-bg,var(--accent-50));border-color:var(--chip-border,var(--accent));color:var(--chip-text,var(--accent-700));}
.hjdns-zone-manager .chip.active .count{color:inherit;opacity:.75;}
.hjdns-zone-manager .chip.all.active{background:var(--ink-900);border-color:var(--ink-900);color:#fff;}
.hjdns-zone-manager .chip.all.active .swatch{background:#fff !important;}
/* ===== Layout grid ===== */
.hjdns-zone-manager .layout-grid{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start;}
@media (max-width:980px){.hjdns-zone-manager .layout-grid{grid-template-columns:1fr;}}
.hjdns-zone-manager .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);}
/* ===== Toolbar ===== */
.hjdns-zone-manager .toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;flex-wrap:wrap;border-bottom:1px solid var(--border);}
.hjdns-zone-manager .search-box{
    display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;
    padding:0 12px;height:38px;width:280px;color:var(--ink-400);flex-shrink:0;background:var(--surface-alt);
  }
.hjdns-zone-manager .search-box input{border:none;outline:none;background:transparent;font-size:13.5px;color:var(--ink-900);width:100%;}
.hjdns-zone-manager .search-box input::placeholder{color:var(--ink-400);}
.hjdns-zone-manager .toolbar-right{display:flex;align-items:center;gap:9px;margin-left:auto;}
.hjdns-zone-manager .results-note{font-size:12.5px;color:var(--ink-400);margin-left:2px;}
/* ===== Table ===== */
.hjdns-zone-manager .table-scroll{overflow-x:auto;}
.hjdns-zone-manager table{width:100%;border-collapse:collapse;min-width:820px;}
.hjdns-zone-manager thead th{
    text-align:left;font-size:11.5px;font-weight:700;color:var(--ink-400);padding:10px 14px;
    text-transform:uppercase;letter-spacing:.04em;background:var(--surface-alt);border-bottom:1px solid var(--border);
    white-space:nowrap;
  }
.hjdns-zone-manager thead th.sortable{cursor:pointer;user-select:none;}
.hjdns-zone-manager thead th.sortable:hover{color:var(--ink-700);}
.hjdns-zone-manager thead th .sort-arrows{display:inline-flex;margin-left:4px;vertical-align:middle;}
.hjdns-zone-manager thead th .sort-arrows svg{width:11px;height:11px;}
.hjdns-zone-manager thead th.checkbox-col{width:40px;}
.hjdns-zone-manager thead th.actions-col{width:150px;}
.hjdns-zone-manager tbody td{padding:13px 14px;font-size:13.5px;color:var(--ink-900);border-bottom:1px solid var(--border);vertical-align:middle;}
.hjdns-zone-manager tbody tr:last-child td{border-bottom:none;}
.hjdns-zone-manager tbody tr:hover{background:#fafbfd;}
.hjdns-zone-manager tbody tr.is-locked{background:#fcfcfd;}
.hjdns-zone-manager input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);}
.hjdns-zone-manager .type-badge{
    display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:7px;
    letter-spacing:.02em;font-family:var(--mono);
  }
.hjdns-zone-manager .mono{font-family:var(--mono);}
.hjdns-zone-manager .host-cell{font-family:var(--mono);font-size:13px;color:var(--ink-900);font-weight:500;}
.hjdns-zone-manager .value-cell{font-family:var(--mono);font-size:13px;color:var(--ink-700);}
.hjdns-zone-manager .value-main{display:block;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hjdns-zone-manager .value-meta{display:block;font-family:var(--sans);font-size:11px;color:var(--ink-400);margin-top:2px;font-weight:600;}
.hjdns-zone-manager .muted{color:var(--ink-400);}
.hjdns-zone-manager .ttl-cell{font-family:var(--mono);font-size:13px;}
.hjdns-zone-manager .ttl-cell .ttl-raw{color:var(--ink-400);font-size:11px;margin-left:4px;}
.hjdns-zone-manager .status-pill{
    display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
    padding:4px 10px 4px 9px;border-radius:999px;white-space:nowrap;
  }
.hjdns-zone-manager .status-pill .dot{width:6px;height:6px;border-radius:50%;}
.hjdns-zone-manager .status-pill.status-live{background:var(--success-bg);color:var(--success);}
.hjdns-zone-manager .status-pill.status-live .dot{background:#16c46a;}
.hjdns-zone-manager .status-pill.status-pending{background:var(--warning-bg);color:var(--warning);}
.hjdns-zone-manager .status-pill.status-pending .dot{background:#e58a1f;animation:pulse 1.3s infinite;}
.hjdns-zone-manager .status-pill.status-locked{background:var(--slate-bg);color:var(--slate);}
.hjdns-zone-manager .status-pill.status-locked svg{width:11px;height:11px;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.hjdns-zone-manager .row-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .1s ease;justify-content:flex-end;}
.hjdns-zone-manager tr:hover .row-actions, .hjdns-zone-manager tr:focus-within .row-actions{opacity:1;}
.hjdns-zone-manager .icon-btn{
    width:29px;height:29px;border-radius:8px;border:none;background:transparent;color:var(--ink-500);
    display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;
  }
.hjdns-zone-manager .icon-btn:hover{background:var(--surface-alt);color:var(--ink-900);}
.hjdns-zone-manager .icon-btn.danger:hover{background:var(--danger-bg);color:var(--danger);}
.hjdns-zone-manager .icon-btn svg{width:15.5px;height:15.5px;}
.hjdns-zone-manager .lock-note{display:inline-flex;align-items:center;gap:6px;color:var(--ink-400);font-size:12px;font-weight:600;}
.hjdns-zone-manager .lock-note svg{width:14px;height:14px;}
.hjdns-zone-manager .row-menu-wrap{position:relative;display:inline-flex;}
.hjdns-zone-manager .dropdown{
    position:absolute;top:33px;right:0;background:var(--surface);border:1px solid var(--border);
    border-radius:11px;box-shadow:var(--shadow-pop);min-width:168px;padding:6px;z-index:40;display:none;
  }
.hjdns-zone-manager .dropdown.open{display:block;}
.hjdns-zone-manager .dropdown button{
    display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;
    padding:8px 9px;border-radius:7px;font-size:13px;font-weight:600;color:#374151;
  }
.hjdns-zone-manager .dropdown button:hover{background:var(--surface-alt);}
.hjdns-zone-manager .dropdown button svg{width:15px;height:15px;color:var(--ink-500);}
.hjdns-zone-manager .dropdown button.danger{color:var(--danger);}
.hjdns-zone-manager .dropdown button.danger svg{color:var(--danger);}
.hjdns-zone-manager .empty-state td{padding:56px 20px;text-align:center;}
.hjdns-zone-manager .empty-inner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink-400);}
.hjdns-zone-manager .empty-inner svg{width:34px;height:34px;color:var(--ink-400);}
.hjdns-zone-manager .empty-inner p{margin:0;font-size:13.5px;color:var(--ink-500);font-weight:600;}
.hjdns-zone-manager .table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);font-size:12.5px;color:var(--ink-400);}
.hjdns-zone-manager .footer-note{
    display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-500);font-size:13px;
    padding:20px 0 0;font-weight:500;
  }
.hjdns-zone-manager .footer-note svg{width:15px;height:15px;color:var(--accent);}
/* ===== Side column ===== */
.hjdns-zone-manager .side-card{padding:20px;display:flex;flex-direction:column;gap:16px;}
.hjdns-zone-manager .side-card h3{margin:0;font-size:14.5px;font-weight:800;}
.hjdns-zone-manager .side-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.hjdns-zone-manager .side-row .label{font-size:12.5px;color:var(--ink-500);font-weight:600;}
.hjdns-zone-manager .side-row .value{font-size:12.5px;font-weight:700;color:var(--ink-900);font-family:var(--mono);text-align:right;}
.hjdns-zone-manager .ns-row{
    display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-alt);
    border:1px solid var(--border);border-radius:9px;padding:8px 10px;
  }
.hjdns-zone-manager .ns-row span{font-family:var(--mono);font-size:12px;color:var(--ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hjdns-zone-manager .ns-row button{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--ink-400);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hjdns-zone-manager .ns-row button:hover{background:var(--surface);color:var(--ink-900);}
.hjdns-zone-manager .ns-row button svg{width:13px;height:13px;}
.hjdns-zone-manager .switch{position:relative;width:38px;height:22px;flex-shrink:0;}
.hjdns-zone-manager .switch input{opacity:0;width:0;height:0;}
.hjdns-zone-manager .switch-track{position:absolute;inset:0;background:#d8dae2;border-radius:999px;transition:background .15s ease;}
.hjdns-zone-manager .switch-track::before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.25);}
.hjdns-zone-manager .switch input:checked + .switch-track{background:var(--accent);}
.hjdns-zone-manager .switch input:checked + .switch-track::before{transform:translateX(16px);}
.hjdns-zone-manager .side-divider{border-top:1px solid var(--border);margin:2px 0;}
.hjdns-zone-manager .side-actions{display:flex;flex-direction:column;gap:8px;}
.hjdns-zone-manager .side-actions .btn{width:100%;justify-content:center;}
/* ===== Bulk bar ===== */
.hjdns-zone-manager .bulk-bar{
    position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
    background:var(--ink-900);color:#fff;display:flex;align-items:center;gap:14px;
    padding:11px 12px 11px 18px;border-radius:14px;box-shadow:var(--shadow-pop);
    opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:80;
  }
.hjdns-zone-manager .bulk-bar.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.hjdns-zone-manager .bulk-bar .count{font-size:13.5px;font-weight:700;}
.hjdns-zone-manager .bulk-bar .btn{height:34px;}
.hjdns-zone-manager .bulk-bar .btn-ghost{color:#d1d5db;border-color:#333650;}
.hjdns-zone-manager .bulk-bar .btn-ghost:hover{background:#22243a;}
/* ===== Modal ===== */
.hjdns-zone-manager .modal-overlay{position:fixed;inset:0;background:rgba(15,16,28,.5);display:none;align-items:flex-start;justify-content:center;z-index:100;overflow-y:auto;padding:60px 16px;}
.hjdns-zone-manager .modal-overlay.open{display:flex;}
.hjdns-zone-manager .modal{background:var(--surface);border-radius:18px;width:460px;max-width:100%;box-shadow:var(--shadow-pop);overflow:hidden;}
.hjdns-zone-manager .modal.modal-sm{width:400px;}
.hjdns-zone-manager .modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);}
.hjdns-zone-manager .modal-head h3{font-size:16px;margin:0;font-weight:800;}
.hjdns-zone-manager .modal-close{width:28px;height:28px;border-radius:8px;border:none;background:none;color:var(--ink-500);display:flex;align-items:center;justify-content:center;}
.hjdns-zone-manager .modal-close:hover{background:var(--surface-alt);}
.hjdns-zone-manager .modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px;max-height:60vh;overflow-y:auto;}
.hjdns-zone-manager .field label{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink-700);margin-bottom:6px;}
.hjdns-zone-manager .field .hint{font-weight:500;color:var(--ink-400);}
.hjdns-zone-manager .field select, .hjdns-zone-manager .field input, .hjdns-zone-manager .field textarea{
    width:100%;border:1.5px solid var(--border-strong);border-radius:9px;padding:0 12px;font-size:13.5px;
    outline:none;color:var(--ink-900);font-family:inherit;background:var(--surface);height:38px;
  }
.hjdns-zone-manager .field textarea{height:auto;padding:9px 12px;resize:vertical;min-height:70px;font-family:var(--mono);font-size:12.5px;line-height:1.5;}
.hjdns-zone-manager .field input.mono-field{font-family:var(--mono);}
.hjdns-zone-manager .field select:focus, .hjdns-zone-manager .field input:focus, .hjdns-zone-manager .field textarea:focus{border-color:var(--accent);}
.hjdns-zone-manager .field-error{font-size:12px;color:var(--danger);margin-top:5px;font-weight:600;display:none;}
.hjdns-zone-manager .field.has-error select, .hjdns-zone-manager .field.has-error input, .hjdns-zone-manager .field.has-error textarea{border-color:var(--danger);}
.hjdns-zone-manager .field.has-error .field-error{display:block;}
.hjdns-zone-manager .field-row{display:flex;gap:12px;}
.hjdns-zone-manager .field-row .field{flex:1;}
.hjdns-zone-manager .type-select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.hjdns-zone-manager .type-opt{border:1.5px solid var(--border-strong);border-radius:9px;padding:8px 4px;text-align:center;font-family:var(--mono);font-size:11.5px;font-weight:800;color:var(--ink-500);background:var(--surface);}
.hjdns-zone-manager .type-opt:hover{border-color:var(--border-strong);background:var(--surface-alt);}
.hjdns-zone-manager .type-opt.selected{border-color:var(--opt-color,var(--accent));background:var(--opt-bg,var(--accent-50));color:var(--opt-color,var(--accent));}
.hjdns-zone-manager .modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border);}
.hjdns-zone-manager .confirm-icon{width:44px;height:44px;border-radius:12px;background:var(--danger-bg);color:var(--danger);display:flex;align-items:center;justify-content:center;margin-bottom:4px;}
.hjdns-zone-manager .confirm-icon svg{width:22px;height:22px;}
.hjdns-zone-manager .confirm-text{font-size:13.5px;color:var(--ink-500);line-height:1.5;}
.hjdns-zone-manager .confirm-text b{color:var(--ink-900);}
.hjdns-zone-manager .raw-line{background:var(--ink-900);color:#d7f9e5;font-family:var(--mono);font-size:12.5px;padding:14px 16px;border-radius:10px;line-height:1.6;word-break:break-all;}
.hjdns-zone-manager .toast-stack{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;align-items:center;}
.hjdns-zone-manager .toast{
    background:var(--ink-900);color:#fff;font-size:13px;font-weight:600;padding:10px 16px;border-radius:10px;
    box-shadow:var(--shadow-pop);opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;
    display:flex;align-items:center;gap:8px;
  }
.hjdns-zone-manager .toast.show{opacity:1;transform:translateY(0);}
.hjdns-zone-manager .toast svg{width:15px;height:15px;color:#4ade80;flex-shrink:0;}

/* HostingJet live integration */
.hjdns-zone-manager{--hjdns-shell-bg:#faf9f7;margin:-8px 0 0;min-width:0;color-scheme:light}
.hjdns-zone-manager .page{max-width:none;padding:28px 28px 64px}
.hjdns-zone-manager .page-actions{flex-wrap:wrap;justify-content:flex-end}
.hjdns-zone-manager .domain-picker{position:relative;display:flex;align-items:center;height:39px;min-width:230px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);overflow:hidden}
.hjdns-zone-manager .domain-picker svg{width:15px;height:15px;margin-left:12px;color:var(--ink-500)}
.hjdns-zone-manager .domain-picker select{appearance:none;width:100%;height:100%;border:0;background:transparent;padding:0 34px 0 10px;font-size:13px;font-weight:700;color:var(--ink-900);outline:none;cursor:pointer}
.hjdns-zone-manager .domain-picker:after{content:'';position:absolute;right:13px;width:7px;height:7px;border-right:1.7px solid var(--ink-500);border-bottom:1.7px solid var(--ink-500);transform:rotate(45deg) translateY(-2px);pointer-events:none}
.hjdns-zone-manager .context-note{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:var(--ink-400);font-size:12px;font-weight:600}
.hjdns-zone-manager .context-note svg{width:13px;height:13px}
.hjdns-zone-manager .record-loading{display:none;align-items:center;gap:9px;padding:13px 20px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:700;color:var(--ink-500);background:var(--surface-alt)}
.hjdns-zone-manager.is-busy .record-loading{display:flex}
.hjdns-zone-manager .record-loading i{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:hjdns-spin .7s linear infinite}
@keyframes hjdns-spin{to{transform:rotate(360deg)}}
.hjdns-zone-manager .system-note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);font-size:11.5px;line-height:1.5;color:var(--ink-500)}
.hjdns-zone-manager .system-note svg{width:15px;height:15px;color:var(--accent);margin-top:1px}
.hjdns-zone-manager .zone-parent{font-family:var(--mono);font-size:11px;color:var(--ink-400);margin-top:2px;text-align:right}
.hjdns-zone-manager .status-message{display:none;margin:0 0 18px;padding:12px 14px;border-radius:10px;font-size:12.5px;font-weight:700}
.hjdns-zone-manager .status-message.show{display:block}
.hjdns-zone-manager .status-message.ok{background:var(--success-bg);color:var(--success)}
.hjdns-zone-manager .status-message.error{background:var(--danger-bg);color:var(--danger)}
.hjdns-zone-manager .status-message.info{background:var(--accent-50);color:var(--accent-700)}
.hjdns-zone-manager .dropdown{z-index:120}
.hjdns-zone-manager .modal-overlay{z-index:100020}
.hjdns-zone-manager .bulk-bar{z-index:100010}
.hjdns-zone-manager .toast-stack{z-index:100030}
.hjdns-zone-manager .type-select-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hjdns-zone-manager .field input[readonly]{background:var(--surface-alt);color:var(--ink-500)}
.hjdns-zone-manager .ns-row[hidden]{display:none}
.hjdns-zone-manager .dnssec-copy{font-size:11px;color:var(--ink-400);font-weight:600;text-align:right}
@media(max-width:760px){
 .hjdns-zone-manager .page{padding:22px 16px 92px}
 .hjdns-zone-manager .page-head{display:block;margin-bottom:20px}
 .hjdns-zone-manager .page-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}
 .hjdns-zone-manager .domain-picker{grid-column:1/-1;min-width:0}
 .hjdns-zone-manager .page-actions .btn{justify-content:center}
 .hjdns-zone-manager .chip-row{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
 .hjdns-zone-manager .chip-row::-webkit-scrollbar{display:none}
 .hjdns-zone-manager .chip{flex:0 0 auto}
 .hjdns-zone-manager .toolbar{padding:14px;display:grid;grid-template-columns:1fr}
 .hjdns-zone-manager .search-box{width:100%}
 .hjdns-zone-manager .table-scroll{overflow:visible}
 .hjdns-zone-manager table,.hjdns-zone-manager tbody,.hjdns-zone-manager tr,.hjdns-zone-manager td{display:block;width:100%;min-width:0}
 .hjdns-zone-manager thead{display:none}
 .hjdns-zone-manager tbody{padding:10px;display:grid;gap:10px}
 .hjdns-zone-manager tbody tr{position:relative;border:1px solid var(--border);border-radius:12px;padding:13px;background:var(--surface)}
 .hjdns-zone-manager tbody td{border:0;padding:4px 0 4px 104px;min-height:25px;position:relative;word-break:break-word}
 .hjdns-zone-manager tbody td:before{content:attr(data-label);position:absolute;left:0;top:5px;width:92px;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-400)}
 .hjdns-zone-manager tbody td:first-child{padding-left:0;padding-bottom:9px;border-bottom:1px solid var(--border);margin-bottom:6px}
 .hjdns-zone-manager tbody td:first-child:before,.hjdns-zone-manager tbody td:last-child:before{display:none}
 .hjdns-zone-manager tbody td:last-child{position:absolute;right:8px;top:8px;width:auto;padding:0}
 .hjdns-zone-manager .row-actions{opacity:1}
 .hjdns-zone-manager .value-main{max-width:none;white-space:normal}
 .hjdns-zone-manager .table-footer{padding:12px 14px;display:block}
 .hjdns-zone-manager .table-footer span:last-child{display:none}
 .hjdns-zone-manager .modal-overlay{padding:0;align-items:flex-end}
 .hjdns-zone-manager .modal{width:100%;border-radius:18px 18px 0 0;max-height:92vh}
 .hjdns-zone-manager .modal-body{max-height:68vh;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
 .hjdns-zone-manager .type-select-grid{grid-template-columns:repeat(4,1fr)}
 .hjdns-zone-manager .field-row{flex-direction:column}
 .hjdns-zone-manager .bulk-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateY(20px);justify-content:space-between}
 .hjdns-zone-manager .bulk-bar.show{transform:translateY(0)}
}


/* 0.28.46 — precision layout, long-value containment and calm density */
.hjdns-page-host{min-width:0;max-width:100%;overflow:hidden}
.hjdns-zone-manager{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.hjdns-zone-manager .page{width:min(100%,1480px);max-width:1480px;margin:0 auto;padding:32px clamp(20px,2.2vw,36px) 72px}
.hjdns-zone-manager .page-head{align-items:flex-end;flex-wrap:nowrap;margin-bottom:22px}
.hjdns-zone-manager .page-head>div:first-child{min-width:0;flex:1}
.hjdns-zone-manager .page-actions{flex:0 0 auto;align-items:center;flex-wrap:nowrap}
.hjdns-zone-manager .layout-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px;min-width:0;width:100%}
.hjdns-zone-manager .layout-grid>section,.hjdns-zone-manager .layout-grid>aside{min-width:0;max-width:100%}
.hjdns-zone-manager .layout-grid>aside{position:sticky;top:20px;align-self:start}
.hjdns-zone-manager .card{min-width:0;max-width:100%}
.hjdns-zone-manager .toolbar{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr) auto;gap:12px;padding:15px 18px}
.hjdns-zone-manager .search-box{width:100%;min-width:0}
.hjdns-zone-manager .toolbar-right{margin-left:0;justify-content:flex-end;white-space:nowrap}
.hjdns-zone-manager .table-scroll{width:100%;max-width:100%;overflow:visible}
.hjdns-zone-manager table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
.hjdns-zone-manager col.hjdns-col-select{width:42px}
.hjdns-zone-manager col.hjdns-col-type{width:78px}
.hjdns-zone-manager col.hjdns-col-host{width:22%}
.hjdns-zone-manager col.hjdns-col-value{width:auto}
.hjdns-zone-manager col.hjdns-col-priority{width:72px}
.hjdns-zone-manager col.hjdns-col-ttl{width:92px}
.hjdns-zone-manager col.hjdns-col-status{width:112px}
.hjdns-zone-manager col.hjdns-col-actions{width:48px}
.hjdns-zone-manager thead th,.hjdns-zone-manager tbody td{min-width:0;max-width:100%;overflow:hidden;padding-left:12px;padding-right:12px}
.hjdns-zone-manager thead th:first-child,.hjdns-zone-manager tbody td:first-child{padding-left:16px;padding-right:8px}
.hjdns-zone-manager thead th:last-child,.hjdns-zone-manager tbody td:last-child{overflow:visible;padding-left:4px;padding-right:10px}
.hjdns-zone-manager .host-cell,.hjdns-zone-manager .value-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hjdns-zone-manager .value-main{display:block;width:100%;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hjdns-zone-manager .ttl-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hjdns-zone-manager .ttl-cell .ttl-raw{display:block;margin:1px 0 0;font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hjdns-zone-manager .row-actions{opacity:1;justify-content:center}
.hjdns-zone-manager .side-card{padding:18px;gap:14px;overflow:hidden}
.hjdns-zone-manager .side-row{min-width:0;align-items:flex-start}
.hjdns-zone-manager .side-row>span:last-child{min-width:0;max-width:170px}
.hjdns-zone-manager .side-row .value{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hjdns-zone-manager .ns-row{min-width:0}
.hjdns-zone-manager .ns-row span{min-width:0;flex:1}
.hjdns-zone-manager .system-note{line-height:1.45}
.hjdns-zone-manager .hjdns-dnssec-row{align-items:center}
.hjdns-zone-manager .hjdns-dnssec-note{display:block;margin-top:3px;color:var(--success);font-size:10.5px;font-weight:700}
.hjdns-zone-manager .switch input:disabled + .switch-track{background:var(--accent);opacity:1}
.hjdns-zone-manager .switch input:disabled + .switch-track::before{transform:translateX(16px)}

@media(max-width:1240px){
 .hjdns-zone-manager .layout-grid{grid-template-columns:minmax(0,1fr) 250px;gap:14px}
 .hjdns-zone-manager col.hjdns-col-host{width:20%}
 .hjdns-zone-manager col.hjdns-col-status{width:104px}
 .hjdns-zone-manager .type-badge{padding:4px 7px;font-size:10.5px}
}
@media(max-width:1080px){
 .hjdns-zone-manager .page-head{align-items:flex-start;flex-wrap:wrap}
 .hjdns-zone-manager .page-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
 .hjdns-zone-manager .layout-grid{grid-template-columns:1fr}
 .hjdns-zone-manager .layout-grid>aside{position:static}
 .hjdns-zone-manager .side-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
 .hjdns-zone-manager .side-card>h3,.hjdns-zone-manager .side-card>.system-note,.hjdns-zone-manager .side-card>.side-actions{grid-column:1/-1}
 .hjdns-zone-manager .side-divider{display:none}
}
@media(max-width:860px){
 .hjdns-zone-manager .toolbar{grid-template-columns:1fr auto}
 .hjdns-zone-manager .search-box{grid-column:1/-1}
 .hjdns-zone-manager .results-note{align-self:center}
 .hjdns-zone-manager .table-scroll{overflow-x:auto;overflow-y:visible}
 .hjdns-zone-manager table{min-width:860px}
}
@media(max-width:760px){
 .hjdns-zone-manager .page{width:100%;padding:22px 16px 92px}
 .hjdns-zone-manager .page-head{display:block}
 .hjdns-zone-manager .page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .hjdns-zone-manager .table-scroll{overflow:visible}
 .hjdns-zone-manager table{min-width:0;table-layout:auto}
 .hjdns-zone-manager colgroup{display:none}
 .hjdns-zone-manager .host-cell,.hjdns-zone-manager .value-cell{white-space:normal;overflow:visible;text-overflow:clip}
 .hjdns-zone-manager .value-main{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
 .hjdns-zone-manager .side-card{display:flex}
}


/* 0.28.47 — HostingJet canvas, Poppins typography, record drawer and team access */
body .hj-reference-v286.hj-page-current-dns,
body .hj-reference-v286.hj-page-current-dns .hj-main,
body .hj-reference-v286.hj-page-current-dns .hj-page-context,
body .hj-reference-v286.hj-page-current-dns .hjdns-page-host{
  background:#faf9f7!important;
}
body .hj-reference-v286.hj-page-current-dns .hj-main{min-width:0;overflow-x:hidden}
.hjdns-page-host{min-height:calc(100vh - 72px);padding:0;background:#faf9f7!important}
.hjdns-zone-manager,
.hjdns-zone-manager :is(button,input,textarea,select,option,label,span,p,strong,b,small,code,h1,h2,h3,h4,h5,h6,div,td,th){
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.hjdns-zone-manager{background:#faf9f7!important;background-image:none!important}
.hjdns-zone-manager .page{padding-top:30px}
.hjdns-zone-manager .mono,
.hjdns-zone-manager .host-cell,
.hjdns-zone-manager .value-cell,
.hjdns-zone-manager .ttl-cell,
.hjdns-zone-manager .type-badge,
.hjdns-zone-manager .raw-line,
.hjdns-zone-manager .page-sub code,
.hjdns-zone-manager .side-row .value,
.hjdns-zone-manager .ns-row span,
.hjdns-zone-manager .mono-field{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em}
.hjdns-zone-manager tbody tr,
.hjdns-zone-manager tbody tr td{transition:background-color .14s ease,border-color .14s ease}
.hjdns-zone-manager tbody tr:hover,
.hjdns-zone-manager tbody tr:focus-within{background:#fbfaf8!important;color:inherit!important}
.hjdns-zone-manager tbody tr:hover td,
.hjdns-zone-manager tbody tr:focus-within td{background:transparent!important;color:inherit!important}
.hjdns-zone-manager .chip.all.active{background:var(--accent-50)!important;border-color:#ccd2ff!important;color:var(--accent-700)!important}
.hjdns-zone-manager .chip.all.active .swatch{background:var(--accent)!important}
.hjdns-zone-manager .card{background:#fffefd;border-color:#e4e1dc;box-shadow:0 1px 2px rgba(23,24,28,.035)}
.hjdns-zone-manager .toolbar,.hjdns-zone-manager thead th{background:#fbfaf8}
.hjdns-zone-manager .hjdns-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hjdns-zone-manager .hjdns-overview-head>div{min-width:0}
.hjdns-zone-manager .hjdns-overview-head span:first-child{display:block;margin-bottom:3px;color:var(--ink-400);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hjdns-zone-manager .hjdns-overview-head h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.02em}
.hjdns-zone-manager .hjdns-nameserver-stack{display:flex;flex-direction:column;gap:6px}
.hjdns-zone-manager .hjdns-included-badge{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:5px 9px;border:1px solid #cae8da;border-radius:999px;background:#edf8f2;color:#08754a;font-size:10.5px;font-weight:700;white-space:nowrap}
.hjdns-zone-manager .hjdns-included-badge svg{width:13px;height:13px}
.hjdns-zone-manager .hjdns-dnssec-note{display:block;margin-top:2px;color:var(--ink-400);font-size:10.5px;font-weight:500}
.hjdns-zone-manager .side-actions{display:grid;grid-template-columns:1fr;gap:8px}
.hjdns-zone-manager .side-actions .btn{justify-content:center;background:#fff}

/* The Add/Edit record workflow is a dedicated right-side product drawer. */
.hjdns-zone-manager .record-drawer-overlay{
  position:fixed!important;inset:0!important;display:flex!important;align-items:stretch!important;justify-content:flex-end!important;
  padding:0!important;background:rgba(20,21,27,.28)!important;opacity:0!important;visibility:hidden!important;
  pointer-events:none!important;transition:opacity .2s cubic-bezier(.22,1,.36,1),visibility .2s!important;z-index:100040!important;
}
.hjdns-zone-manager .record-drawer-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.hjdns-zone-manager .record-drawer{
  width:min(500px,100vw)!important;height:100%!important;max-height:none!important;margin:0!important;border:0!important;
  border-left:1px solid #e4e1dc!important;border-radius:0!important;background:#fffefd!important;box-shadow:-20px 0 60px rgba(23,24,28,.14)!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:translateX(100%)!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1)!important;
}
.hjdns-zone-manager .record-drawer-overlay.open .record-drawer{transform:translateX(0)!important}
.hjdns-zone-manager .record-drawer-head{flex:0 0 auto;padding:20px 22px!important;background:#fffefd;border-bottom:1px solid #ece9e4!important}
.hjdns-zone-manager .record-drawer-title{display:flex;align-items:center;gap:12px;min-width:0}
.hjdns-zone-manager .record-drawer-icon{width:40px;height:40px;border-radius:12px;background:#eef0ff;color:#4f5fff;display:grid;place-items:center;flex:0 0 auto}
.hjdns-zone-manager .record-drawer-icon svg{width:20px;height:20px}
.hjdns-zone-manager .record-drawer-title h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.025em}
.hjdns-zone-manager .record-drawer-title p{margin:3px 0 0;color:var(--ink-500);font-size:11.5px}
.hjdns-zone-manager .record-drawer-title p strong{color:var(--ink-700);font-weight:600;overflow-wrap:anywhere}
.hjdns-zone-manager .record-drawer form{display:flex;flex:1;min-height:0;flex-direction:column}
.hjdns-zone-manager .record-drawer .modal-body{flex:1;max-height:none!important;padding:22px!important;overflow-y:auto!important;background:#fffefd}
.hjdns-zone-manager .record-drawer .modal-foot{flex:0 0 auto;padding:15px 22px calc(15px + env(safe-area-inset-bottom))!important;background:#fffefd;border-top:1px solid #ece9e4!important}
.hjdns-zone-manager .record-drawer .field{margin:0 0 17px}
.hjdns-zone-manager .record-drawer .field:last-child{margin-bottom:0}
.hjdns-zone-manager .record-drawer .field label{font-size:12px;font-weight:600;color:#56565d}
.hjdns-zone-manager .record-drawer .field input,
.hjdns-zone-manager .record-drawer .field textarea,
.hjdns-zone-manager .record-drawer .field select{height:44px;border-color:#dcd9d3;border-radius:10px;background:#fff;font-size:13px}
.hjdns-zone-manager .record-drawer .field textarea{height:auto;min-height:92px}
.hjdns-zone-manager .record-drawer .type-select-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.hjdns-zone-manager .record-drawer .type-opt{min-height:39px;border-radius:9px;font-size:11px}

/* Share access: real invitation workflow, visually matching HostingJet modal language. */
.hjdns-zone-manager .share-access-overlay{align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,21,27,.42)!important}
.hjdns-zone-manager .share-access-modal{width:min(560px,100%)!important;max-height:min(760px,calc(100vh - 48px));border-radius:18px!important;background:#fffefd!important;overflow:hidden}
.hjdns-zone-manager .share-access-modal .modal-head{align-items:flex-start;padding:21px 22px 17px}
.hjdns-zone-manager .share-access-modal .modal-head>div{min-width:0}
.hjdns-zone-manager .share-access-eyebrow{display:block;margin-bottom:4px;color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hjdns-zone-manager .share-access-modal .modal-head h3{font-size:19px;letter-spacing:-.03em}
.hjdns-zone-manager .share-access-modal .modal-head p{margin:5px 0 0;color:var(--ink-500);font-size:12px;line-height:1.55}
.hjdns-zone-manager .share-access-email{display:block}
.hjdns-zone-manager .share-access-email>span,.hjdns-zone-manager .share-access-options legend{display:block;margin-bottom:7px;color:var(--ink-700);font-size:12px;font-weight:600}
.hjdns-zone-manager .share-access-email input{width:100%;height:44px;padding:0 13px;border:1px solid var(--border-strong);border-radius:10px;background:#fff;outline:none;font-size:13px}
.hjdns-zone-manager .share-access-email input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,95,255,.10)}
.hjdns-zone-manager .share-access-options{display:grid;gap:8px;margin:18px 0 0;padding:0;border:0}
.hjdns-zone-manager .share-access-option{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .14s,background .14s}
.hjdns-zone-manager .share-access-option:hover{background:#fbfaf8;border-color:#d5d1ca}
.hjdns-zone-manager .share-access-option:has(input:checked){border-color:#bfc6ff;background:#f7f8ff}
.hjdns-zone-manager .share-access-option input{position:absolute;opacity:0;pointer-events:none}
.hjdns-zone-manager .share-access-option-icon{width:38px;height:38px;border-radius:11px;background:#f1f2f5;color:#535761;display:grid;place-items:center}
.hjdns-zone-manager .share-access-option:has(input:checked) .share-access-option-icon{background:#e9ecff;color:var(--accent)}
.hjdns-zone-manager .share-access-option-icon svg{width:18px;height:18px}
.hjdns-zone-manager .share-access-option>span:nth-child(3){min-width:0}
.hjdns-zone-manager .share-access-option strong,.hjdns-zone-manager .share-access-option small{display:block}
.hjdns-zone-manager .share-access-option strong{font-size:12.5px;font-weight:650}
.hjdns-zone-manager .share-access-option small{margin-top:2px;color:var(--ink-500);font-size:10.5px;line-height:1.45}
.hjdns-zone-manager .share-access-option>i{width:20px;height:20px;border:1px solid var(--border-strong);border-radius:50%;color:transparent;display:grid;place-items:center}
.hjdns-zone-manager .share-access-option:has(input:checked)>i{border-color:var(--accent);background:var(--accent);color:#fff}
.hjdns-zone-manager .share-access-option>i svg{width:12px;height:12px}
.hjdns-zone-manager .share-access-note{display:flex;align-items:flex-start;gap:7px;margin:15px 0 0;color:var(--ink-500);font-size:10.5px;line-height:1.55}
.hjdns-zone-manager .share-access-note svg{width:14px;height:14px;margin-top:1px;color:var(--accent)}

@media(max-width:1080px){
 .hjdns-zone-manager .side-card{display:flex!important}
 .hjdns-zone-manager .hjdns-overview-head,.hjdns-zone-manager .side-actions{grid-column:auto}
}
@media(max-width:760px){
 body .hj-reference-v286.hj-page-current-dns .hjdns-page-host{background:#faf9f7!important}
 .hjdns-zone-manager .record-drawer-overlay{align-items:flex-end!important}
 .hjdns-zone-manager .record-drawer{width:100%!important;height:min(88vh,760px)!important;border-left:0!important;border-top:1px solid #e4e1dc!important;border-radius:18px 18px 0 0!important;transform:translateY(100%)!important}
 .hjdns-zone-manager .record-drawer-overlay.open .record-drawer{transform:translateY(0)!important}
 .hjdns-zone-manager .share-access-overlay{padding:12px!important;align-items:flex-end!important}
 .hjdns-zone-manager .share-access-modal{width:100%!important;max-height:92vh;border-radius:18px 18px 0 0!important}
 .hjdns-zone-manager .page-actions{grid-template-columns:1fr 1fr}
 .hjdns-zone-manager .page-actions .domain-picker{grid-column:1/-1}
}

/* 0.28.48 — calm HostingJet DNS workspace and restored precision record drawer */
body .hj-reference-v286.hj-page-current-dns,
body .hj-reference-v286.hj-page-current-dns .hj-main,
body .hj-reference-v286.hj-page-current-dns .hj-page-context,
body .hj-reference-v286.hj-page-current-dns .hjdns-page-host,
.hjdns-zone-manager{
  background:var(--halo-canvas,#f7f8f9)!important;
  background-image:none!important;
}
.hjdns-page-host{min-height:calc(100vh - var(--halo-header-height,72px));}
.hjdns-zone-manager .page{width:min(100%,1280px);max-width:1280px;padding:28px 26px 64px;}
.hjdns-zone-manager .eyebrow{margin-bottom:10px;font-size:10.5px;font-weight:600;letter-spacing:.055em;}
.hjdns-zone-manager .title-row{gap:10px;margin-bottom:5px;}
.hjdns-zone-manager .title-row h1{font-size:27px;font-weight:650;letter-spacing:-.035em;line-height:1.15;}
.hjdns-zone-manager .page-sub{font-size:13px;line-height:1.55;color:#777b84;}
.hjdns-zone-manager .page-sub code{padding:0;border:0;background:transparent;color:#464a52;font-size:inherit;font-weight:500;}
.hjdns-zone-manager .pill-live{padding:4px 9px 4px 8px;font-size:10.5px;font-weight:600;background:#edf8f2;}
.hjdns-zone-manager .page-head{margin-bottom:18px;}
.hjdns-zone-manager .page-actions{gap:8px;}
.hjdns-zone-manager .btn,.hjdns-zone-manager .domain-picker{height:38px;border-radius:9px;font-size:12px;font-weight:550;}
.hjdns-zone-manager .btn-primary{box-shadow:none;font-weight:600;}
.hjdns-zone-manager .chip-row{gap:6px;margin-bottom:16px;}
.hjdns-zone-manager .chip{min-height:30px;padding:4px 10px;border-width:1px;border-radius:8px;font-size:10.5px;font-weight:550;background:#fff;}
.hjdns-zone-manager .chip .swatch{width:6px;height:6px;}
.hjdns-zone-manager .chip .count{font-size:10px;font-weight:500;}
.hjdns-zone-manager .chip.active,.hjdns-zone-manager .chip.all.active{background:#f2f3ff!important;border-color:#d9dcff!important;color:#454fc6!important;}
.hjdns-zone-manager .chip.active .swatch,.hjdns-zone-manager .chip.all.active .swatch{background:#5965e8!important;}
.hjdns-zone-manager .layout-grid{grid-template-columns:minmax(0,1fr) 262px;gap:16px;}
.hjdns-zone-manager .card{border-color:#e3e5e9;border-radius:13px;background:#fff!important;box-shadow:0 1px 2px rgba(17,24,39,.025);}
.hjdns-zone-manager .toolbar{grid-template-columns:minmax(220px,330px) minmax(0,1fr) auto;padding:12px 14px;background:#fff;border-bottom-color:#eceef1;}
.hjdns-zone-manager .search-box{height:36px;border-radius:8px;background:#fafafa;border-color:#e3e5e9;}
.hjdns-zone-manager .search-box input{font-size:12px;font-weight:400;}
.hjdns-zone-manager .results-note{font-size:10.5px;font-weight:400;}
.hjdns-zone-manager thead th{padding-top:9px;padding-bottom:9px;background:#fafafa;color:#90949e;font-size:9.5px;font-weight:600;letter-spacing:.035em;}
.hjdns-zone-manager tbody td{height:54px;padding-top:10px;padding-bottom:10px;border-bottom-color:#eceef1;color:#343840;font-size:11.5px;font-weight:400;}
.hjdns-zone-manager tbody tr:hover,.hjdns-zone-manager tbody tr:focus-within{background:#fafafa!important;}
.hjdns-zone-manager tbody tr:hover td,.hjdns-zone-manager tbody tr:focus-within td{background:transparent!important;}
.hjdns-zone-manager .host-cell,.hjdns-zone-manager .value-cell,.hjdns-zone-manager .ttl-cell{font-weight:450;letter-spacing:0;}
.hjdns-zone-manager .type-badge{padding:4px 7px;border-radius:6px;font-size:9.5px;font-weight:600;letter-spacing:0;}
.hjdns-zone-manager .status-pill{padding:4px 8px;border-radius:7px;font-size:9.5px;font-weight:550;}
.hjdns-zone-manager .status-pill .dot{width:5px;height:5px;}
.hjdns-zone-manager .icon-btn{width:28px;height:28px;border-radius:7px;}
.hjdns-zone-manager .icon-btn:hover{background:#f1f2f4;color:#555a64;}
.hjdns-zone-manager .table-footer{padding:10px 14px;font-size:10.5px;color:#9a9da5;}
.hjdns-zone-manager .footer-note{padding-top:15px;font-size:10.5px;color:#858994;}
.hjdns-zone-manager .side-card{padding:17px;gap:13px;}
.hjdns-zone-manager .hjdns-overview-head>div>span:first-child{display:none;}
.hjdns-zone-manager .hjdns-overview-head h3{font-size:14px;font-weight:600;letter-spacing:-.015em;}
.hjdns-zone-manager .side-row .label{font-size:10.5px;font-weight:500;color:#858994;}
.hjdns-zone-manager .side-row .value{font-size:10.5px;font-weight:550;color:#343840;}
.hjdns-zone-manager .ns-row{padding:8px 9px;border-radius:8px;background:#fafafa;border-color:#e6e8ec;}
.hjdns-zone-manager .ns-row span{font-size:10px;font-weight:450;color:#5d626c;}
.hjdns-zone-manager .hjdns-included-badge{min-height:27px;padding:4px 8px;border-radius:7px;font-size:9.5px;font-weight:600;}
.hjdns-zone-manager .side-actions .btn{height:35px;font-size:10.5px;font-weight:550;}
.hjdns-zone-manager .dropdown{border-radius:9px;box-shadow:0 12px 30px rgba(17,24,39,.12);}
.hjdns-zone-manager .dropdown button{font-size:11px;font-weight:500;}

/* Exact, quiet right-side Add DNS Record drawer. */
.hjdns-zone-manager .record-drawer-overlay{
  position:fixed!important;inset:0!important;z-index:100050!important;display:flex!important;justify-content:flex-end!important;align-items:stretch!important;
  padding:0!important;background:rgba(27,29,35,.26)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .2s cubic-bezier(.22,1,.36,1),visibility .2s!important;
}
.hjdns-zone-manager .record-drawer-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.hjdns-zone-manager .record-drawer{
  width:min(500px,100vw)!important;height:100%!important;max-height:none!important;display:block!important;margin:0!important;border:0!important;border-left:1px solid #e5e6e9!important;
  border-radius:0!important;background:#fff!important;box-shadow:-18px 0 48px rgba(17,24,39,.12)!important;overflow:hidden!important;
  transform:translateX(100%)!important;transition:transform .28s cubic-bezier(.22,1,.36,1)!important;
}
.hjdns-zone-manager .record-drawer-overlay.open .record-drawer{transform:translateX(0)!important;}
.hjdns-zone-manager .record-drawer>form{height:100%;display:flex;flex-direction:column;min-height:0;}
.hjdns-zone-manager .record-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 19px;border-bottom:1px solid #eceef1;background:#fff;}
.hjdns-zone-manager .record-drawer-head h3{margin:0;color:#22252b;font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.25;}
.hjdns-zone-manager .record-drawer-head p{margin:6px 0 0;color:#7c818b;font-size:12px;font-weight:400;line-height:1.5;}
.hjdns-zone-manager .record-drawer-head p strong{color:#5b6069;font-weight:500;}
.hjdns-zone-manager .record-drawer-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:#777c86;}
.hjdns-zone-manager .record-drawer-close:hover{background:#f2f3f5;color:#343840;}
.hjdns-zone-manager .record-drawer-close svg{width:18px;height:18px;}
.hjdns-zone-manager .record-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:24px;background:#fff;}
.hjdns-zone-manager .record-drawer-field{display:block;margin:0 0 21px;color:#30343b;}
.hjdns-zone-manager .record-drawer-field>span,.hjdns-zone-manager .record-drawer-ttl>legend{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:#343840;font-size:12.5px;font-weight:500;}
.hjdns-zone-manager .record-drawer-field>span i{width:16px;height:16px;display:inline-grid;place-items:center;border:1px solid #cfd2d8;border-radius:50%;color:#8b9099;font-size:9px;font-style:normal;font-weight:600;}
.hjdns-zone-manager .record-drawer-field select,.hjdns-zone-manager .record-drawer-field>input,.hjdns-zone-manager .record-drawer-field>textarea,
.hjdns-zone-manager .record-drawer-extra input{
  width:100%;min-height:42px;margin:0;padding:9px 12px;border:1px solid #d9dce1;border-radius:7px;background:#fff;color:#30343b;box-shadow:none;outline:none;font-size:13px;font-weight:400;line-height:1.45;
}
.hjdns-zone-manager .record-drawer-field>textarea{min-height:92px;resize:vertical;}
.hjdns-zone-manager .record-drawer-field select:hover,.hjdns-zone-manager .record-drawer-field>input:hover,.hjdns-zone-manager .record-drawer-field>textarea:hover,.hjdns-zone-manager .record-drawer-extra input:hover{border-color:#c7cad1;}
.hjdns-zone-manager .record-drawer-field select:focus,.hjdns-zone-manager .record-drawer-field>input:focus,.hjdns-zone-manager .record-drawer-field>textarea:focus,.hjdns-zone-manager .record-drawer-extra input:focus{border-color:#5965e8;box-shadow:0 0 0 3px rgba(89,101,232,.09);}
.hjdns-zone-manager .record-drawer-field>small{display:block;margin:6px 1px 0;color:#8b9099;font-size:10.5px;font-weight:400;line-height:1.45;}
.hjdns-zone-manager .record-drawer-input-with-suffix{display:flex;align-items:center;min-height:42px;border:1px solid #d9dce1;border-radius:7px;background:#fff;overflow:hidden;}
.hjdns-zone-manager .record-drawer-input-with-suffix:focus-within{border-color:#5965e8;box-shadow:0 0 0 3px rgba(89,101,232,.09);}
.hjdns-zone-manager .record-drawer-input-with-suffix input{min-width:0;flex:1;height:40px;padding:9px 10px;border:0;background:transparent;color:#30343b;outline:none;font-size:13px;font-weight:400;}
.hjdns-zone-manager .record-drawer-input-with-suffix b{max-width:58%;padding:0 11px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#858a94;font-size:11px;font-weight:400;}
.hjdns-zone-manager .record-drawer-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-2px 0 21px;}
.hjdns-zone-manager .record-drawer-extra .record-drawer-field{margin:0;}
.hjdns-zone-manager .record-drawer-ttl{margin:0;padding:0;border:0;}
.hjdns-zone-manager .record-drawer-ttl>label{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 0;border-bottom:1px solid #f0f1f3;cursor:pointer;}
.hjdns-zone-manager .record-drawer-ttl>label:last-of-type{border-bottom:0;}
.hjdns-zone-manager .record-drawer-ttl input[type=radio]{width:16px;height:16px;margin:0;accent-color:#5965e8;}
.hjdns-zone-manager .record-drawer-ttl strong,.hjdns-zone-manager .record-drawer-ttl small{display:block;}
.hjdns-zone-manager .record-drawer-ttl strong{font-size:12.5px;font-weight:500;color:#343840;}
.hjdns-zone-manager .record-drawer-ttl small{margin-top:2px;font-size:10.5px;font-weight:400;color:#92969f;}
.hjdns-zone-manager .record-drawer-custom-ttl{width:112px!important;min-height:38px!important;padding:8px 10px!important;border:1px solid #d9dce1!important;border-radius:7px!important;background:#fff!important;font-size:12px!important;}
.hjdns-zone-manager .record-drawer-custom-ttl:disabled{background:#f5f5f6!important;color:#aaaeb6!important;}
.hjdns-zone-manager .record-drawer-footer{display:flex;justify-content:flex-end;gap:10px;flex:0 0 auto;padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #eceef1;background:#fafafa;}
.hjdns-zone-manager .record-drawer-button{min-width:112px;min-height:42px;padding:9px 17px;border-radius:999px;font-size:12.5px;font-weight:550;box-shadow:none;}
.hjdns-zone-manager .record-drawer-button.is-secondary{border:1px solid #d6d9de;background:#fff;color:#343840;}
.hjdns-zone-manager .record-drawer-button.is-secondary:hover{background:#f4f5f6;}
.hjdns-zone-manager .record-drawer-button.is-primary{border:1px solid #5965e8;background:#5965e8;color:#fff;}
.hjdns-zone-manager .record-drawer-button.is-primary:hover{background:#4f59d6;}
.hjdns-zone-manager .record-drawer-field.has-error>input,.hjdns-zone-manager .record-drawer-field.has-error>textarea,.hjdns-zone-manager .record-drawer-field.has-error .record-drawer-input-with-suffix{border-color:#dc2626;}
.hjdns-zone-manager .record-drawer-field .field-error{display:none;color:#c62626;}
.hjdns-zone-manager .record-drawer-field.has-error .field-error{display:block;}

@media(max-width:1080px){
 .hjdns-zone-manager .layout-grid{grid-template-columns:1fr;}
 .hjdns-zone-manager .layout-grid>aside{position:static;}
}
@media(max-width:760px){
 .hjdns-zone-manager .page{padding:22px 15px 90px;}
 .hjdns-zone-manager .record-drawer-overlay{align-items:flex-end!important;}
 .hjdns-zone-manager .record-drawer{width:100%!important;height:min(90vh,760px)!important;border-left:0!important;border-top:1px solid #e5e6e9!important;border-radius:18px 18px 0 0!important;transform:translateY(100%)!important;}
 .hjdns-zone-manager .record-drawer-overlay.open .record-drawer{transform:translateY(0)!important;}
 .hjdns-zone-manager .record-drawer-head{padding:19px 18px 15px;}
 .hjdns-zone-manager .record-drawer-body{padding:20px 18px;}
 .hjdns-zone-manager .record-drawer-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom));}
 .hjdns-zone-manager .record-drawer-extra{grid-template-columns:1fr;}
}

/* 0.28.49 — exact reference record drawer + transactional edit polish */
.hjdns-zone-manager,
.hjdns-zone-manager *{
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.hjdns-zone-manager .record-drawer{width:min(510px,100vw)!important;}
.hjdns-zone-manager .record-drawer-head{
  align-items:center!important;
  min-height:106px;
  padding:20px 24px!important;
}
.hjdns-zone-manager .record-drawer-title-group{display:flex;align-items:center;gap:15px;min-width:0;}
.hjdns-zone-manager .record-drawer-brand-icon{
  width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;
  border:1px solid #cfd4ff;border-radius:11px;background:#f0f2ff;color:#4f5fff;
}
.hjdns-zone-manager .record-drawer-brand-icon svg{width:25px;height:25px;}
.hjdns-zone-manager .record-drawer-head h3{font-size:21px!important;font-weight:600!important;letter-spacing:-.025em!important;color:#202126!important;}
.hjdns-zone-manager .record-drawer-head p{margin-top:3px!important;font-size:13px!important;color:#77746f!important;}
.hjdns-zone-manager .record-drawer-head p strong{font-weight:600!important;color:#25262a!important;}
.hjdns-zone-manager .record-drawer-close{border-radius:9px!important;}
.hjdns-zone-manager .record-drawer-body{padding:25px 24px 32px!important;}
.hjdns-zone-manager .record-drawer-type-section{margin:0 0 20px;}
.hjdns-zone-manager .record-drawer-kicker{
  display:block;margin:0 0 13px;color:#77746f;font-size:11px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;
}
.hjdns-zone-manager .record-drawer-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.hjdns-zone-manager .record-drawer-type-option{
  min-width:0;height:72px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  border:1px solid #e0ddd8;border-radius:12px;background:#fbfaf8;color:#74726d;box-shadow:none;outline:none;
  transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;
}
.hjdns-zone-manager .record-drawer-type-option:hover{background:#f8f7f4;border-color:#cfcbc5;color:#4c4b47;}
.hjdns-zone-manager .record-drawer-type-option.selected{
  border:2px solid #5262ff;background:#f0f2ff;color:#4b58e8;box-shadow:none;
}
.hjdns-zone-manager .record-drawer-type-option span{display:grid;place-items:center;width:22px;height:22px;}
.hjdns-zone-manager .record-drawer-type-option svg{width:19px;height:19px;stroke-width:1.7;}
.hjdns-zone-manager .record-drawer-type-option strong{font-size:11px;font-weight:600;line-height:1;}
.hjdns-zone-manager .record-drawer-native-type{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.hjdns-zone-manager .record-drawer-type-help{margin:12px 2px 0;color:#96928b;font-size:11px;font-weight:400;line-height:1.55;}
.hjdns-zone-manager .record-drawer-field{margin-bottom:20px!important;}
.hjdns-zone-manager .record-drawer-field>span{margin-bottom:7px!important;font-size:12px!important;font-weight:550!important;color:#27282c!important;}
.hjdns-zone-manager .record-drawer-required{font-style:normal;color:#5262ff;font-size:15px;line-height:1;}
.hjdns-zone-manager .record-drawer-input-with-suffix,
.hjdns-zone-manager .record-drawer-field>input,
.hjdns-zone-manager .record-drawer-field>textarea,
.hjdns-zone-manager .record-drawer-field>select,
.hjdns-zone-manager .record-drawer-extra input{
  min-height:46px!important;border-radius:9px!important;border-color:#dedbd5!important;background:#fff!important;color:#28292d!important;font-size:13px!important;font-weight:400!important;
}
.hjdns-zone-manager .record-drawer-input-with-suffix input{height:44px!important;font-size:13px!important;}
.hjdns-zone-manager .record-drawer-input-with-suffix b{font-size:11.5px!important;color:#9a9690!important;}
.hjdns-zone-manager .record-drawer-field>small{margin-top:7px!important;color:#9a9690!important;font-size:10.5px!important;line-height:1.5!important;}
.hjdns-zone-manager .record-drawer-extra{margin-top:0!important;}
.hjdns-zone-manager .record-drawer-ttl-field{position:relative;}
.hjdns-zone-manager .record-drawer-ttl-field select{appearance:auto!important;padding:0 13px!important;}
.hjdns-zone-manager .record-drawer-custom-ttl{margin-top:9px!important;width:100%!important;}
.hjdns-zone-manager .record-drawer-footer{padding:17px 24px calc(17px + env(safe-area-inset-bottom))!important;background:#fff!important;}
.hjdns-zone-manager .record-drawer-button{min-width:110px;min-height:43px;border-radius:22px!important;font-size:12px!important;font-weight:550!important;}
.hjdns-zone-manager .record-drawer-button.is-primary:disabled{opacity:.48;cursor:not-allowed;}
.hjdns-zone-manager tbody tr:hover,
.hjdns-zone-manager tbody tr:focus-within,
.hjdns-zone-manager tbody tr:hover td,
.hjdns-zone-manager tbody tr:focus-within td{background:#fbfaf8!important;color:inherit!important;}
@media(max-width:560px){
  .hjdns-zone-manager .record-drawer-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
  .hjdns-zone-manager .record-drawer-type-option{height:64px;border-radius:10px;}
  .hjdns-zone-manager .record-drawer-head{min-height:91px;padding:16px 18px!important;}
  .hjdns-zone-manager .record-drawer-brand-icon{width:44px;height:44px;flex-basis:44px;}
  .hjdns-zone-manager .record-drawer-head h3{font-size:18px!important;}
}


/* 0.28.50 — uploaded drawer preview and clean final state */
.hjdns-zone-manager .record-drawer-preview-section{margin-top:24px;}
.hjdns-zone-manager .record-drawer-preview-card{padding:15px 16px;border:1px solid #e5e2dc;border-radius:12px;background:#faf9f7;}
.hjdns-zone-manager .record-drawer-preview-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:"Poppins",sans-serif!important;font-size:12px;color:#3f403f;}
.hjdns-zone-manager .record-drawer-preview-empty{color:#9a9790;font-weight:400;}
.hjdns-zone-manager .record-drawer-preview-badge{padding:3px 7px;border-radius:6px;background:#eef0ff;color:#4f5fff;font-size:10px;font-weight:600;}
.hjdns-zone-manager .record-drawer-preview-host{font-weight:500;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hjdns-zone-manager .record-drawer-preview-arrow{color:#aaa79f;}
.hjdns-zone-manager .record-drawer-preview-value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hjdns-zone-manager .record-drawer-preview-ttl{margin-left:auto;padding:3px 8px;border:1px solid #e5e2dc;border-radius:999px;background:#fff;color:#8a877f;font-size:10px;white-space:nowrap;}