/* Domain module - scoped, resilient against the legacy global theme */
.stc-domain-page,.stc-domain-page *{box-sizing:border-box}
.stc-domain-page{padding:105px 0 95px!important;background:#f6f9fe!important;color:#111827!important;font-family:inherit!important;min-height:70vh}
.stc-domain-page .container{max-width:1160px!important;margin:0 auto!important;padding-left:20px!important;padding-right:20px!important}
.stc-domain-wrap{max-width:900px!important;margin:0 auto!important}
.stc-domain-head{text-align:center!important;margin:0 0 28px!important}
.stc-domain-page .stc-domain-head h1{font-size:30px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.02em!important;margin:0 0 8px!important;color:#111827!important;text-transform:none!important}
.stc-domain-head p{font-size:15px!important;line-height:1.6!important;margin:0!important;color:#64748b!important}
.stc-domain-card{background:#fff!important;border:1px solid #dce5f0!important;border-radius:18px!important;padding:28px!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important}
.stc-domain-page label,.stc-domain-label{display:block!important;font-size:13px!important;line-height:1.35!important;font-weight:700!important;color:#334155!important;margin:0 0 8px!important}
.stc-domain-search{display:grid!important;grid-template-columns:minmax(0,1fr) 130px 145px!important;gap:10px!important;align-items:stretch!important}
.stc-domain-input-wrap{position:relative!important;min-width:0!important}.stc-domain-input-wrap i{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important;z-index:2!important}.stc-domain-input-wrap input{padding-left:42px!important}
.stc-domain-page .stc-domain-control{display:block!important;width:100%!important;max-width:none!important;height:48px!important;min-height:48px!important;border:1px solid #d8e1eb!important;border-radius:12px!important;padding:0 14px!important;background:#fff!important;color:#111827!important;font-size:14px!important;line-height:46px!important;outline:none!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s!important}
.stc-domain-page select.stc-domain-control{appearance:auto!important;line-height:normal!important;padding-right:30px!important}
.stc-domain-page textarea.stc-domain-control{height:auto!important;min-height:96px!important;padding:12px 14px!important;line-height:1.5!important}
.stc-domain-page .stc-domain-control:focus{border-color:#1677ff!important;box-shadow:0 0 0 3px rgba(22,119,255,.10)!important}
.stc-domain-page .stc-domain-btn{height:48px!important;min-height:48px!important;border:0!important;border-radius:12px!important;padding:0 20px!important;background:#1677ff!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:.18s!important;cursor:pointer!important;text-decoration:none!important;white-space:nowrap!important}
.stc-domain-page .stc-domain-btn:hover{background:#0958d9!important;color:#fff!important;transform:translateY(-1px)!important}.stc-domain-page .stc-domain-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}
.stc-domain-section{margin-top:26px!important;padding-top:2px!important}.stc-domain-section-title{font-size:15px!important;font-weight:800!important;color:#1f2937!important;margin:0 0 12px!important;display:flex!important;align-items:center!important;gap:8px!important}
.stc-domain-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.stc-domain-grid-3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.stc-domain-field{min-width:0!important}.stc-domain-field small,.stc-domain-page small{font-size:11.5px!important;line-height:1.5!important;color:#64748b!important}
.stc-domain-pricebox{background:#f3f7fd!important;border:1px solid #dfe8f3!important;border-radius:14px!important;padding:17px!important;margin-top:26px!important}.stc-domain-price-row{display:flex!important;justify-content:space-between!important;gap:14px!important;padding:6px 0!important;font-size:14px!important;line-height:1.45!important}.stc-domain-price-row span:first-child{color:#64748b!important}.stc-domain-price-row.total{margin-top:7px!important;padding-top:13px!important;border-top:1px solid #d8e3ef!important;font-weight:800!important}.stc-domain-price-row.total strong{font-size:20px!important;color:#1677ff!important}
.stc-domain-alert{display:none!important;margin-top:12px!important;padding:11px 13px!important;border-radius:10px!important;font-size:13px!important;line-height:1.45!important}.stc-domain-alert.show{display:block!important}.stc-domain-alert.success{background:#ecfdf5!important;color:#047857!important;border:1px solid #a7f3d0!important}.stc-domain-alert.error{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}
.stc-domain-note{display:flex!important;gap:8px!important;color:#64748b!important;font-size:12px!important;line-height:1.5!important;margin-top:14px!important}.stc-domain-note i{margin-top:2px!important;color:#1677ff!important}
.stc-domain-table-wrap{overflow:auto!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important}.stc-domain-table{width:100%!important;border-collapse:collapse!important;min-width:760px!important}.stc-domain-table th{background:#eef6ff!important;color:#1f2937!important;font-size:13px!important;padding:13px 14px!important;text-align:left!important}.stc-domain-table td{padding:13px 14px!important;border-top:1px solid #edf2f7!important;font-size:13px!important;vertical-align:middle!important}.stc-domain-table a{color:#1677ff!important;font-weight:700!important}
.stc-domain-badge{display:inline-flex!important;align-items:center!important;padding:4px 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important}.stc-domain-badge-success{background:#ecfdf5!important;color:#047857!important}.stc-domain-badge-warning{background:#fff7ed!important;color:#c2410c!important}.stc-domain-badge-danger{background:#fef2f2!important;color:#b91c1c!important}.stc-domain-badge-secondary{background:#f1f5f9!important;color:#475569!important}
.stc-domain-manage-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.stc-domain-panel{background:#fff!important;border:1px solid #dfe7f1!important;border-radius:16px!important;padding:20px!important}.stc-domain-panel h3{font-size:17px!important;font-weight:800!important;margin:0 0 16px!important;color:#111827!important}.stc-domain-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.stc-domain-meta div{background:#f8fafc!important;border-radius:10px!important;padding:10px!important}.stc-domain-meta small{display:block!important;color:#64748b!important}.stc-domain-meta strong{display:block!important;margin-top:3px!important;color:#111827!important;word-break:break-word!important}
.stc-domain-dns-list{margin-top:18px!important}.stc-domain-record{display:grid!important;grid-template-columns:70px 1fr 2fr 80px auto!important;gap:8px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #edf2f7!important;font-size:12px!important}.stc-domain-record code{white-space:normal!important;word-break:break-all!important;color:#334155!important}.stc-domain-linkbtn{border:1px solid #dbe5ef!important;background:#fff!important;color:#1677ff!important;border-radius:9px!important;padding:7px 10px!important;font-weight:700!important;cursor:pointer!important}.stc-domain-linkbtn:hover{background:#eef6ff!important}
@media(max-width:767px){.stc-domain-page{padding:82px 0 105px!important}.stc-domain-page .container{padding-left:14px!important;padding-right:14px!important}.stc-domain-card{padding:18px!important;border-radius:14px!important}.stc-domain-search{grid-template-columns:minmax(0,1fr) 105px!important}.stc-domain-search .stc-domain-btn{grid-column:1/-1!important}.stc-domain-grid-2,.stc-domain-grid-3,.stc-domain-manage-grid{grid-template-columns:1fr!important}.stc-domain-meta{grid-template-columns:1fr 1fr!important}.stc-domain-record{grid-template-columns:55px 1fr!important;gap:4px!important}.stc-domain-record>*:nth-child(n+3){grid-column:2!important}.stc-domain-page .stc-domain-head h1{font-size:25px!important}}

/* =========================================================
   SEARCHABLE TLD PICKER
   Thay native select để không còn option xanh mặc định trình duyệt.
   ========================================================= */
.stc-tld-picker{position:relative!important;min-width:0!important;z-index:20!important}
.stc-tld-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:-9999px!important}
.stc-tld-trigger{width:100%!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 14px!important;border:1px solid #d8e1eb!important;border-radius:12px!important;background:#fff!important;color:#111827!important;font-size:14px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;outline:none!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s!important}
.stc-tld-trigger:hover{border-color:#b8c8dc!important;background:#fff!important;color:#111827!important}
.stc-tld-trigger:focus,.stc-tld-picker.open .stc-tld-trigger{border-color:#1677ff!important;box-shadow:0 0 0 3px rgba(22,119,255,.10)!important;background:#fff!important;color:#111827!important}
.stc-tld-trigger i{font-size:11px!important;color:#64748b!important;transition:transform .18s!important}
.stc-tld-picker.open .stc-tld-trigger i{transform:rotate(180deg)!important}
.stc-tld-menu{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;width:250px!important;max-width:min(250px,88vw)!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(15,23,42,.16)!important;overflow:hidden!important;z-index:9999!important}
.stc-tld-menu[hidden]{display:none!important}
.stc-tld-search-wrap{position:relative!important;padding:10px!important;border-bottom:1px solid #edf2f7!important;background:#fff!important}
.stc-tld-search-wrap i{position:absolute!important;left:22px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important;font-size:13px!important;pointer-events:none!important}
.stc-domain-page .stc-tld-search{width:100%!important;height:38px!important;min-height:38px!important;border:1px solid #d8e1eb!important;border-radius:9px!important;padding:0 11px 0 34px!important;background:#fff!important;color:#111827!important;font-size:13px!important;line-height:36px!important;outline:none!important;box-shadow:none!important}
.stc-domain-page .stc-tld-search:focus{border-color:#1677ff!important;box-shadow:0 0 0 3px rgba(22,119,255,.09)!important}
.stc-tld-list{max-height:280px!important;overflow-y:auto!important;padding:6px!important;background:#fff!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important}
.stc-tld-list::-webkit-scrollbar{width:6px!important}.stc-tld-list::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:999px!important}.stc-tld-list::-webkit-scrollbar-track{background:transparent!important}
.stc-domain-page .stc-tld-option{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 11px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#334155!important;text-align:left!important;font-size:13px!important;font-weight:600!important;line-height:1.25!important;cursor:pointer!important;box-shadow:none!important;outline:none!important;transition:background .15s,color .15s!important}
.stc-domain-page .stc-tld-option:hover{background:#f6f8fb!important;color:#111827!important}
.stc-domain-page .stc-tld-option.active{background:#eef6ff!important;color:#1677ff!important;font-weight:800!important}
.stc-domain-page .stc-tld-option b{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;padding:4px 7px!important;border-radius:7px!important;background:#f1f5f9!important;color:#64748b!important;font-size:10px!important;font-weight:800!important;line-height:1!important;letter-spacing:.01em!important}
.stc-domain-page .stc-tld-option.active b{background:#dbeafe!important;color:#1677ff!important}
.stc-tld-empty{padding:18px 12px!important;text-align:center!important;color:#94a3b8!important;font-size:12px!important}
@media(max-width:767px){.stc-tld-menu{left:0!important;right:auto!important;width:min(280px,calc(100vw - 28px))!important}}


/* =========================================================
   DOMAIN INPUT ICON + YEAR SELECT ALIGNMENT FIX
   Dùng SVG riêng để không phụ thuộc Font Awesome/native select.
   ========================================================= */
.stc-domain-input-wrap{
    position:relative!important;
    min-width:0!important;
}
.stc-domain-leading-icon{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:18px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#94a3b8!important;
    pointer-events:none!important;
    z-index:3!important;
}
.stc-domain-leading-icon svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    flex:none!important;
}
.stc-domain-input-wrap>.stc-domain-control{
    padding-left:44px!important;
}
/* Tắt icon Font Awesome cũ nếu CSS/cache cũ còn chèn vào */
.stc-domain-input-wrap>i.fa-globe,
.stc-domain-input-wrap>i.fa-solid.fa-globe{
    display:none!important;
}

.stc-domain-select-wrap{
    position:relative!important;
    width:100%!important;
}
.stc-domain-page select.stc-domain-control.stc-domain-select{
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    padding-left:14px!important;
    padding-right:46px!important;
    line-height:normal!important;
    background-image:none!important;
    cursor:pointer!important;
}
.stc-domain-select-arrow{
    position:absolute!important;
    right:15px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:18px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#475569!important;
    pointer-events:none!important;
    z-index:3!important;
}
.stc-domain-select-arrow svg{
    width:16px!important;
    height:16px!important;
    display:block!important;
}
.stc-domain-select-wrap:focus-within .stc-domain-select-arrow{
    color:#1677ff!important;
}
@media(max-width:767px){
    .stc-domain-leading-icon{left:13px!important}
    .stc-domain-input-wrap>.stc-domain-control{padding-left:42px!important}
    .stc-domain-select-arrow{right:14px!important}
}


/* =========================================================
   CUSTOM YEAR PICKER
   Đồng bộ với dropdown tìm đuôi miền, loại bỏ menu select xanh native.
   ========================================================= */
.stc-year-picker{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    z-index:18!important;
}
.stc-year-native{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
    left:-9999px!important;
}
.stc-year-trigger{
    width:100%!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 14px!important;
    border:1px solid #d8e1eb!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#111827!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    text-align:left!important;
    cursor:pointer!important;
    outline:none!important;
    box-shadow:none!important;
    transition:border-color .18s,box-shadow .18s,background .18s!important;
}
.stc-year-trigger:hover{
    border-color:#b8c8dc!important;
    background:#fff!important;
    color:#111827!important;
}
.stc-year-trigger:focus,.stc-year-picker.open .stc-year-trigger{
    border-color:#1677ff!important;
    box-shadow:0 0 0 3px rgba(22,119,255,.10)!important;
    background:#fff!important;
}
.stc-year-trigger svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    color:#64748b!important;
    transition:transform .18s,color .18s!important;
}
.stc-year-picker.open .stc-year-trigger svg{
    transform:rotate(180deg)!important;
    color:#1677ff!important;
}
.stc-year-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    background:#fff!important;
    border:1px solid #dce5ef!important;
    border-radius:14px!important;
    box-shadow:0 18px 45px rgba(15,23,42,.16)!important;
    padding:6px!important;
    overflow:hidden!important;
    z-index:9999!important;
}
.stc-year-menu[hidden]{display:none!important}
.stc-year-list{
    max-height:276px!important;
    overflow-y:auto!important;
    background:#fff!important;
    scrollbar-width:thin!important;
    scrollbar-color:#cbd5e1 transparent!important;
}
.stc-year-list::-webkit-scrollbar{width:6px!important}
.stc-year-list::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:999px!important}
.stc-year-list::-webkit-scrollbar-track{background:transparent!important}
.stc-domain-page .stc-year-option{
    width:100%!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:9px 11px!important;
    border:0!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#334155!important;
    text-align:left!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.25!important;
    cursor:pointer!important;
    outline:none!important;
    box-shadow:none!important;
    transition:background .15s,color .15s!important;
}
.stc-domain-page .stc-year-option:hover{
    background:#f6f8fb!important;
    color:#111827!important;
}
.stc-domain-page .stc-year-option.active{
    background:#eef6ff!important;
    color:#1677ff!important;
    font-weight:800!important;
}
.stc-domain-page .stc-year-option small{
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    padding:4px 7px!important;
    border-radius:7px!important;
    background:#f1f5f9!important;
    color:#64748b!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
}
.stc-domain-page .stc-year-option.active small{
    background:#dbeafe!important;
    color:#1677ff!important;
}
@media(max-width:767px){
    .stc-year-menu{width:100%!important}
}

/* =========================================================
   DOMAIN MANAGE UI - đồng bộ màu/bo góc với trang mua tên miền
   ========================================================= */
.stc-domain-manage-page{background:#f6f9fe!important}
.stc-manage-hero{background:#fff!important;border:1px solid #dce5f0!important;border-radius:18px!important;padding:22px 24px!important;margin-bottom:18px!important;box-shadow:0 14px 40px rgba(15,23,42,.05)!important}
.stc-manage-back{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#64748b!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;margin-bottom:9px!important}
.stc-manage-back:hover{color:#1677ff!important}
.stc-manage-title-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.stc-domain-manage-page .stc-manage-title-row h1{font-size:26px!important;line-height:1.25!important;font-weight:800!important;color:#111827!important;margin:0!important;letter-spacing:-.02em!important;text-transform:none!important}
.stc-manage-hero p{margin:6px 0 0!important;color:#64748b!important;font-size:13px!important}
.stc-domain-manage-page .stc-domain-panel{border:1px solid #dce5f0!important;border-radius:18px!important;padding:22px!important;box-shadow:0 10px 30px rgba(15,23,42,.04)!important}
.stc-domain-panel-soft{background:#fff!important}
.stc-panel-heading{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin-bottom:15px!important}
.stc-panel-heading>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.stc-panel-heading-between{justify-content:space-between!important;flex-wrap:wrap!important}
.stc-domain-manage-page .stc-panel-heading h3{margin:0!important;font-size:17px!important;font-weight:800!important;color:#111827!important}
.stc-panel-icon{width:34px!important;height:34px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eef6ff!important;color:#1677ff!important;flex:0 0 34px!important}
.stc-panel-chip{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:6px 10px!important;background:#f1f5f9!important;color:#64748b!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em!important}
.stc-panel-note{font-size:12.5px!important;color:#64748b!important;line-height:1.55!important;margin:0 0 14px!important}
.stc-domain-manage-page .stc-domain-meta div{background:#f3f7fd!important;border:1px solid #e4ebf4!important;border-radius:12px!important;padding:12px!important}
.stc-domain-manage-page .stc-domain-meta strong{font-size:13px!important}
.stc-domain-inline-form{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:15px!important}
.stc-domain-switch-row{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;color:#334155!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important}
.stc-domain-switch-row input{width:18px!important;height:18px!important;accent-color:#1677ff!important}
.stc-domain-btn-full{width:100%!important}
.stc-domain-manage-alert{padding:12px 14px!important;border-radius:12px!important;font-size:12.5px!important;line-height:1.5!important;margin:0 0 16px!important}
.stc-domain-manage-alert.info{background:#eef6ff!important;border:1px solid #cfe3ff!important;color:#245b9e!important}
.stc-domain-manage-alert.warning{background:#fff8e8!important;border:1px solid #f4dfaa!important;color:#9a6700!important}
.stc-ns-grid{align-items:end!important}
.stc-ns-provider-field{grid-column:1/-1!important;max-width:420px!important}
.ns-host-wrap{transition:opacity .15s!important}
.ns-host-wrap.is-disabled{opacity:.48!important}
.stc-dns-editor{background:#f8fbff!important;border:1px solid #e0e9f4!important;border-radius:14px!important;padding:16px!important}
.stc-dns-form-actions{display:flex!important;align-items:end!important;gap:8px!important;min-height:48px!important}
.stc-dns-form-actions .stc-domain-btn{flex:1 1 auto!important}
.stc-domain-page .stc-domain-linkbtn{border:1px solid #d8e3ef!important;background:#fff!important;color:#1677ff!important;border-radius:10px!important;padding:8px 11px!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;transition:.15s!important;text-decoration:none!important}
.stc-domain-page .stc-domain-linkbtn:hover{background:#eef6ff!important;border-color:#bdd8ff!important;color:#0958d9!important}
.stc-domain-page .stc-domain-linkbtn-danger{color:#dc2626!important;border-color:#fee2e2!important}
.stc-domain-page .stc-domain-linkbtn-danger:hover{background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}
.stc-domain-manage-page .stc-domain-dns-list{margin-top:16px!important;border:1px solid #e1e8f0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
.stc-domain-manage-page .stc-domain-record{grid-template-columns:72px minmax(100px,.8fr) minmax(180px,1.8fr) 90px auto!important;gap:10px!important;align-items:center!important;padding:12px 14px!important;border-bottom:1px solid #edf2f7!important;font-size:12px!important;background:#fff!important}
.stc-domain-manage-page .stc-domain-record:last-child{border-bottom:0!important}
.stc-domain-manage-page .stc-domain-record:hover{background:#fbfdff!important}
.stc-dns-type{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:48px!important;padding:5px 8px!important;border-radius:8px!important;background:#eef6ff!important;color:#1677ff!important;font-size:11px!important;font-weight:900!important}
.stc-dns-row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;white-space:nowrap!important}
.stc-dns-empty{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:24px!important;color:#94a3b8!important;font-size:12.5px!important}
@media(max-width:767px){
  .stc-manage-hero{padding:18px!important;border-radius:15px!important}
  .stc-domain-manage-page .stc-manage-title-row h1{font-size:22px!important;word-break:break-word!important}
  .stc-domain-manage-page .stc-domain-panel{padding:17px!important;border-radius:15px!important}
  .stc-ns-provider-field{max-width:none!important}
  .stc-domain-manage-page .stc-domain-record{grid-template-columns:58px 1fr!important;padding:12px!important}
  .stc-domain-manage-page .stc-domain-record>*:nth-child(n+3){grid-column:2!important}
  .stc-dns-row-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
  .stc-dns-form-actions{align-items:stretch!important;flex-direction:column!important}
  .stc-dns-form-actions .stc-domain-btn,.stc-dns-form-actions .stc-domain-linkbtn{width:100%!important}
}

/* =========================================================
   DOMAIN HISTORY UI - đồng bộ trang mua/quản lý tên miền
   ========================================================= */
.stc-domain-history-page{padding-top:92px!important;background:#f6f9fe!important}
.stc-domain-history-shell{max-width:1160px!important;margin:0 auto!important}
.stc-domain-profile-nav{margin-bottom:18px!important}
.stc-domain-history-page .settings-page-lists{margin:0!important;padding:0!important;background:#fff!important;border:1px solid #dce5f0!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}
.stc-domain-history-page .settings-head{display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;list-style:none!important;margin:0!important;padding:8px!important;white-space:nowrap!important;scrollbar-width:thin!important}
.stc-domain-history-page .settings-head li{margin:0!important;padding:0!important;flex:0 0 auto!important}
.stc-domain-history-page .settings-head .menu-item{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:0 12px!important;border-radius:9px!important;color:#64748b!important;background:transparent!important;font-size:12.5px!important;font-weight:700!important;text-decoration:none!important;border:0!important}
.stc-domain-history-page .settings-head .menu-item:hover{background:#f6f9fe!important;color:#1677ff!important}
.stc-domain-history-page .settings-head .menu-item.active{background:#eef6ff!important;color:#1677ff!important}
.stc-history-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;background:#fff!important;border:1px solid #dce5f0!important;border-radius:18px!important;padding:24px 26px!important;margin-bottom:18px!important;box-shadow:0 14px 40px rgba(15,23,42,.05)!important}
.stc-history-eyebrow{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#1677ff!important;font-size:12px!important;font-weight:800!important;margin-bottom:7px!important}
.stc-domain-history-page .stc-history-hero h1{margin:0 0 6px!important;font-size:28px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.02em!important;color:#111827!important;text-transform:none!important}
.stc-history-hero p{margin:0!important;color:#64748b!important;font-size:13.5px!important;line-height:1.55!important}
.stc-history-buy-btn{flex:0 0 auto!important}
.stc-history-card{background:#fff!important;border:1px solid #dce5f0!important;border-radius:18px!important;padding:22px!important;margin-bottom:18px!important;box-shadow:0 10px 30px rgba(15,23,42,.04)!important}
.stc-history-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:15px!important}
.stc-domain-history-page .stc-history-card-head h2{margin:0 0 4px!important;font-size:18px!important;line-height:1.3!important;font-weight:800!important;color:#111827!important;text-transform:none!important}
.stc-history-card-head p{margin:0!important;font-size:12.5px!important;color:#64748b!important}
.stc-history-table-wrap{border-radius:14px!important;border-color:#e1e8f0!important;box-shadow:none!important}
.stc-domain-history-page .stc-domain-table{min-width:820px!important}
.stc-domain-history-page .stc-domain-table th{background:#f3f7fd!important;color:#475569!important;font-weight:800!important;border:0!important}
.stc-domain-history-page .stc-domain-table td{color:#334155!important;background:#fff!important}
.stc-domain-history-page .stc-domain-table tbody tr:hover td{background:#fbfdff!important}
.stc-history-domain-name{color:#111827!important;font-weight:800!important}
.stc-history-renew{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;padding:5px 8px!important;border-radius:8px!important;font-size:11px!important;font-weight:800!important}
.stc-history-renew.is-on{background:#ecfdf5!important;color:#047857!important}
.stc-history-renew.is-off{background:#f1f5f9!important;color:#64748b!important}
.stc-history-processing{display:inline-flex!important;align-items:center!important;padding:6px 9px!important;border-radius:8px!important;background:#f1f5f9!important;color:#64748b!important;font-size:11px!important;font-weight:700!important}
.stc-history-empty{min-height:220px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:28px 20px!important;border:1px dashed #d8e3ef!important;border-radius:14px!important;background:#fbfdff!important}
.stc-history-empty-small{min-height:180px!important}
.stc-history-empty-icon{width:52px!important;height:52px!important;border-radius:14px!important;background:#eef6ff!important;color:#1677ff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;margin-bottom:12px!important}
.stc-domain-history-page .stc-history-empty h3{margin:0 0 6px!important;font-size:16px!important;font-weight:800!important;color:#111827!important;text-transform:none!important}
.stc-history-empty p{margin:0 0 15px!important;max-width:460px!important;color:#64748b!important;font-size:12.5px!important;line-height:1.55!important}
@media(max-width:767px){
  .stc-domain-history-page{padding-top:20px!important}
  .stc-history-hero{align-items:stretch!important;flex-direction:column!important;padding:18px!important;border-radius:15px!important}
  .stc-domain-history-page .stc-history-hero h1{font-size:23px!important}
  .stc-history-buy-btn{width:100%!important}
  .stc-history-card{padding:15px!important;border-radius:15px!important}
  .stc-domain-history-page .settings-page-lists{border-radius:12px!important}
}

/* =========================================================
   DOMAIN FORM TYPOGRAPHY SYNC V1
   Đồng bộ tiêu đề Nameservers với nhãn Thời hạn / Coupon.
   ========================================================= */
.stc-domain-page .stc-domain-section-title{
    font-family:inherit!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:700!important;
    color:#334155!important;
    margin:0 0 8px!important;
    gap:7px!important;
}
.stc-domain-page .stc-domain-section-title i{
    width:14px!important;
    min-width:14px!important;
    font-size:12px!important;
    line-height:1!important;
    text-align:center!important;
    color:#334155!important;
}

/* =========================================================
   Domain history table alignment V1
   ========================================================= */
html body .stc-domain-history-page .stc-domain-table{
    font-variant-numeric:tabular-nums!important;
    font-feature-settings:"tnum" 1!important;
}
html body .stc-domain-history-page .stc-domain-table th,
html body .stc-domain-history-page .stc-domain-table td{
    text-align:left!important;
    vertical-align:middle!important;
    line-height:1.35!important;
}
html body .stc-domain-history-page .stc-domain-table th{
    height:46px!important;
    padding-top:0!important;
    padding-bottom:0!important;
}
html body .stc-domain-history-page .stc-domain-table td{
    height:58px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
}
html body .stc-domain-history-page .stc-domain-table td > strong,
html body .stc-domain-history-page .stc-domain-table .stc-domain-badge,
html body .stc-domain-history-page .stc-domain-table .stc-history-renew,
html body .stc-domain-history-page .stc-domain-table .stc-domain-linkbtn,
html body .stc-domain-history-page .stc-domain-table .stc-history-processing{
    vertical-align:middle!important;
    line-height:1.25!important;
}

/* =========================================================
   Domain history table alignment V2 GLOBAL
   ========================================================= */
html body .stc-history-domain-list-table,
html body .stc-history-domain-order-table{
    table-layout:fixed!important;
    width:100%!important;
    font-variant-numeric:tabular-nums!important;
    font-feature-settings:"tnum" 1!important;
}
html body .stc-history-domain-list-table th,
html body .stc-history-domain-list-table td,
html body .stc-history-domain-order-table th,
html body .stc-history-domain-order-table td{
    vertical-align:middle!important;
    line-height:1.35!important;
    box-sizing:border-box!important;
}
html body .stc-history-domain-list-table th:nth-child(1),html body .stc-history-domain-list-table td:nth-child(1){width:28%;text-align:left!important}
html body .stc-history-domain-list-table th:nth-child(2),html body .stc-history-domain-list-table td:nth-child(2){width:14%;text-align:center!important}
html body .stc-history-domain-list-table th:nth-child(3),html body .stc-history-domain-list-table td:nth-child(3){width:15%;text-align:center!important}
html body .stc-history-domain-list-table th:nth-child(4),html body .stc-history-domain-list-table td:nth-child(4){width:15%;text-align:center!important}
html body .stc-history-domain-list-table th:nth-child(5),html body .stc-history-domain-list-table td:nth-child(5){width:12%;text-align:center!important}
html body .stc-history-domain-list-table th:nth-child(6),html body .stc-history-domain-list-table td:nth-child(6){width:16%;text-align:center!important}

html body .stc-history-domain-order-table th:nth-child(1),html body .stc-history-domain-order-table td:nth-child(1){width:8%;text-align:center!important}
html body .stc-history-domain-order-table th:nth-child(2),html body .stc-history-domain-order-table td:nth-child(2){width:24%;text-align:left!important}
html body .stc-history-domain-order-table th:nth-child(3),html body .stc-history-domain-order-table td:nth-child(3){width:12%;text-align:center!important}
html body .stc-history-domain-order-table th:nth-child(4),html body .stc-history-domain-order-table td:nth-child(4){width:11%;text-align:center!important}
html body .stc-history-domain-order-table th:nth-child(5),html body .stc-history-domain-order-table td:nth-child(5){width:15%;text-align:center!important}
html body .stc-history-domain-order-table th:nth-child(6),html body .stc-history-domain-order-table td:nth-child(6){width:14%;text-align:center!important}
html body .stc-history-domain-order-table th:nth-child(7),html body .stc-history-domain-order-table td:nth-child(7){width:16%;text-align:center!important}

@media(max-width:767px){
    html body .stc-history-domain-list-table{min-width:900px!important}
    html body .stc-history-domain-order-table{min-width:940px!important}
}

/* =========================================================
   Domain history V3 — center header and values on one axis.
   ========================================================= */
html body .stc-domain-history-page .stc-history-domain-list-table th,
html body .stc-domain-history-page .stc-history-domain-list-table td,
html body .stc-domain-history-page .stc-history-domain-order-table th,
html body .stc-domain-history-page .stc-history-domain-order-table td{
    text-align:center!important;
    vertical-align:middle!important;
}
html body .stc-domain-history-page .stc-history-domain-name,
html body .stc-domain-history-page .stc-history-renew,
html body .stc-domain-history-page .stc-history-processing,
html body .stc-domain-history-page .stc-domain-badge,
html body .stc-domain-history-page .stc-domain-linkbtn{
    margin-left:auto!important;
    margin-right:auto!important;
}
html body .stc-domain-history-page .stc-history-domain-name{
    display:inline-block!important;
    text-align:center!important;
}
html body .stc-domain-history-page .stc-domain-linkbtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}

/* =========================================================
   V72 - Domain history follows the account left-rail layout
   ========================================================= */
@media(min-width:992px){
  html body .stc-domain-history-shell{
    max-width:1400px!important;
    display:grid!important;grid-template-columns:228px minmax(0,1fr)!important;
    gap:18px!important;align-items:start!important;
  }
  html body .stc-domain-history-shell>.stc-domain-profile-nav{
    grid-column:1!important;grid-row:1 / span 60!important;
    position:sticky!important;top:88px!important;align-self:start!important;
    margin:0!important;min-width:0!important;z-index:30!important;
  }
  html body .stc-domain-history-shell>:not(.stc-domain-profile-nav){grid-column:2!important;min-width:0!important}
  html body .stc-domain-profile-nav .stc-account-nav-shell{width:228px!important;padding:7px!important;border-radius:15px!important}
  html body .stc-domain-profile-nav .stc-account-nav-shell .settings-head{
    display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:2px!important;
    overflow:visible!important;padding:0!important;
  }
  html body .stc-domain-profile-nav .stc-account-nav-shell .menu-item{
    width:100%!important;min-height:39px!important;padding:8px 10px!important;gap:9px!important;
    border-radius:10px!important;font-size:12px!important;white-space:normal!important;
  }
}
@media(max-width:991px){
  html body .stc-domain-history-shell{display:block!important;max-width:none!important}
  html body .stc-domain-profile-nav{position:static!important;margin:0 0 14px!important}
  /* Let account-nav.css own the mobile one-row swipe behavior. */
  html body .stc-domain-profile-nav .settings-page-lists,
  html body .stc-domain-profile-nav .settings-head{background:transparent!important;border:0!important;box-shadow:none!important}
}
@media(max-width:767px){html body .stc-domain-history-page{padding-top:18px!important}}


/* =========================================================
   V74 - domain account page matches the same account rail/header
   ========================================================= */
html body .stc-domain-history-page>.container{
    max-width:1400px!important;
    width:100%!important;
    padding-left:28px!important;
    padding-right:28px!important;
}
html body .stc-domain-history-page .stc-history-eyebrow{display:none!important}
html body .stc-domain-history-page .stc-history-hero{
    min-height:64px!important;
    padding:14px 18px!important;
    margin-bottom:14px!important;
    border-radius:16px!important;
    box-shadow:0 6px 20px rgba(15,23,42,.025)!important;
}
html body .stc-domain-history-page .stc-history-hero h1{
    margin:0 0 3px!important;
    font-size:20px!important;
    line-height:1.25!important;
    letter-spacing:-.01em!important;
}
html body .stc-domain-history-page .stc-history-hero p{
    font-size:12.5px!important;
    line-height:1.5!important;
}
@media(max-width:991px){
    html body .stc-domain-history-page>.container{padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:767px){
    html body .stc-domain-history-page .stc-history-hero{min-height:58px!important;padding:12px 14px!important;border-radius:14px!important}
    html body .stc-domain-history-page .stc-history-hero h1{font-size:18px!important}
}

/* =========================================================
   V75 - domain page uses the same compact account width / rail
   ========================================================= */
html body .stc-domain-history-page,
html body .stc-domain-history-page *{font-family:Roboto,Arial,sans-serif!important}
html body .stc-domain-history-page>.container{
    max-width:1260px!important;
    padding-left:22px!important;
    padding-right:22px!important;
}
@media(min-width:992px){
    html body .stc-domain-history-shell{
        max-width:1260px!important;
        grid-template-columns:218px minmax(0,1fr)!important;
        gap:20px!important;
    }
    html body .stc-domain-profile-nav .stc-account-nav-shell{width:218px!important;min-width:218px!important;max-width:218px!important}
}
html body .stc-domain-history-page .stc-history-hero{
    min-height:54px!important;
    padding:11px 15px!important;
    margin-bottom:12px!important;
    border-radius:14px!important;
    box-shadow:0 5px 18px rgba(15,23,42,.025)!important;
}
html body .stc-domain-history-page .stc-history-hero h1{font-size:18px!important;margin-bottom:2px!important}
html body .stc-domain-history-page .stc-history-hero p{font-size:11.5px!important}
html body .stc-domain-history-page .stc-history-card{border-radius:15px!important;box-shadow:0 5px 18px rgba(15,23,42,.025)!important}
@media(max-width:991px){html body .stc-domain-history-page{padding-top:14px!important}}
@media(max-width:767px){
    html body .stc-domain-history-page{padding-top:12px!important}
    html body .stc-domain-history-page>.container{padding-left:12px!important;padding-right:12px!important}
}

/* =========================================================
   V105 — Domain coupon apply UX
   Có nút Áp mã, trạng thái rõ ràng và dòng giảm giá trong tổng tiền.
   ========================================================= */
.stc-domain-coupon-field{min-width:0!important}
.stc-domain-coupon-row{display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;gap:9px!important;align-items:stretch!important}
.stc-domain-coupon-btn{height:48px!important;min-height:48px!important;border:1px solid #b9d6ff!important;border-radius:12px!important;background:#eef6ff!important;color:#1677ff!important;font:700 13px/1 Roboto,Arial,sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 13px!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transition:background .16s,border-color .16s,color .16s,transform .16s!important}
.stc-domain-coupon-btn:hover{background:#e2efff!important;border-color:#8fbfff!important;color:#095ed0!important}
.stc-domain-coupon-btn:active{transform:translateY(1px)!important}
.stc-domain-coupon-btn:disabled{opacity:.65!important;cursor:not-allowed!important;transform:none!important}
.stc-domain-coupon-btn.is-applied{border-color:#bbf7d0!important;background:#ecfdf3!important;color:#15803d!important}
.stc-domain-page #domainCouponInput.is-applied{border-color:#86efac!important;background:#fbfffc!important;box-shadow:0 0 0 3px rgba(34,197,94,.07)!important}
.stc-domain-coupon-msg{min-height:18px!important;margin-top:6px!important;font:500 11.5px/1.45 Roboto,Arial,sans-serif!important;color:#64748b!important}
.stc-domain-coupon-msg:not(.show){visibility:hidden!important}
.stc-domain-coupon-msg.success{color:#15803d!important}
.stc-domain-coupon-msg.error{color:#dc2626!important}
.stc-domain-discount-row[hidden]{display:none!important}
.stc-domain-discount-row{color:#15803d!important}
.stc-domain-discount-row>span:first-child{color:#15803d!important}
.stc-domain-discount-value{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#15803d!important;font-weight:700!important}
.stc-domain-discount-value small{color:#16a34a!important;font-size:11px!important;font-weight:700!important}
@media(max-width:767px){
  .stc-domain-coupon-row{grid-template-columns:minmax(0,1fr) 104px!important;gap:8px!important}
  .stc-domain-coupon-btn{padding:0 10px!important;font-size:12.5px!important}
}
@media(max-width:420px){
  .stc-domain-coupon-row{grid-template-columns:1fr!important}
  .stc-domain-coupon-btn{width:100%!important}
}

/* =========================================================
   V115 — Domain coupon đồng bộ UX với Thuê Cronjob
   ========================================================= */
.stc-domain-page .stc-domain-coupon-field{
    min-width:0!important;
}
.stc-domain-page .stc-domain-coupon-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 116px!important;
    gap:9px!important;
    align-items:end!important;
}
.stc-domain-page .stc-domain-coupon-input{
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:0 13px!important;
    border:1px solid #d7e2ef!important;
    border-radius:12px!important;
    background:#fff!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.stc-domain-page .stc-domain-coupon-input:focus-within{
    border-color:#1677ff!important;
    box-shadow:0 0 0 3px rgba(22,119,255,.08)!important;
}
.stc-domain-page .stc-domain-coupon-input>svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
    color:#94a3b8!important;
}
.stc-domain-page .stc-domain-coupon-input #domainCouponInput{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#334155!important;
    font:500 12.5px/1 Roboto,Arial,sans-serif!important;
}
.stc-domain-page .stc-domain-coupon-input #domainCouponInput::placeholder{
    color:#94a3b8!important;
}
.stc-domain-page .stc-domain-coupon-input:has(#domainCouponInput.is-applied){
    border-color:#86efac!important;
    background:#fbfffc!important;
    box-shadow:0 0 0 3px rgba(34,197,94,.07)!important;
}
.stc-domain-page .stc-domain-coupon-btn{
    height:48px!important;
    min-height:48px!important;
    border:1px solid #1677ff!important;
    border-radius:12px!important;
    background:#1677ff!important;
    color:#fff!important;
    font:700 12.5px/1 Roboto,Arial,sans-serif!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 14px!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:background .16s,border-color .16s,transform .16s!important;
}
.stc-domain-page .stc-domain-coupon-btn:hover{
    background:#0869e8!important;
    border-color:#0869e8!important;
    color:#fff!important;
}
.stc-domain-page .stc-domain-coupon-btn.is-applied{
    border-color:#16a34a!important;
    background:#16a34a!important;
    color:#fff!important;
}
.stc-domain-page .stc-domain-coupon-msg{display:none!important}
@media(max-width:420px){
    .stc-domain-page .stc-domain-coupon-row{grid-template-columns:1fr!important}
    .stc-domain-page .stc-domain-coupon-btn{width:100%!important}
}