html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif}
.break-domain{word-break:break-word;overflow-wrap:anywhere;line-height:1.05}
input,textarea,select{outline:none;font-family:inherit}

@keyframes riseIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes popIn{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}
.rise{animation:riseIn .35s cubic-bezier(.2,.7,.3,1) both}
.pop{animation:popIn .25s cubic-bezier(.2,.7,.3,1) both}

.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}

.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .72rem;border-radius:.65rem;
      border:1.5px solid #e2e8f0;background:#fff;font-size:11px;font-weight:700;color:#475569;
      transition:all .15s ease;cursor:pointer;white-space:nowrap}
.chip:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}
.chip-dark{background:#0f172a;border-color:#0f172a;color:#fff}
.chip-dark:hover{background:#1e293b;border-color:#1e293b;color:#fff}
.chip-indigo{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}
.chip-indigo:hover{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}

.flabel{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#94a3b8;margin-bottom:.4rem}
.finput{width:100%;font-size:13px;font-weight:500;padding:.65rem .85rem;border-radius:.75rem;
        border:1px solid #e2e8f0;background:rgba(248,250,252,.65);transition:all .15s ease;
        color:#0f172a}
.finput:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.10)}
.finput::placeholder{color:#cbd5e1}
textarea.finput{resize:vertical;line-height:1.6}
.fhint{font-size:10.5px;color:#94a3b8;font-weight:500;margin-top:.35rem;line-height:1.45}

.sec-head{width:100%;display:flex;align-items:center;justify-content:space-between;
          padding:.8rem 1.1rem;background:none;border:0;cursor:pointer;font-family:inherit}
.sec-body{display:none;padding:0 1.1rem 1.15rem}
.sec.open .sec-body{display:block}
.sec-chev{transition:transform .25s cubic-bezier(.2,.7,.3,1)}
.sec.open .sec-chev{transform:rotate(180deg)}
.sec.open{border-color:#e2e8f0}

.domain-item{transition:all .16s ease}
.domain-item:hover{border-color:#c7d2fe;transform:translateY(-1px)}
.domain-item.sel{border-color:#a5b4fc;background:#eef2ff80;box-shadow:0 0 0 3px rgba(99,102,241,.08)}

.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:99px;
      font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.pill-live{background:#ecfdf5;color:#047857}
.pill-draft{background:#f1f5f9;color:#64748b}
.pill-new{background:#fef3c7;color:#d97706}
.pill-replied{background:#e0e7ff;color:#4338ca}
.pill-archived{background:#f3f4f6;color:#6b7280}

.bar{width:100%;border-radius:.5rem .5rem 0 0;background:linear-gradient(180deg,#818cf8,#4f46e5);
     transition:opacity .15s}
.bar:hover{opacity:.82}

.country-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}
.country-bar{height:4px;border-radius:99px;background:linear-gradient(90deg,#60a5fa,#818cf8)}

.dtable{width:100%;border-collapse:collapse}
.dtable thead th{text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;
                 letter-spacing:.08em;color:#94a3b8;padding:.6rem .9rem;background:#fafbfc;
                 border-bottom:1px solid #e2e8f0;white-space:nowrap;cursor:pointer;user-select:none}
.dtable thead th:hover{background:#f1f5f9}
.dtable tbody td{padding:.7rem .9rem;border-bottom:1px solid #f1f5f9;font-size:12.5px;vertical-align:middle}
.dtable tbody tr:last-child td{border-bottom:0}
.dtable tbody tr:hover{background:#fafbfc}

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#dbe2ea;border-radius:99px;border:2px solid #f8f9fb}
::-webkit-scrollbar-thumb:hover{background:#c3cdd9}

.toast{position:fixed;left:50%;bottom:1.5rem;transform:translateX(-50%);z-index:200;
       background:#0f172a;color:#fff;font-size:12px;font-weight:700;padding:.65rem 1.1rem;
       border-radius:.85rem;box-shadow:0 12px 32px rgba(15,23,42,.28)}

.ref-copy{cursor:pointer;font-family:ui-monospace;font-size:11px;font-weight:700;color:#4f46e5;
         transition:all .15s;padding:.2rem .4rem;border-radius:.4rem}
.ref-copy:hover{background:#eef2ff;color:#3730a3}