:root {
    --navy: #0b213d;
    --orange: #ff7900;
    --ink: #20334a;
    --muted: #748196;
    --line: #e5eaf1;
    --pale: #f6f8fb
}

* {
    box-sizing: border-box
}

body {
    color: #1e1e1e;
    background: #fff;
    font-size: 15px;
    font-family: Open Sans, sans-serif;
}

a {
    color: #1868b9;
    text-decoration: none
}

a:hover {
    color: var(--orange)
}

.shell {
    width: 95%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto
}

.site-header {
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, .1);
}

.navline {
    display: flex;
    align-items: center;
    gap: 30px;
    min-height: 70px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--orange);
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -1px;
    white-space: nowrap
}

.brand small {
    display: block;
    font-size: 9px !important;
    font-weight: 500;
    letter-spacing: .2px;
    color: var(--muted)
}

.brand-mark {
    font-size: 42px
}

.brand img {
    max-width: 210px;
    max-height: 56px
}

.navline nav {
    display: flex;
    gap: 24px;
    margin-left: auto
}

.navline nav a {
    color: var(--ink);
    font-size: 13px;
    font-weight: 600
}

.header-search {
    display: flex;
    border: 1px solid var(--orange);
    border-radius: 5px;
    overflow: hidden
}

.header-search input {
    width: 150px;
    padding: 8px 10px;
    border: 0;
    outline: 0;
    font-size: 12px
}

.header-search button {
    background: var(--orange);
    color: #fff;
    border: 0;
    font-size: 11px;
    font-weight: 700;
    padding: 8px 13px
}

.hero {
    background: radial-gradient(ellipse at 75% 35%,#173c65 0%,#0a1d36 60%);
    position: relative;
    overflow: hidden;
    color: white;
    min-height: 370px
}

.hero-inner {
    position: relative;
    text-align: center;
    padding: 65px 15px 60px
}

.eyebrow,.section-caption {
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 800;
    color: var(--orange)
}

.eyebrow {
    color: #ffab60;
    margin-bottom: 15px
}

.hero h1 {
    font-weight: 700;
    font-size: 42px;
    letter-spacing: -1px
}

.hero p {
    font-size: 19px;
    max-width: 630px;
    margin: 15px auto 28px;
    color: #c5d4e7
}

.globe {
    position: absolute;
    right: 5%;
    top: -95px;
    width: 640px;
    height: 640px;
    border-radius: 50%;
    background-image: radial-gradient(#5590c1 1.1px,transparent 1.7px);
    background-size: 15px 15px;
    opacity: .2;
    transform: rotate(-18deg);
    box-shadow: inset 30px 0 80px 50px #0b213d
}

.lookup-form {
    max-width: 740px;
    margin: auto;
    background: white;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 7px;
    box-shadow: 0 10px 40px #0002
}

.lookup-form span {
    font-size: 30px;
    color: #8b98a9;
    margin: 0 13px
}

.lookup-form input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: none;
    font-size: 16px;
    padding: 12px 0
}

.btn-orange {
    background: var(--orange);
    border-color: var(--orange);
    color: #fff
}

.btn-orange:hover {
    background: #dc6500;
    border-color: #dc6500;
    color: #fff
}

.lookup-form button {
    padding: 14px 25px
}

.examples {
    font-size: 12px;
    margin-top: 17px;
    color: #b8cbe1
}

.examples a {
    color: #ffab60;
    margin-left: 15px
}

.home-main {
    padding-bottom: 50px
}

.feature-row {
    padding-top: 32px
}

.feature {
    height: 100%;
    border: 1px solid var(--line);
    border-radius: 14px;
    text-align: center;
    padding: 25px 19px;
    background: white;
    box-shadow: 0 6px 18px #0b213d05
}

.feature>span {
    display: inline-flex;
    background: #fff5eb;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    color: var(--orange);
    font-size: 32px;
    border-radius: 50%;
    margin-bottom: 17px
}

.feature h3 {
    font-size: 17px
}

.feature p {
    color: var(--muted);
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.7
}

.faq {
    margin: 65px auto 35px;
    /* max-width: 950px; */
}

.faq>h2,.faq>.section-caption {
    text-align: center
}

.faq h2 {
    font-size: 28px;
    margin-top: 10px
}

.underline {
    height: 3px;
    width: 48px;
    background: var(--orange);
    margin: 20px auto 25px
}

.faq details {
    border: 1px solid var(--line);
    border-radius: 12px;
    margin-bottom: 13px;
    padding: 22px 26px;
    box-shadow: 0 3px 12px #0b213d04
}

.faq summary {
    font-size: 16px;
    font-weight: 550;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 15px
}

.faq summary:after {
    content: '+';
    color: var(--orange)
}

.faq details[open] summary:after {
    content: 'Ã¢Ë†â€™'
}

.faq details p {
    color: var(--muted);
    line-height: 1.8;
    margin: 17px 0 0
}

.notice-band {
    background: var(--pale);
    padding: 20px;
    border-radius: 10px;
    color: var(--muted);
    font-size: 12px;
    text-align: center
}

footer {
    background: #17222f;
    color: #aab6c5;
    padding-top: 42px;
    font-size: 13px
}

footer .brand {
    margin-bottom: 14px
}

footer p {
    line-height: 1.8;
    /* max-width: 350px; */
}

footer h6 {
    color: white;
    margin-bottom: 16px
}

footer a {
    display: block;
    color: #aab6c5;
    margin-bottom: 10px
}

.footer-bottom {
    border-top: 1px solid #ffffff12;
    padding: 22px 0;
    margin-top: 35px;
    font-size: 11px;
    display: flex;
    justify-content: space-between
}

.footer-bottom a {
    margin: 0
}

.footer-payment-caption {
    display: ruby;
}

.footer-accreditation-link {display: ruby;
    float: right;}

.results-main {
    padding: 24px 0 40px
}

.breadcrumb-line {
    font-size: 12px;
    color: var(--muted);
    margin-bottom: 25px
}

.result-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.result-heading h1 {
    font-size: 33px;
    letter-spacing: -1px;
    margin-top: 8px;
    overflow-wrap: anywhere
}

.refresh-box {
    text-align: right;
    display: grid;
    justify-items: end;
    gap: 6px;
    font-size: 11px;
    color: var(--muted);
}

.status-pill {
    border-radius: 50px;
    background: #edf5ff;
    color: #3479b9;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 600
}

.record-card {
    border: 1px solid #dce1e8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 18px
}

.record-card h2 {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 10px 20px;
    background: #f1f3f6;
    border-bottom: 1px solid #dce1e8;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px
}

.record-card h2>span {
    color: var(--orange);
    font-size: 22px
}

.record-card dl {
    padding: 3px 20px;
    margin: 0
}

.record-card dl>div {
    display: grid;
    grid-template-columns: 155px 1fr;
    padding: 8px 0;
    border-bottom: 1px solid var(--line);
    font-size: 13px
}

.record-card dl>div:last-child {
    border: 0
}

.record-card dt {
    color: #333;
    font-weight: 400
}

.record-card dd {
    margin: 0;
    overflow-wrap: anywhere;
    line-height: 1.7;
    color: #000;
}

.raw-card pre {
    background: #f7f8fa;
    font-size: 11px;
    line-height: 1.7;
    padding: 20px;
    margin: 0;
    max-height: 950px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere
}

.raw-card h2 {
    justify-content: space-between
}
.suggest-status.small.muted {
    margin-bottom: 10px;
}
.muted {
    color: var(--muted);
    font-size: .840em !important;
    text-align: center;
    /* padding-top: 10px; */
}

.suggest-card {
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 10px 23px;
}

.suggest-card h2 {
    font-size: 21px;
    margin: 9px 0 5px;
}

.suggestion {
    padding: 17px 0;
    border-bottom: 1px solid var(--line)
}

.suggestion:last-child {
    border: 0;
    padding-bottom: 0
}

.suggestion strong {
    display: block;
    overflow-wrap: anywhere;
    font-size: 14px
}

.suggestion small {
    display: block;
    font-size: 10px;
    color: var(--muted);
    margin: 5px 0 10px
}

.suggestion>div {
    display: flex;
    gap: 7px
}

.suggestion .btn {
    font-size: 11px
}

.promo {
    background: linear-gradient(135deg,#ff8200,#ed5506);
    border-radius: 10px;
    padding: 30px;
    color: white;
    margin-top: 20px
}

.promo>span {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px
}

.promo h3 {
    font-size: 27px;
    line-height: 1.25;
    margin: 20px 0 15px
}

.promo p {
    font-size: 13px;
    color: #ffe3c7
}

.promo .btn {
    font-size: 13px;
    margin-top: 10px
}

.related {
    padding: 30px 0 0
}

.related h3 {
    font-size: 18px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 12px
}

.related a {
    display: inline-block;
    margin: 6px 20px 0 0;
    font-size: 13px
}

.registry-notices {
    font-size: 12px;
    color: var(--muted);
    margin: 20px 0
}

.registry-notices p {
    margin-top: 15px
}

.empty-state {
    padding: 60px 30px;
    text-align: center;
    background: var(--pale);
    border-radius: 12px
}

.empty-state>span {
    font-size: 50px;
    color: var(--orange)
}

.empty-state h2 {
    font-size: 23px
}

.prose {
    max-width: 900px;
    padding-top: 65px;
    padding-bottom: 80px;
    min-height: 60vh;
    line-height: 1.9
}

.prose h1 {
    margin: 12px 0 30px
}

.admin-body {
    background: #f2f5f9
}

.admin-layout {
    display: grid;
    grid-template-columns: 235px 1fr;
    min-height: 100vh
}

.sidebar {
    background: #0b2039;
    color: #a9bdd4;
    padding: 30px 20px;
    display: flex;
    flex-direction: column
}

.sidebar .brand {
    font-size: 23px;
    color: #fff;
    margin-bottom: 45px
}

.sidebar .brand-mark {
    color: var(--orange)
}

.sidebar small {
    font-size: 9px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: #7390b1
}

.sidebar nav a {
    display: block;
    color: #b4c4d7;
    padding: 13px 15px;
    border-radius: 7px;
    font-size: 13px;
    margin-bottom: 6px
}

.sidebar nav a.active {
    background: #ff7900;
    color: #fff;
    box-shadow: 0 5px 18px #ff790025
}

.sidebar .side-bottom {
    margin-top: auto;
    padding-top: 45px;
    font-size: 11px
}

.admin-content {
    padding: 30px 38px;
    min-width: 0
}

.admin-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #dfe6ef;
    padding-bottom: 23px;
    margin-bottom: 30px
}

.admin-top h1 {
    font-size: 27px;
    font-weight: 750;
    letter-spacing: -.7px;
    margin: 5px 0
}

.admin-top p {
    font-size: 12px;
    color: var(--muted);
    margin: 0
}

.admin-account {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 11px
}

.avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e1eaf5;
    font-weight: bold;
    color: #3f6696
}

.stat {
    background: white;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 21px;
    box-shadow: 0 4px 20px #12345603;
    height: 100%
}

.stat .label {
    font-size: 11px;
    color: var(--muted)
}

.stat strong {
    font-size: 30px;
    display: block;
    letter-spacing: -1px;
    margin: 7px 0
}

.stat .hint {
    font-size: 10px;
    color: #8794a5
}

.panel {
    background: white;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px #12345603
}

.panel h2 {
    font-size: 16px;
    font-weight: 650;
    margin-bottom: 20px
}

.panel .table {
    font-size: 12px
}

.table th {
    color: var(--muted);
    font-size: 10px;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap
}

.table>:not(caption)>*>* {
    border-bottom-color: var(--line);
    padding: 13px 9px;
    vertical-align: middle
}

.table td {
    overflow-wrap: anywhere
}

.metric-list {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 0;
    border-bottom: 1px solid var(--line);
    font-size: 13px
}

.chart {
    height: 190px;
    display: flex;
    align-items: end;
    gap: 7px;
    padding-top: 15px
}

.chart-day {
    flex: 1;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    gap: 5px
}

.chart-day .bar {
    width: 100%;
    min-width: 5px;
    background: linear-gradient(#ffa644,#ff7900);
    border-radius: 4px 4px 0 0;
    height: calc(var(--bar)*1%)
}

.chart-day small {
    font-size: 8px;
    color: var(--muted);
    height: 20px
}

.chart-day span {
    font-size: 9px;
    color: #8090a4
}

.form-label {
    font-weight: 600;
    font-size: 12px
}

.form-control,.form-select {
    font-size: 13px;
    border-color: #dfe5ed;
    padding: 10px 12px
}

.form-text {
    font-size: 11px
}

.filter-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 20px
}

.filter-row>div {
    flex: 1;
    min-width: 130px
}

.login-wrap {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.login-art {
    background: radial-gradient(ellipse at 30% 20%,#1d4772,#0a1d34 65%);
    padding: 60px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.login-art .brand {
    color: white;
    margin-bottom: 75px
}

.login-art h1 {
    font-size: 46px;
    letter-spacing: -2px;
    max-width: 430px;
    position: relative
}

.login-art p {
    color: #9db4ce;
    max-width: 390px;
    line-height: 1.8;
    margin-top: 20px
}

.login-form {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px
}

.login-box {
    max-width: 380px;
    width: 100%
}

.login-box h1 {
    font-size: 30px;
    letter-spacing: -1px;
    margin: 15px 0
}

.login-box p {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 30px
}

.login-box .btn {
    padding: 12px
}

.table-responsive {
    overflow: auto
}

.pagination-links {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 12px
}

.help-note {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.8
}

.state-registered {
    background: #ecf8f2;
    color: #228265
}

.state-not_found {
    background: #fff3e3;
    color: #b67310
}

.state-unknown {
    background: #f0f2f5;
    color: #748196
}

.state-registered,.state-not_found,.state-unknown {
    padding: 4px 8px;
    border-radius: 40px;
    white-space: nowrap;
    font-size: 10px
}

.install {
    max-width: 750px;
    margin: 50px auto;
    padding: 30px;
    background: #fff;
    border-radius: 15px
}

textarea {
    min-height: 110px
}

.check-domain:disabled {
    opacity: .6
}

@media(max-width: 1000px) {
    .navline {
        gap:15px
    }

    .header-search {
        display: none
    }

    .admin-content {
        padding: 25px
    }

    .admin-layout {
        grid-template-columns: 195px 1fr
    }

    .login-art {
        padding: 40px
    }
}

@media(max-width: 700px) {
    .navline {
        flex-wrap:wrap;
        padding: 15px 0;
        gap: 10px
    }

    .navline nav {
        gap: 15px
    }

    .brand {
        font-size: 20px
    }

    .brand small {
        display: none
    }

    .brand-mark {
        font-size: 30px
    }

    .hero h1 {
        font-size: 31px
    }

    .hero p {
        font-size: 16px
    }

    .hero-inner {
        padding: 45px 5px
    }

    .lookup-form input {
        font-size: 12px
    }

    .lookup-form button {
        padding: 12px;
        font-size: 13px
    }

    .lookup-form span {
        margin: 0 5px
    }

    .examples a {
        margin-left: 8px
    }

    .record-card dl>div {
        grid-template-columns: 110px 1fr
    }

    .result-heading h1 {
        font-size: 26px
    }

    .result-heading {
        align-items: start;
        gap: 15px
    }

    .refresh-box {
        max-width: 150px
    }

    .admin-layout {
        display: block
    }

    .sidebar {
        padding: 14px 18px
    }

    .sidebar .brand {
        margin-bottom: 10px
    }

    .sidebar>small,.side-bottom {
        display: none
    }

    .sidebar nav {
        display: flex;
        flex-wrap: wrap
    }

    .sidebar nav a {
        padding: 8px 10px;
        font-size: 11px;
        margin: 0 4px 4px 0
    }

    .admin-content {
        padding: 20px 15px
    }

    .admin-top {
        align-items: start
    }

    .admin-top h1 {
        font-size: 23px
    }

    .admin-account>span:not(.avatar) {
        display: none
    }

    .panel {
        padding: 16px
    }

    .login-wrap {
        display: block
    }

    .login-art {
        padding: 30px
    }

    .login-art .brand {
        margin-bottom: 20px
    }

    .login-art h1 {
        font-size: 30px
    }

    .login-art p {
        display: none
    }

    .login-form {
        padding: 35px 25px
    }

    .faq {
        margin-top: 40px
    }

    .faq h2 {
        font-size: 24px
    }

    .footer-bottom {
        gap: 15px
    }

    .chart {
        gap: 4px
    }

    .prose {
        padding-top: 35px
    }

    .header-search {
        display: none
    }
}

/* Keep Bootstrap gutters inside the fluid 95% container. */
.shell {
    padding-left: 12px;
    padding-right: 12px
}

.results-main {
    padding-left: 12px;
    padding-right: 12px
}

.sidebar .brand {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.3;
    font-size: 21px
}

.sidebar .brand-mark {
    flex-shrink: 0
}

.navline .brand {
    white-space: normal;
    overflow-wrap: anywhere;
    min-width: 0
}

.panel .table {
    min-width: 580px
}

.admin-account .btn {
    white-space: nowrap
}

[hidden] {
    display: none!important
}

.fa-solid {
    line-height: 1.2
}

.results-main .lookup-form {
    margin-bottom: 24px;
    border: 1px solid #dce1e6;
    box-shadow: none
}

.result-heading h1 {
    overflow-wrap: anywhere;
    font-size: clamp(1.35rem,3vw,2rem)
}

.results-main .result-heading {
    gap: 16px
}

.available-card {
    padding: 30px;
    text-align: center;
    background: #f0faf4;
    border: 1px solid #c6e6d2;
    border-radius: 10px;
    margin-bottom: 20px
}

.available-card h2 {
    overflow-wrap: anywhere;
    margin: 20px 0
}

.domain-price {
    display: block;
    font-size: 32px;
    color: #e96b0a
}

.available-card small {
    display: block;
    margin: 10px 0
}

.flash-sale {
    display: block;
    text-decoration: none;
    color: white;
    background: linear-gradient(130deg,#c81928,#ff5438)
}

.flash-sale:hover {
    color: white
}

.suggestion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.suggestion strong {
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 14px
}

.suggestion .btn {
    flex-shrink: 0
}

.ad-slider,.static-ad {
    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 10px;
    margin-top: 16px;
    background: #f3f4f6
}

.ad-slider h3 {
    text-align: center;
    color: #c71921;
    font-size: 16px
}

.ad-slider img,.static-ad img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px
}

.slider-controls {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 8px
}

.offer-preview {
    max-height: 120px;
    max-width: 200px;
    object-fit: contain
}

.raw-card pre {
    white-space: pre;
    overflow: auto;
    max-height: 1100px
}

.record-card h2 i {
    color: #f47721
}

.results-main .related {
    margin-top: 24px
}

.server-input {
    font-family: monospace
}

@media(max-width: 575px) {
    .result-heading {
        flex-direction:column;
        align-items: flex-start
    }

    .refresh-box {
        text-align: left
    }

    .results-main .lookup-form {
        padding: 8px
    }

    .lookup-form input {
        min-width: 0
    }
}

.raw-card pre {
    font: 13px/1.65 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    white-space: pre;
    overflow-x: auto;
    max-height: none;
    background: #f1f1f1;
    color: #111;
    padding: 20px
}

.raw-source-note {
    font-size: 12px;
    color: #64748b;
    padding: 8px 20px;
    margin: 0;
    background: #f8fafc;
    display: none;
}

.idn-note {
    font-size: 13px;
    color: #64748b;
    overflow-wrap: anywhere
}

.brand-mark svg {
    display: block;
    max-width: 100%
}

.state-restricted {
    color: #ad5100
}

.state-ip,.state-special_use {
    color: #236197
}

.suggest-status {
    min-height: 20px
}

.suggestion-retry {
    margin: 8px 0
}

.server-input {
    max-width: 100%
}

.ip-raw-card {
    background: #fff
}

.ip-raw-card pre {
    background: #fff;
    padding: 20px;
    font-size: 12px;
    line-height: 1.65
}

.ip-raw-card h2 {
    background: #fff;
    font-size: 14px
}

.results-main .result-heading {
    margin-top: 0
}

.admin-top+.alert {
    margin-bottom: 24px
}

/* v1.4 typography and image branding */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/open-sans-latin.woff2') format('woff2')
}

/* Public result body only: headings, logo, raw text and Admin keep original typography. */
body:not(.admin-body) .results-main .record-card dl, body:not(.admin-body) .results-main .record-card dt, body:not(.admin-body) .results-main .record-card dd, body:not(.admin-body) .results-main aside p, body:not(.admin-body) .results-main aside .suggestion strong, body:not(.admin-body) .results-main aside .suggestion .btn, body:not(.admin-body) .results-main aside .slider-controls button, body:not(.admin-body) .results-main aside .flash-sale span, body:not(.admin-body) .results-main aside .flash-sale .btn {
    font-family: 'Open Sans',sans-serif;
    font-size: .9375rem;
}

.footer-brand img {
    max-width: 240px;
    max-height: 80px;
    object-fit: contain
}

.white-logo,.footer-brand svg {
    filter: brightness(0) invert(1)
}

.contact-email {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    user-select: none;
    -webkit-user-drag: none
}

.developer-credit {
    text-align: center;
    padding: 24px 0;
    color: #687487
}

/* Dashboard footer and identity only; existing Admin typography is preserved. */
.admin-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.admin-content>.developer-credit {
    margin-top: auto;
    padding-top: 32px;
    margin-bottom: 0
}

.account-identity strong,.account-identity small {
    display: block
}

.account-identity small {
    font-size: 11px;
    color: var(--muted);
    font-weight: 400
}

.admin-account img.avatar {
    object-fit: cover
}
/* v1.7 responsive components; uploaded custom rules above are preserved. */
.refresh-box{display:block;text-align:left;font-size:13px;max-width:none}.refresh-inline{display:flex;align-items:center;gap:6px}.refresh-inline form{margin:0}.refresh-icon{border:0;background:none;color:#1685d1;padding:4px;cursor:pointer}.refresh-error{display:block;color:#c82020;font-size:13px;min-height:0}.refresh-error:empty{display:none}
.mobile-header-actions,.admin-menu-toggle,.admin-drawer-close{display:none}.mobile-drawer{position:fixed;right:0;top:0;bottom:0;width:min(86vw,340px);background:#fff;z-index:1100;overflow:auto;box-shadow:-8px 0 24px #0003}.mobile-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--orange);padding:15px;color:#fff}.mobile-drawer-top a{color:#fff;font-weight:600;font-size:13px}.drawer-close{background:none;border:0;color:inherit;font-size:30px;line-height:1}.mobile-drawer nav>a,.mobile-drawer summary{display:block;padding:17px 22px;border-bottom:1px solid #ececec;color:#222;font-size:15px;cursor:pointer}.mobile-drawer summary{list-style:none}.mobile-drawer summary:after{content:'⌄';float:right;color:var(--orange)}.mobile-drawer details>a{display:block;padding:12px 30px;color:#33445b}.drawer-backdrop{position:fixed;inset:0;background:#0009;border:0;z-index:1090}.drawer-open{overflow:hidden}
.admin-content{display:flex;flex-direction:column;min-height:100vh}.admin-footer{margin-top:auto;padding:25px 0 0;border-top:1px solid #e3e7ef;background:transparent;color:#7b8793;display:flex;justify-content:space-between;gap:20px;font-size:12px}.admin-footer .credit-heart{color:red}.admin-footer>span{font-size:12px}.branding-preview{display:flex;align-items:center;justify-content:center;background:#eef1f5;padding:16px;min-height:90px;margin:8px 0}.branding-preview img{max-width:100%;max-height:100px}.dark-preview{background:#17222f}.profile-preview{width:96px;height:96px;object-fit:cover;border-radius:50%;display:block;margin-bottom:16px}.color-hex{max-width:125px;margin:8px 0;font-family:monospace}
@media(max-width:900px){.site-header .navline{min-height:58px;gap:10px;flex-wrap:wrap;padding:9px 0}.site-header .brand{margin-right:auto;font-size:23px}.site-header .brand img{max-width:170px;max-height:42px}.site-header .brand small{display:block}.site-header .desktop-nav{display:none}.mobile-header-actions{display:flex;align-items:center;gap:18px}.mobile-header-actions button,.mobile-header-actions>a{border:0;background:none;color:#333;font-size:22px;padding:3px}.site-header .header-search{display:none}.site-header .header-search.mobile-search-open{display:flex;order:4;width:100%;margin-top:8px}.header-search input{width:auto;flex:1;min-width:0}.result-heading{display:block}.result-heading h1{margin:0 0 4px}.result-heading .refresh-box{margin-top:3px}.admin-layout{display:block}.admin-layout>.sidebar{position:fixed;top:0;bottom:0;left:0;width:270px;z-index:1100;overflow-y:auto;transform:translateX(-100%);transition:transform .18s;display:flex;padding:24px}.admin-layout>.sidebar.is-open{transform:translateX(0)}.sidebar nav{display:block}.sidebar nav a{display:block;padding:13px 12px;font-size:14px;margin:0 0 5px}.sidebar>small,.sidebar .side-bottom{display:block}.admin-drawer-close{display:block;align-self:flex-end}.admin-menu-toggle{display:block;border:0;background:none;font-size:22px;color:var(--ink)}.admin-top{gap:10px}.admin-top h1{font-size:22px}.admin-top .section-caption,.admin-top p{display:none}.admin-account .avatar{display:none}.admin-footer{flex-direction:column;gap:8px}.admin-content{padding:22px 16px}}
.refresh-box{justify-items:start;align-items:start}.refresh-inline{justify-content:flex-start;width:100%}
@font-face{font-family:'Noto Sans Devanagari';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/noto-devanagari.woff2') format('woff2');unicode-range:U+0900-097F,U+A8E0-A8FF,U+200C-200D}
body .result-heading h1,body .results-main .record-card dd,body .header-search input{font-family:'Open Sans','Noto Sans Devanagari',sans-serif}
@media(max-width:900px){.admin-layout>.sidebar{visibility:hidden}.admin-layout>.sidebar.is-open{visibility:visible}}
body:not(.admin-body) .results-main .record-card dd,body:not(.admin-body) .results-main aside .suggestion strong{font-family:'Open Sans','Noto Sans Devanagari',sans-serif}
/* v1.8 storefront navigation, offers and footer */
.contact-strip{background:#111;color:white;font-size:12px}.contact-strip>.shell{display:flex;justify-content:space-between;align-items:center;min-height:34px}.contact-strip .shell>div{display:flex;gap:16px}.contact-strip a{color:#fff}.contact-strip summary{cursor:pointer;list-style:none}.shop-header{position:relative;z-index:30}.shop-header .navline{position:relative;gap:22px;min-height:62px}.shop-header .brand img{max-width:190px}.shop-nav{gap:22px!important;align-items:center}.shop-menu>summary,.admin-head-menu>summary{cursor:pointer;list-style:none;white-space:nowrap;font-size:14px;padding:20px 0}.shop-menu>summary span{font-size:12px}.menu-panel{position:absolute;top:100%;background:white;border:1px solid #ddd;box-shadow:0 8px 15px #0001;z-index:50;padding:26px;gap:30px}.mega-menu .menu-panel{left:0;right:0;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr}.simple-menu{position:relative}.simple-menu .menu-panel{min-width:190px;right:0;padding:12px}.menu-panel h2{font-size:24px;margin:8px 0 14px}.menu-panel h3{font-size: 18px;margin:0 0 12px;font-weight: 600;}.menu-panel p{font-size:14px;line-height:1.6;text-align:left}.menu-links>a{display:block;font-size: 13px!important;font-weight:400!important;padding: 6px 0;color:#30343b}.menu-promotion{background:linear-gradient(120deg,#202f57,#6f36b3);padding:20px;color:#fff!important;display:flex;flex-direction:column;justify-content:center;gap:14px}.menu-promotion strong{font-size:20px}.menu-promotion img{width:100%;height:auto}.shop-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.shop-actions>button,.shop-actions>a{border:0;background:none;color:#20252a;font-size:20px;padding:4px}.public-menu-toggle{display:none}.account-dropdown,.cart-dropdown{position:relative;z-index:60}.account-dropdown>summary{list-style:none;cursor:pointer;border:1px solid #ddd;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin: 12px 0;}.account-dropdown>div,.cart-dropdown>div,.admin-head-menu>div{position:absolute;right:0;top: 100%;background:#fff;border:1px solid #ddd;box-shadow:0 6px 20px #0002;min-width: 150px;padding: 0 16px;z-index:60;color:#30343b;}.account-dropdown a,.admin-head-menu a{display:block;font-size:13px;color:#30343b;padding:8px 0}.cart-dropdown>div{width:260px;padding: 15px;}.cart-dropdown p{font-size:13px;text-align:left}.cart-dropdown a{color:white}.header-search.shop-search{display:none;width:95%;max-width:1180px;margin:0 auto;border:0;border-top:1px solid #eee;border-radius:0;padding:16px 0;gap:12px;align-items:center}.header-search.shop-search.mobile-search-open{display:flex}.shop-search input{flex:1;width:auto;min-width:0;border:1px solid #ddd;padding:12px}.shop-search button{padding:12px 28px}.domain-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.make-offer{background:transparent;color:var(--orange);border:1px solid var(--orange);border-radius:25px;padding:2px 8px;font-size:12px;white-space:nowrap}.offer-dialog{border:1px solid #ccc;border-radius:4px;padding:0;width:min(520px,calc(100vw - 30px));color:#333}.offer-dialog::backdrop{background:#0008}.offer-dialog>header{position:relative;border-bottom:1px solid #ddd;padding:18px 36px;text-align:center}.offer-dialog h2{font-size:21px;margin:0;font-weight:500;font-family:'Open Sans','Noto Sans Devanagari',sans-serif}.offer-dialog header>button{position:absolute;right:12px;top:10px;background:none;border:0;color:#888;font-size:26px}.offer-dialog-body{padding:18px}.offer-dialog p{font-size:16px;line-height:1.6;text-align:center;margin-bottom:16px}.offer-dialog-actions{display:flex;gap:16px}.offer-dialog-actions>*{flex:1}.ad-slider{background:#ededed;border:0;padding:10px;border-radius:10px}.ad-slider h3{margin:0 0 8px;color:#cd1515;font-weight:700;font-size:18px}.ad-slide{background:#fff;border-radius:10px;overflow:hidden}.slider-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:10px 0 0}.slide-dot{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:#999}.slide-dot.active{background:var(--orange)}.slide-dot:focus-visible{outline:2px solid #333;outline-offset:3px}.store-footer{background:#212529;color:#bdc0c3;padding-top:44px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr 2.2fr;gap:34px}.footer-grid h3,.footer-note h3{font-size:15px;color:#fff;margin-bottom:22px;font-weight:600}.footer-grid section>a{font-size:13px;margin-bottom:18px;color:#c6c9cc}.footer-grid section>a:hover{color:var(--orange)}.footer-badges img{max-width:100%;height:auto;margin:10px 0 24px;max-height:130px;object-fit:contain}.footer-mini{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px}.footer-mini a{font-size:10px}.footer-note{margin: 20px 0;font-size:12px;color:#8a9299}.footer-note p{max-width:none;text-align:left}.store-footer-bottom{background:#1a1f23;border-top:1px solid #444;margin-top:35px;padding:24px 0}.store-footer-bottom>.shell{display:flex;justify-content:space-between;gap:20px;font-size:12px}.admin-top.admin-shop-header{display:block;background:#fff;padding:0 18px 16px;margin-bottom:26px;position:relative;z-index:30}.admin-header-row{display:flex;align-items:center;gap:24px;min-height:66px}.admin-header-row .brand img{max-width:175px}.admin-header-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.admin-head-menu{position:relative}.admin-header-caption{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #eee}.admin-header-caption h1{font-size:22px;margin:0}.admin-header-caption>span{font-size:12px}.admin-shop-header .shop-search{width:100%}.account-dropdown img.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
@media(max-width:1100px){.shop-nav{gap:12px!important}.shop-header .navline{gap:14px}.shop-menu>summary{font-size:13px}.shop-header .brand img{max-width:155px}.footer-grid{gap:22px;grid-template-columns:1fr 1fr 1fr}.footer-badges{grid-column:1/-1}.footer-badges img{max-width:440px;width:100%}}
@media(max-width:900px){.account-dropdown>summary{margin:0;}.footer-badges>h3:not(:first-child) {margin-top: 45px !important;}.shop-header .shop-nav{display:none}.shop-actions .public-menu-toggle{display:block}.shop-header .shop-actions{gap:16px}.contact-strip{font-size:10px}.contact-strip .shell>div{gap:8px}.shop-header .navline{min-height:58px}.site-header .header-search.shop-search.mobile-search-open{width:95%;padding:12px 0;margin:0 auto}.shop-search>span{display:none}.admin-header-nav{display:none}.admin-header-row{gap:12px}.admin-header-row .brand{font-size:19px}.admin-header-row .brand img{max-width:140px}.admin-header-caption>span{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-badges{grid-column:auto}.store-footer-bottom>.shell{flex-direction:column;gap:8px;text-align: center;}.offer-dialog h2{font-size:19px}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.footer-grid h3{margin:10px 0 16px}.contact-strip .shell>div{flex-wrap:wrap;padding:6px 0}.offer-dialog-actions{gap:8px}.offer-dialog-actions>*{font-size:14px}.shop-header .brand small{display:none}}
/* v1.8.1: screenshot header details and mobile-only dashboard redesign. */
.contact-strip .header-phone{padding-right:13px;border-right:1px solid #b9b9b9}
.contact-strip .cart-dropdown>summary{position:relative;padding:3px 10px 3px 0;font-size:17px;line-height:24px}
.cart-count{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:17px;height:17px;background:var(--orange);color:#fff;font-size:11px;border-radius:50%;line-height:1}
.shop-menu>summary .menu-caret{font-size:9px;margin-left:4px;vertical-align:middle}
.shop-menu>summary::-webkit-details-marker,.account-dropdown>summary::-webkit-details-marker,.cart-dropdown>summary::-webkit-details-marker{display:none}
.site-header .header-search.shop-search.floating-search{position:absolute;top:100%;right:48px;left:auto;width:200px;max-width:calc(100vw - 24px);margin:0;padding:6px;gap:0;background:#fff;border:1px solid #ddd;box-shadow: 0px 5px 15px 3px #0002;z-index:70;border-radius:2px}
.floating-search input{border:0;padding:8px;width:0;min-width:0;font-size:13px}
.floating-search button{flex:0 0 32px;padding:8px 0;border:0;background:transparent;color:#222;font-size:16px}
@media(min-width:901px){.admin-top.admin-mobile-header{display:none}}
@media(max-width:900px){.admin-top.admin-desktop-header{display:none}.site-header .header-search.shop-search.floating-search.mobile-search-open{width:200px;margin:0;padding:6px;right:48px}}
/* v1.8.2 header alignment and mobile dashboard reference layout */
.contact-strip>.shell,.shop-header>.navline{width:calc(100% - 32px);/* max-width:1140px; */}
.contact-strip{font-size:13px;line-height:20px}
.contact-strip>.shell{height:34px;min-height:34px}
.contact-strip .shell>div{align-items:center;gap:12px}
.contact-strip a{font-weight:400;white-space:nowrap}
.shop-header{background:#fff;box-shadow:0 3px 6px #00000012}
.shop-header .navline{min-height:60px;gap:24px;align-items:center}
.shop-header .brand img{width:180px;max-width:180px;height:auto;max-height:48px;object-fit:contain}
.shop-header .shop-nav{margin-left:auto;gap:26px!important}
.shop-header .shop-nav>a,.shop-header .shop-menu>summary{color:#222;font-size:15px;font-weight: 600;}
.shop-header .shop-menu>summary{padding:19px 0}
.shop-header .shop-actions{margin-left:0;gap:22px}
.shop-header .shop-actions>button{font-size:18px}
.shop-header .simple-menu .menu-panel{left:0;right:auto;min-width:144px;padding:0 13px;box-shadow:none}
.shop-header .simple-menu .menu-links>a{padding:9px 0;font-size: 13px!important;white-space:nowrap}
.shop-header .mega-menu .menu-panel{padding:28px 0 32px;border-left:0;border-right:0;box-shadow:0 1px 0 #ddd;gap:30px}
.shop-header .menu-intro h2{font-size:25px;font-weight: 600;margin: 0px 0 12px 0;}
.shop-header .menu-panel .menu-promotion:has(img){padding:0;background:transparent;align-self:start}
.site-header .floating-search{display:none!important}
.site-header .floating-search.mobile-search-open{display:flex!important;top:100%;right:48px;width: 300px!important;}
@media(min-width:901px) and (max-width:1150px){.shop-header .shop-nav{gap:12px!important}.shop-header .navline{gap:14px}.shop-header .shop-menu>summary{font-size:13px}.shop-header .brand img{width:155px}}
@media(max-width:900px){
 .contact-strip{font-size:11px}.contact-strip .shell>div{gap:8px;flex-wrap:nowrap;padding:0}.contact-strip .header-phone{padding-right:8px}
 .shop-header .navline{min-height: 50px;}.shop-header .shop-actions{margin-left:auto;gap:16px}.shop-header .brand img{width:155px;max-width:155px}
 .admin-top.admin-mobile-header{padding:0;margin:0 0 20px;background:transparent;box-shadow:none}
 .admin-mobile-header .admin-header-row{background:#fff;min-height:74px;padding:12px 16px;gap:12px;border-bottom:1px solid #eee}
 .admin-mobile-header .brand{margin-right:auto;max-width:65%}.admin-mobile-header .brand img{width:auto;max-width:150px;max-height:48px;object-fit:contain}
 .admin-mobile-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
 .admin-mobile-actions .admin-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:9px;background:#f0eefb;color:#6253a3;font-size:21px}
 .admin-mobile-actions .account-dropdown>summary{width:35px;height:35px;background:#f0eefb;border:1px solid #dfdaef;color:#6253a3;font-size:16px;font-weight:700}
 .admin-mobile-header .admin-header-caption{border:0;padding:22px 0 0}.admin-mobile-header .admin-header-caption h1{font-size:24px;font-weight:700}
}
/* v1.8.3 full-width mega panel with the site's standard inner container. */
.shop-header .navline{position:static;}
.shop-header .mega-menu .menu-panel{left:0;right:0;width:100%;display:block;background:#fff}
.mega-inner{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:30px}
.shop-header .floating-search{right:max(16px,calc((100% - 1140px)/2 + 48px))!important}
.footer-badges h3{margin-bottom:24px}
.footer-badges img{display:block;width:100%;max-height:100px;object-fit:contain;object-position:left center;margin:8px 0 12px}
.footer-badges>h3:not(:first-child){margin-top:30px}
.footer-accreditation-link,.footer-payment-caption{font-size: 10.3px!important;text-align:right!important;line-height:1.6}
.footer-accreditation-link a,.footer-payment-caption a{color:inherit;text-decoration:underline}
.footer-mini{gap:0;margin-top: 13px;justify-content: center;}
.footer-mini a{padding:0 7px;border-right:1px solid #aaa;font-size:9px;line-height:1.3}
.footer-mini a:last-child{border:0;padding-right:0}
.footer-social{display:flex;gap:20px;align-items:center;justify-content:flex-end}
.footer-social a,.footer-social .social-unconfigured{color:#747b80;font-size:14px}
.footer-social a:hover{color:#fff}.footer-credit{display:block;margin-top: 3px;font-size: 10.5px;color: #bfc1c3;}
@media(max-width:900px){
 .admin-mobile-header .admin-header-row{background:#0b2039;border-color:#0b2039}
 .admin-mobile-header .brand{color:#fff;font-size:21px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
 .admin-mobile-header .brand-mark{color:var(--orange);flex-shrink:0}
 .admin-mobile-actions .admin-menu-toggle{background:#19344f;color:#fff}
 .admin-mobile-actions .account-dropdown>summary{background:#19344f;color:#fff;border-color:#34516c}
 .footer-social{justify-content: center;}
}
/* v1.8.4 separate accreditation uploads and edge-to-edge mobile admin bar */
.footer-accreditation-images{display:flex;align-items:center;gap:24px}
.footer-accreditation-images img{width:calc(50% - 12px);min-width:0;max-height:100px;object-fit:contain}
.footer-accreditation-images img:only-child{width:100%}
.footer-social:empty,.footer-mini:empty,.footer-accreditation-images:empty{display:none}
@media(max-width:900px){.admin-mobile-header .admin-header-row{margin:-22px -16px 0;width:calc(100% + 32px);padding:12px 16px}.admin-mobile-header .admin-header-caption{padding-top:22px}}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}