@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&display=swap');

:root {
    color-scheme: dark;
    --bg: #050505;
    --panel: rgba(18, 18, 18, .86);
    --line: rgba(255, 255, 255, .12);
    --text: #fff;
    --muted: #b9bdc7;
    --red: #ef1020;
    --green: #22c55e;
    --button-radius: 8px;
    --button-gradient: linear-gradient(135deg, #2459ff, #a23cff);
}

* { box-sizing: border-box; }
body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 85% 10%, rgba(239, 16, 32, .22), transparent 32rem),
        linear-gradient(135deg, #050505, #111 55%, #050505);
    color: var(--text);
    font-family: "Barlow", Inter, Arial, sans-serif;
    font-size: 15px;
}

button,
input,
select,
textarea {
    font-family: "Barlow", Inter, Arial, sans-serif;
}

a { color: inherit; }

.topbar {
    position: relative;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem clamp(1rem, 3vw, 3rem);
    border-bottom: 1px solid var(--line);
    background: rgba(0, 0, 0, .58);
    backdrop-filter: blur(16px);
}

.brand {
    text-decoration: none;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.brand span { color: var(--red); }

nav {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--muted);
    font-size: .88rem;
}

nav a { text-decoration: none; }

nav .user-link,
.user-menu-button {
    color: #fff;
    font-weight: 600;
}

.user-menu {
    position: relative;
}

.user-menu-button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    cursor: pointer;
    padding: .35rem 0;
}

.user-menu-arrow {
    color: var(--muted);
    font-size: .8rem;
    transform: translateY(-1px);
}

.user-menu-dropdown {
    position: absolute;
    top: calc(100% + .65rem);
    right: 0;
    z-index: 1001;
    min-width: 210px;
    display: none;
    gap: .15rem;
    padding: .55rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(12, 12, 12, .96);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .42);
}

.user-menu:hover .user-menu-dropdown,
.user-menu:focus-within .user-menu-dropdown {
    display: grid;
}

.user-menu-dropdown a {
    padding: .72rem .85rem;
    border-radius: 12px;
    color: #fff;
}

.user-menu-dropdown a:hover {
    background: rgba(255, 255, 255, .08);
}

main {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(1.4rem, 3.5vw, 3.2rem) 0;
}

main > .card + .card,
main > .card + .notice,
main > .notice + .card,
main > .grid + .card,
main > .card + .grid {
    margin-top: 1rem;
}

.landing {
    min-height: 430px;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
    align-items: center;
    gap: 2rem;
}

.hero {
    border: 1px solid var(--line);
    border-left: 6px solid var(--red);
    border-radius: 22px;
    padding: clamp(1.7rem, 4vw, 3rem);
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .92), rgba(0, 0, 0, .62)),
        var(--panel);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.hero h1, .auth-card h1, .install-card h1 {
    margin: .2rem 0 1rem;
    font-size: clamp(2rem, 4.8vw, 4.2rem);
    line-height: .95;
    text-transform: uppercase;
    letter-spacing: -.04em;
}

.hero p {
    max-width: 720px;
    color: var(--muted);
    font-size: clamp(1rem, 1.5vw, 1.18rem);
    line-height: 1.55;
}

.cloud-hero {
    position: relative;
    min-height: 420px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 330px);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-left: 6px solid var(--red);
    border-radius: 26px;
    padding: clamp(2rem, 5vw, 4rem);
    background:
        linear-gradient(100deg, rgba(0, 0, 0, .98) 0%, rgba(10, 10, 10, .92) 46%, rgba(90, 8, 14, .46) 100%),
        radial-gradient(circle at 86% 34%, rgba(239, 16, 32, .34), transparent 22rem),
        #080808;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .46);
}

.cloud-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 56%, rgba(255, 255, 255, .04) 56% 57%, transparent 57% 100%),
        repeating-linear-gradient(110deg, transparent 0 18px, rgba(255, 255, 255, .025) 18px 19px);
    opacity: .42;
}

.cloud-hero-copy, .plan-card {
    position: relative;
    z-index: 1;
}

.cloud-hero h1 {
    margin: 1rem 0 1.25rem;
    max-width: 720px;
    font-size: clamp(2.6rem, 5.8vw, 5.2rem);
    line-height: .96;
    letter-spacing: -.045em;
    text-transform: uppercase;
}

.cloud-hero h1 span {
    color: var(--red);
}

.cloud-hero-copy p:not(.eyebrow) {
    max-width: 560px;
    color: #d8dbe3;
    font-size: clamp(1rem, 1.5vw, 1.22rem);
    line-height: 1.65;
}

.plan-card {
    padding: 1.6rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 22px;
    background: rgba(12, 12, 12, .68);
    backdrop-filter: blur(18px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.plan-card span {
    display: inline-flex;
    padding: .35rem .75rem;
    border-radius: 999px;
    background: var(--green);
    color: #fff;
    font-weight: 900;
}

.plan-card strong {
    display: block;
    margin: 1rem 0 .35rem;
    font-size: 1.75rem;
    text-transform: uppercase;
}

.plan-card small {
    color: var(--muted);
}

.plan-card ul {
    display: grid;
    gap: .75rem;
    margin: 1.4rem 0 0;
    padding: 1.4rem 0 0;
    border-top: 1px solid var(--line);
    list-style: none;
}

.plan-card li::before {
    content: "\2713";
    margin-right: .7rem;
    color: var(--green);
    font-weight: 900;
}

.hero-visual {
    position: absolute;
    right: 4%;
    bottom: 4%;
    z-index: 0;
    display: grid;
    gap: .2rem;
    color: rgba(255, 255, 255, .07);
    font-weight: 900;
    text-align: right;
    transform: rotate(-5deg);
}

.hero-visual span {
    font-size: clamp(2rem, 5vw, 5rem);
    letter-spacing: .08em;
}

.hero-visual strong {
    font-size: clamp(5rem, 14vw, 12rem);
    line-height: .8;
}

.split-title {
    display: grid;
    grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
    align-items: center;
    gap: 1.2rem;
    margin: clamp(2rem, 4vw, 3rem) 0 1.6rem;
    text-align: center;
}

.split-title span {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
}

.split-title h2 {
    margin: 0;
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    text-transform: uppercase;
}

.split-title strong {
    color: var(--red);
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.feature-grid article {
    display: grid;
    justify-items: center;
    gap: .65rem;
    text-align: center;
    padding: 1rem;
}

.feature-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(239, 16, 32, .72);
    border-radius: 12px;
    color: var(--red);
    box-shadow: 0 0 24px rgba(239, 16, 32, .12);
}

.feature-icon .inline-icon {
    width: 30px;
    height: 30px;
    fill: currentColor;
}

.feature-grid h3,
.steps-grid h3 {
    margin: .2rem 0 0;
}

.feature-grid p,
.steps-grid p,
.steps-panel aside p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}

.steps-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1.5rem;
    margin-top: 2rem;
    padding: 1.4rem;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.steps-panel .split-title {
    grid-column: 1 / -1;
    margin: 0 0 .5rem;
}

.steps-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.steps-grid article {
    position: relative;
    padding: 1rem;
}

.steps-grid b {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-bottom: .85rem;
    border: 1px solid var(--red);
    border-radius: 50%;
    color: var(--red);
}

.steps-panel aside {
    padding: 1.2rem;
    border-left: 1px solid var(--line);
}

.watermark-box {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 220px) minmax(220px, 1fr) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
}

.check-line {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 800;
}

.check-line input {
    width: auto;
}

.eyebrow {
    color: var(--red);
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.quick-actions-card .actions {
    justify-content: center;
    align-items: center;
}

.quick-actions-card .button {
    min-width: 170px;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .72rem 1.15rem;
    border: 0;
    border-radius: var(--button-radius);
    background: var(--button-gradient);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(116, 75, 255, .22);
}

.button.secondary {
    background: rgba(255, 255, 255, .08);
    border: 1px solid var(--line);
    box-shadow: none;
}

.button.danger {
    background: rgba(239, 16, 32, .12);
    border: 1px solid rgba(239, 16, 32, .55);
    color: #fecaca;
    box-shadow: none;
}

.button.small {
    min-height: 34px;
    padding: .45rem .9rem;
    font-size: .86rem;
}

.button.is-disabled {
    opacity: .42 !important;
    filter: grayscale(1) !important;
    pointer-events: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.panel, .card {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--panel);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
}

.panel {
    padding: 1.35rem;
    display: grid;
    gap: .6rem;
}

.panel span {
    width: max-content;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: var(--green);
    font-size: .75rem;
    font-weight: 900;
}

.panel strong {
    font-size: 1.85rem;
    text-transform: uppercase;
}

.panel small, .muted {
    color: var(--muted);
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.card {
    padding: 1.15rem;
}

.card h2 {
    margin-top: 0;
}

.stat span {
    display: block;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .78rem;
}

.stat strong {
    display: block;
    margin-top: .6rem;
    font-size: 2.1rem;
}

.dashboard-title {
    margin-bottom: 1rem;
}

.dashboard-panel {
    padding: clamp(1rem, 2vw, 1.45rem);
}

.dashboard-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    margin-top: 0;
}

.dashboard-stats .stat {
    width: 100%;
    min-width: 0;
    min-height: 132px;
    display: grid;
    grid-template-rows: auto auto 1fr;
    align-content: center;
    gap: .45rem;
    justify-items: start;
}

.dashboard-stats .stat strong {
    margin-top: 0;
}

.stat-icon {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    font-size: 1.02rem;
    font-style: normal;
    font-weight: 900;
    background: linear-gradient(135deg, #2f5cff, #a23cff);
    box-shadow: 0 12px 30px rgba(112, 74, 255, .28);
}

.stat-icon img {
    width: 21px;
    height: 21px;
    display: block;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .96;
}

.orders-overview {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin: 0 0 1.4rem;
}

.order-stat {
    display: grid !important;
    gap: .4rem;
    place-items: center;
    text-align: center;
    min-height: 128px;
    padding: 1.2rem;
    border: 1px solid var(--line);
    border-left: 4px solid var(--red);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.order-stat span {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.order-stat strong {
    font-size: clamp(2rem, 4vw, 2.7rem);
    line-height: 1;
}

.order-stat small {
    color: var(--muted);
    line-height: 1.35;
}

.order-stat.orange { border-left-color: #f59e0b; }
.order-stat.green { border-left-color: var(--green); }
.order-stat.blue { border-left-color: #3b82f6; }
.order-stat.violet { border-left-color: #a855f7; }

.order-stat.orange strong { color: #f59e0b; }
.order-stat.green strong { color: var(--green); }
.order-stat.blue strong { color: #3b82f6; }
.order-stat.violet strong { color: #a855f7; }

.orders-list-card {
    padding: 1.25rem;
}

.filters-grid {
    display: grid;
    grid-template-columns: 1.1fr 1.1fr 1.1fr .75fr .75fr auto;
    gap: .8rem;
    align-items: end;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255, 255, 255, .03);
}

.muted-actions {
    padding: 1rem 0;
    border-bottom: 1px solid var(--line);
}

.settings-disclosure {
    border: 1px solid var(--line);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));
    overflow: hidden;
}

.settings-disclosure + .settings-disclosure {
    margin-top: 1rem;
}

.settings-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.15rem;
    cursor: pointer;
    list-style: none;
}

.settings-disclosure summary::-webkit-details-marker {
    display: none;
}

.settings-disclosure summary::after {
    content: "\25BE";
    color: var(--muted);
}

.settings-disclosure[open] summary::after {
    transform: rotate(180deg);
}

.settings-disclosure small {
    display: block;
    margin-top: .25rem;
    color: var(--muted);
    font-weight: 500;
}

.settings-disclosure-body {
    padding: 0 1.15rem 1.15rem;
}

.default-watermark-panel {
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(0, 0, 0, .18);
}

.settings-hub .save-gradient {
    margin-top: .25rem;
}

.auth-card, .install-card {
    width: min(620px, 100%);
    margin: 0 auto;
}

.install {
    display: grid;
    place-items: center;
}

.form-grid {
    display: grid;
    gap: 1rem;
}

.form-grid h2 {
    margin: 1rem 0 0;
    font-size: 1rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .16em;
}

label {
    display: grid;
    gap: .4rem;
    color: var(--muted);
    font-weight: 700;
}

input, textarea {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    padding: .8rem 1rem;
    font: inherit;
}

textarea {
    resize: vertical;
    line-height: 1.45;
}

select {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    padding: .8rem 1rem;
    font: inherit;
}

option {
    background: #111;
    color: #fff;
}

.page-head {
    margin-bottom: 1rem;
}

.page-head h1 {
    margin: .15rem 0 .5rem;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: .96;
    text-transform: uppercase;
    letter-spacing: -.035em;
}

.page-head p {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.55;
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-title h2 {
    margin: 0;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.compact-form {
    max-width: 760px;
}

.sport-create-form {
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: end;
    margin-bottom: 1rem;
}

.sport-list {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin: 1rem 0;
}

.sport-pill-form {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
}

.sport-pill {
    padding: .42rem .65rem .42rem .8rem;
    font-size: .86rem;
    font-weight: 800;
}

.sport-delete {
    width: 32px;
    min-height: 32px;
    border: 0;
    border-left: 1px solid var(--line);
    background: rgba(239, 16, 32, .12);
    color: #fecaca;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.table-wrap {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: .9rem .75rem;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

th {
    color: var(--muted);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .14em;
}

td strong {
    font-weight: 800;
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: .25rem .55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid var(--line);
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.badge.published {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(34, 197, 94, .4);
    color: #86efac;
}

.badge.success {
    background: rgba(34, 197, 94, .18);
    border-color: rgba(34, 197, 94, .55);
    color: #bbf7d0;
}

.badge.danger {
    background: rgba(239, 16, 32, .16);
    border-color: rgba(239, 16, 32, .48);
    color: #fecaca;
}

.badge.private {
    background: rgba(239, 16, 32, .14);
    border-color: rgba(239, 16, 32, .4);
    color: #fecaca;
}

.inline-admin-form,
.creator-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

.inline-admin-form select {
    min-height: 34px;
    min-width: 130px;
    padding: .45rem .65rem;
    border-radius: 999px;
}

.creator-actions form {
    margin: 0;
}

.empty-state {
    padding: 2rem;
    border: 1px dashed rgba(255, 255, 255, .25);
    border-radius: 16px;
    color: var(--muted);
    text-align: center;
}

.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: .75rem;
}

.photo-tools {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.photo-sort-control {
    min-width: min(260px, 100%);
}

.photo-sort-control label {
    gap: .35rem;
}

.photo-order-form {
    display: flex;
    justify-content: flex-end;
}

.upload-progress {
    display: grid;
    gap: .6rem;
    padding: .9rem 1rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
}

.upload-progress[hidden] {
    display: none;
}

.upload-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #fff;
    font-size: .9rem;
}

.upload-progress-head span {
    color: #fff;
    font-weight: 800;
}

.upload-progress-track {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
}

.upload-progress-track span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2459ff, #a23cff, #ef1020);
    box-shadow: 0 0 24px rgba(116, 75, 255, .35);
    transition: width .18s ease;
}

.photo-bulk-form {
    display: grid;
    gap: 1rem;
}

.photo-bulk-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.photo-bulk-delete {
    display: none !important;
}

.photo-bulk-delete.is-visible {
    display: inline-flex !important;
}

.photo-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(0, 0, 0, .35);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.photo-card:hover {
    transform: translateY(-2px);
    border-color: rgba(239, 16, 32, .42);
    background: rgba(255, 255, 255, .05);
}

.photo-card.is-dragging {
    opacity: .48;
    border-color: var(--red);
}

.photo-card a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.photo-select {
    position: absolute;
    top: .45rem;
    left: .45rem;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .32);
    cursor: pointer;
}

.photo-select input {
    width: 14px;
    height: 14px;
    min-height: 0;
    margin: 0;
    accent-color: var(--red);
}

.photo-card img {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: #111;
}

.photo-card-body {
    display: grid;
    gap: .2rem;
    padding: .7rem;
}

.photo-card strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .9rem;
}

.photo-card span {
    color: var(--muted);
    font-size: .78rem;
}

.race-number-pill {
    width: fit-content;
    margin-top: .25rem;
    padding: .22rem .5rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .06);
    font-size: .72rem;
    font-style: normal;
    font-weight: 700;
}

.photo-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .5fr);
    gap: 1.3rem;
    align-items: start;
}

.photo-preview {
    display: grid;
    place-items: center;
    min-height: 360px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #030303;
}

.photo-preview img {
    display: block;
    width: 100%;
    max-height: 72vh;
    object-fit: contain;
}

.photo-edit-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, .04);
}

.photo-edit-card h2 {
    margin: 0;
    overflow-wrap: anywhere;
}

.photo-detail-actions {
    display: grid;
    gap: .75rem;
}

.photo-detail-actions form {
    margin: 0;
}

.photo-detail-actions .button {
    width: 100%;
}

.profile-editor {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.profile-preview {
    display: grid;
    justify-items: center;
    gap: .5rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 255, 255, .04);
    text-align: center;
}

.profile-preview img,
.avatar-placeholder {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, .16);
}

.avatar-placeholder {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(239, 16, 32, .38), rgba(255, 255, 255, .06));
    font-size: 3rem;
    font-weight: 900;
}

.profile-preview strong {
    font-size: 1.15rem;
}

.profile-preview span {
    color: var(--muted);
}

.public-gallery-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-left: 6px solid var(--red);
}

.public-gallery-hero h1 {
    margin: .15rem 0 .4rem;
    font-size: clamp(2.1rem, 5vw, 4rem);
    line-height: .95;
    text-transform: uppercase;
    letter-spacing: -.04em;
}

.public-creator {
    display: grid;
    justify-items: end;
    gap: .3rem;
    color: var(--muted);
    text-align: right;
}

.public-creator img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: cover;
}

.public-creator strong {
    color: #fff;
    font-size: 1.05rem;
}

.public-search {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: .8rem;
    align-items: end;
}

.public-photo-grid .photo-card {
    cursor: default;
}

.notice {
    margin: 1rem 0;
    padding: .9rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--line);
}

.notice.error {
    background: rgba(239, 16, 32, .12);
    border-color: rgba(239, 16, 32, .42);
}

.notice.success {
    background: rgba(34, 197, 94, .12);
    border-color: rgba(34, 197, 94, .42);
}

@media (max-width: 800px) {
    .landing, .grid, .cloud-hero, .feature-grid, .steps-panel, .steps-grid {
        grid-template-columns: 1fr;
    }

    .cloud-hero {
        padding: 1.5rem;
    }

    .steps-panel aside {
        border-left: 0;
        border-top: 1px solid var(--line);
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .sport-create-form {
        grid-template-columns: 1fr;
    }

    .photo-detail-layout {
        grid-template-columns: 1fr;
    }

    .profile-editor,
    .public-search {
        grid-template-columns: 1fr;
    }

    .public-gallery-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .public-creator {
        justify-items: start;
        text-align: left;
    }

    .photo-preview {
        min-height: 220px;
    }

    .topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    nav {
        width: 100%;
        justify-content: space-between;
    }
}

/* RDG Cloud v0.1.95 focused fixes */
.photo-edit-card input[name="race_number"],
.photo-card input[name="race_number"] {
    border-radius: 8px !important;
}

.gallery-main-settings-card + .upload-card,
.upload-card + .photo-list-card,
.photo-list-card + .gallery-sales-settings,
.photo-list-card + .gallery-sales-card {
    margin-top: 1.35rem !important;
}

/* RDG Cloud v0.1.96 final focused gallery overrides */
.race-number-pill {
    border-radius: 8px !important;
}

.photo-edit-card input[name="race_number"] {
    border-radius: 8px !important;
}

.gallery-main-settings-card,
.upload-card,
.photo-list-card {
    margin-bottom: 1.65rem !important;
}

.gallery-main-settings-card + .upload-card,
.upload-card + .photo-list-card,
.photo-list-card + .gallery-sales-settings,
.photo-list-card + .gallery-sales-card {
    margin-top: 1.65rem !important;
}

/* RDG Cloud v0.1.97 focused photo admin fixes */
.photo-bulk-delete {
    display: none !important;
}

.photo-bulk-delete.is-visible {
    display: inline-flex !important;
}

.race-number-pill {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 24px !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
}

.photo-edit-card input[name="race_number"] {
    border-radius: 6px !important;
}

/* RDG Cloud v0.1.99 FINAL exact photo list fixes */
.photo-bulk-delete,
.photo-bulk-delete[hidden] {
    display: none !important;
}

.photo-bulk-delete.is-visible:not([hidden]) {
    display: inline-flex !important;
}

.race-number-card-input {
    display: block !important;
    width: 100% !important;
    height: 32px !important;
    box-sizing: border-box !important;
    margin-top: 6px !important;
    padding: 6px 8px !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    border: 1px solid #b8bec8 !important;
    color: #111827 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: left !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
/* RDG Cloud v0.1.129 FINAL announcement layout override - EOF anchor */
.announcement-form .button.save-gradient {
    display: inline-flex !important;
    width: min(420px, 100%) !important;
    min-height: 44px !important;
    margin: 1.35rem auto 0 !important;
    justify-self: center !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
}

.superadmin-announcement-panel {
    margin: 1.2rem 0 !important;
    padding: 0 !important;
}

.superadmin-announcement-link,
.creator-announcement-alert {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) auto !important;
    gap: 1.2rem !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 124px !important;
    box-sizing: border-box !important;
    padding: 1.35rem !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.superadmin-announcement-link {
    border: 1px solid rgba(165, 44, 255, .45) !important;
    background: linear-gradient(145deg, rgba(165,44,255,.16), rgba(255,255,255,.035)) !important;
}

.creator-announcement-alert {
    border: 1px solid rgba(239, 16, 32, .48) !important;
    background: linear-gradient(145deg, rgba(239,16,32,.22), rgba(255,255,255,.035)) !important;
}

.superadmin-announcement-icon,
.creator-announcement-icon {
    display: inline-flex !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.superadmin-announcement-icon svg,
.creator-announcement-icon svg {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: block !important;
    color: #fff !important;
}

.superadmin-announcement-link h2,
.creator-announcement-alert strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}

.superadmin-announcement-link p {
    display: none !important;
}

.creator-announcement-alert small {
    display: block !important;
    margin-top: .28rem !important;
    color: #aeb7c8 !important;
    line-height: 1.35 !important;
}

.superadmin-announcement-link > strong {
    display: inline-flex !important;
    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    padding: 0 1.25rem !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.creator-announcement-alert > em {
    display: inline-flex !important;
    min-width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 .65rem !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .superadmin-announcement-link,
    .creator-announcement-alert {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .superadmin-announcement-link > strong {
        justify-self: center !important;
        width: min(260px, 100%) !important;
    }
}

/* RDG Cloud v0.1.133 FINAL announcement history cards */
.announcement-history-card .announcement-history-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    width: 100% !important;
    margin-top: 1rem !important;
}

.announcement-history-card .rdg-announcement-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: center !important;
    gap: 1rem !important;
    width: 100% !important;
    min-height: 74px !important;
    padding: 1rem !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)) !important;
    box-sizing: border-box !important;
}

.announcement-history-card .rdg-announcement-details {
    display: block !important;
    min-width: 0 !important;
}

.announcement-history-card .rdg-announcement-details summary {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    cursor: pointer !important;
    color: #fff !important;
    list-style-position: outside !important;
}

.announcement-history-card .rdg-announcement-summary-main {
    display: flex !important;
    align-items: center !important;
    gap: .85rem !important;
    min-width: 0 !important;
    padding-left: .35rem !important;
}

.announcement-history-card .rdg-announcement-title {
    display: grid !important;
    gap: .18rem !important;
    min-width: 0 !important;
}

.announcement-history-card .rdg-announcement-title strong {
    display: block !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.announcement-history-card .rdg-announcement-title small {
    display: block !important;
    color: #aeb7c8 !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
}

.announcement-history-card .rdg-announcement-message {
    margin-top: .95rem !important;
    padding: .85rem .95rem !important;
    border-radius: 16px !important;
    background: rgba(0, 0, 0, .22) !important;
    color: #d8dde8 !important;
    font-size: .94rem !important;
    line-height: 1.55 !important;
}

.announcement-history-card .rdg-announcement-delete-form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.announcement-history-card .rdg-announcement-delete-button {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(239, 16, 32, .22) !important;
}

.announcement-history-card .rdg-announcement-delete-button:hover {
    background: #ff2635 !important;
}

.announcement-history-card .rdg-announcement-delete-button img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    filter: brightness(0) invert(1) !important;
}

@media (max-width: 700px) {
    .announcement-history-card .rdg-announcement-card {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .announcement-history-card .rdg-announcement-delete-form {
        justify-content: flex-end !important;
        width: 100% !important;
    }
}

/* RDG Cloud v0.1.132 announcement history cards */
.announcement-history-card .announcement-history-cards {
    display: grid !important;
    gap: .9rem !important;
}

.announcement-history-card .announcement-history-card-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    align-items: stretch !important;
    gap: .9rem !important;
    padding: .9rem !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025)) !important;
}

.announcement-history-card .announcement-history-details {
    min-width: 0 !important;
}

.announcement-history-card .announcement-history-details summary {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: .85rem !important;
    align-items: center !important;
    cursor: pointer !important;
    list-style: none !important;
}

.announcement-history-card .announcement-history-details summary::-webkit-details-marker {
    display: none !important;
}

.announcement-history-card .announcement-history-title {
    display: grid !important;
    gap: .2rem !important;
    min-width: 0 !important;
}

.announcement-history-card .announcement-history-title strong {
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

.announcement-history-card .announcement-history-title small {
    color: #aeb7c8 !important;
    font-size: .78rem !important;
}

.announcement-history-card .announcement-history-details p {
    margin: .9rem 0 0 !important;
    color: #d8dde8 !important;
    line-height: 1.55 !important;
}

.announcement-history-card .announcement-delete-form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.announcement-history-card .announcement-delete-button {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(239, 16, 32, .22) !important;
}

.announcement-history-card .announcement-delete-button:hover {
    background: #ff2635 !important;
}

.announcement-history-card .announcement-delete-button img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    filter: brightness(0) invert(1) !important;
}

@media (max-width: 700px) {
    .announcement-history-card .announcement-history-card-item {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .announcement-history-card .announcement-delete-form {
        justify-content: flex-end !important;
    }
}

/* RDG Cloud v0.1.129 FINAL announcement layout override - true EOF */
.announcement-form .button.save-gradient {
    display: inline-flex !important;
    width: min(420px, 100%) !important;
    min-height: 44px !important;
    margin: 1.35rem auto 0 !important;
    justify-self: center !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
}

.superadmin-announcement-panel {
    margin: 1.2rem 0 !important;
    padding: 0 !important;
}

.superadmin-announcement-link,
.creator-announcement-alert {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) auto !important;
    gap: 1.2rem !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 124px !important;
    box-sizing: border-box !important;
    padding: 1.35rem !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.superadmin-announcement-link {
    border: 1px solid rgba(165, 44, 255, .45) !important;
    background: linear-gradient(145deg, rgba(165,44,255,.16), rgba(255,255,255,.035)) !important;
}

.creator-announcement-alert {
    border: 1px solid rgba(239, 16, 32, .48) !important;
    background: linear-gradient(145deg, rgba(239,16,32,.22), rgba(255,255,255,.035)) !important;
}

.superadmin-announcement-icon,
.creator-announcement-icon {
    display: inline-flex !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.superadmin-announcement-icon svg,
.creator-announcement-icon svg {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: block !important;
    color: #fff !important;
}

.superadmin-announcement-link h2,
.creator-announcement-alert strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}

.superadmin-announcement-link p {
    display: none !important;
}

.creator-announcement-alert small {
    display: block !important;
    margin-top: .28rem !important;
    color: #aeb7c8 !important;
    line-height: 1.35 !important;
}

.superadmin-announcement-link > strong {
    display: inline-flex !important;
    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    padding: 0 1.25rem !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.creator-announcement-alert > em {
    display: inline-flex !important;
    min-width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 .65rem !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .superadmin-announcement-link,
    .creator-announcement-alert {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .superadmin-announcement-link > strong {
        justify-self: center !important;
        width: min(260px, 100%) !important;
    }
}

/* RDG Cloud v0.1.129 FINAL announcement layout override */
.announcement-form .button.save-gradient {
    display: inline-flex !important;
    width: min(420px, 100%) !important;
    min-height: 44px !important;
    margin: 1.35rem auto 0 !important;
    justify-self: center !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
}

.superadmin-announcement-panel {
    margin: 1.2rem 0 !important;
    padding: 0 !important;
}

.superadmin-announcement-link,
.creator-announcement-alert {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) auto !important;
    gap: 1.2rem !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 124px !important;
    box-sizing: border-box !important;
    padding: 1.35rem !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.superadmin-announcement-link {
    border: 1px solid rgba(165, 44, 255, .45) !important;
    background: linear-gradient(145deg, rgba(165,44,255,.16), rgba(255,255,255,.035)) !important;
}

.creator-announcement-alert {
    border: 1px solid rgba(239, 16, 32, .48) !important;
    background: linear-gradient(145deg, rgba(239,16,32,.22), rgba(255,255,255,.035)) !important;
}

.superadmin-announcement-icon,
.creator-announcement-icon {
    display: inline-flex !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.superadmin-announcement-icon svg,
.creator-announcement-icon svg {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: block !important;
    color: #fff !important;
}

.superadmin-announcement-link h2,
.creator-announcement-alert strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}

.superadmin-announcement-link p {
    display: none !important;
}

.creator-announcement-alert small {
    display: block !important;
    margin-top: .28rem !important;
    color: #aeb7c8 !important;
    line-height: 1.35 !important;
}

.superadmin-announcement-link > strong {
    display: inline-flex !important;
    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    padding: 0 1.25rem !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.creator-announcement-alert > em {
    display: inline-flex !important;
    min-width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 .65rem !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .superadmin-announcement-link,
    .creator-announcement-alert {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .superadmin-announcement-link > strong {
        justify-self: center !important;
        width: min(260px, 100%) !important;
    }
}
/* RDG Cloud v0.1.127 FINAL EOF notification icon override */
.superadmin-announcement-link,
.creator-announcement-alert {
    overflow: hidden !important;
}

.superadmin-announcement-link .superadmin-announcement-icon,
.creator-announcement-alert .creator-announcement-icon {
    display: inline-flex !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 56px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.superadmin-announcement-link .superadmin-announcement-icon > svg,
.creator-announcement-alert .creator-announcement-icon > svg {
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    color: #fff !important;
}

/* RDG Cloud v0.1.127 FINAL EOF notification icon override */
.superadmin-announcement-link,
.creator-announcement-alert {
    overflow: hidden !important;
}

.superadmin-announcement-link .superadmin-announcement-icon,
.creator-announcement-alert .creator-announcement-icon {
    display: inline-flex !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 56px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.superadmin-announcement-link .superadmin-announcement-icon > svg,
.creator-announcement-alert .creator-announcement-icon > svg {
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    color: #fff !important;
}

/* RDG Cloud v0.1.127 FINAL notification icon override */
.superadmin-announcement-link,
.creator-announcement-alert {
    overflow: hidden !important;
}

.superadmin-announcement-link .superadmin-announcement-icon,
.creator-announcement-alert .creator-announcement-icon {
    display: inline-flex !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 56px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.superadmin-announcement-link .superadmin-announcement-icon > svg,
.creator-announcement-alert .creator-announcement-icon > svg {
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    color: #fff !important;
}

/* RDG Cloud v0.1.127 notification icon sizing */
.superadmin-announcement-link,
.creator-announcement-alert {
    overflow: hidden !important;
}

.superadmin-announcement-icon,
.creator-announcement-icon {
    display: inline-flex !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .08) !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.superadmin-announcement-icon svg,
.creator-announcement-icon svg {
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    color: #fff !important;
}

/* RDG Cloud v0.1.126 announcements */
.announcement-admin-panel,
.announcement-history-card {
    max-width: 1120px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.announcement-form {
    display: grid !important;
    gap: 1rem !important;
}

.announcement-form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) !important;
    gap: 1rem !important;
}

.announcement-form textarea {
    min-height: 150px !important;
    resize: vertical !important;
}

.announcement-form .button {
    width: min(420px, 100%) !important;
    justify-self: center !important;
    margin-top: 1.1rem !important;
    border-radius: 999px !important;
}

.announcement-history {
    display: grid !important;
    gap: .9rem !important;
    margin-top: 1rem !important;
}

.announcement-history-item {
    position: relative !important;
    display: grid !important;
    gap: .65rem !important;
    padding: 1rem 1.1rem !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.025)) !important;
}

.announcement-history-item > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
}

.announcement-history-item strong {
    color: #fff !important;
    font-size: 1rem !important;
}

.announcement-history-item small,
.announcement-history-item p {
    color: #aeb7c8 !important;
}

.announcement-history-item p {
    margin: 0 !important;
    line-height: 1.55 !important;
}

.announcement-target-badge,
.announcement-new-badge {
    display: inline-flex !important;
    width: fit-content !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .3rem .65rem !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
}

.announcement-new-badge {
    background: #ef1020 !important;
}

.superadmin-announcement-panel {
    margin: 1.2rem 0 !important;
    padding: 0 !important;
}

.superadmin-announcement-link,
.creator-announcement-alert {
    display: grid !important;
    grid-template-columns: 80px minmax(0, 1fr) auto !important;
    gap: 1.15rem !important;
    align-items: center !important;
    min-height: 120px !important;
    padding: 1.25rem !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 28px !important;
    transition: border-color .18s ease, transform .18s ease, background .18s ease !important;
}

.superadmin-announcement-link {
    border: 1px solid rgba(165, 44, 255, .42) !important;
    background: linear-gradient(145deg, rgba(165,44,255,.16), rgba(255,255,255,.035)) !important;
}

.creator-announcement-alert {
    border: 1px solid rgba(239, 16, 32, .44) !important;
    background: linear-gradient(145deg, rgba(239,16,32,.18), rgba(255,255,255,.035)) !important;
}

.superadmin-announcement-link:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(165, 44, 255, .72) !important;
    background: linear-gradient(145deg, rgba(165,44,255,.24), rgba(255,255,255,.045)) !important;
}

.creator-announcement-alert:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(239, 16, 32, .72) !important;
    background: linear-gradient(145deg, rgba(239,16,32,.25), rgba(255,255,255,.045)) !important;
}

.superadmin-announcement-icon,
.creator-announcement-icon {
    display: inline-flex !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.superadmin-announcement-icon svg,
.creator-announcement-icon svg {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    color: #fff !important;
}

.superadmin-announcement-link h2,
.creator-announcement-alert strong {
    margin: 0 !important;
    font-size: 1.15rem !important;
    line-height: 1.15 !important;
    color: #fff !important;
}

.superadmin-announcement-link p,
.creator-announcement-alert small {
    display: block !important;
    margin: .25rem 0 0 !important;
    color: #aeb7c8 !important;
    line-height: 1.35 !important;
}

.superadmin-announcement-link > strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 180px !important;
    height: 44px !important;
    padding: 0 1.25rem !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    justify-self: end !important;
    text-align: center !important;
}

.creator-announcement-alert > em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 .65rem !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .announcement-form-grid,
    .superadmin-announcement-link,
    .creator-announcement-alert {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        justify-items: center !important;
    }

    .announcement-history-item > div {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* RDG Cloud v0.1.117 - homepage/subscription pricing alignment */
body .pricing-grid {
    width: min(760px, calc(100% - 2rem)) !important;
    max-width: 760px !important;
    margin: 3rem auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 360px)) !important;
    justify-content: center !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    gap: 1rem !important;
}

body .pricing-grid .pricing-card {
    width: 100% !important;
    max-width: 360px !important;
    box-sizing: border-box !important;
}

body .pricing-grid .pricing-card .pricing-badge.free {
    background: #16a34a !important;
}

body .pricing-grid .pricing-card .pricing-badge.pro {
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
}

body .pricing-grid .pricing-card-pro {
    border-color: rgba(117, 79, 255, .66) !important;
    box-shadow: 0 20px 55px rgba(117, 79, 255, .13) !important;
}

.subscription-pricing-grid {
    margin-top: 1.5rem !important;
}

.pricing-card-actions {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}

.pricing-card-actions .button[disabled] {
    cursor: not-allowed;
    opacity: .55;
}

@media (max-width: 760px) {
    body .pricing-grid {
        width: min(360px, calc(100% - 2rem)) !important;
        grid-template-columns: 1fr !important;
    }
}

/* RDG Cloud v0.1.101 dark race number field */
.race-number-card-input {
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #f7f7f7 !important;
    font-family: Barlow, Arial, sans-serif !important;
    font-weight: 500 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18) !important;
}

/* RDG Cloud v0.1.99 focused photo list fixes */
.race-number-card-input {
    display: block !important;
    width: 100% !important;
    height: 32px !important;
    box-sizing: border-box !important;
    margin-top: 6px !important;
    padding: 6px 8px !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    border: 1px solid #b8bec8 !important;
    color: #111827 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: left !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* RDG Cloud v0.1.130 FINAL announcement layout override - actual EOF */
.announcement-form .button.save-gradient {
    display: inline-flex !important;
    width: min(420px, 100%) !important;
    min-height: 44px !important;
    margin: 1.35rem auto 0 !important;
    justify-self: center !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
}

.superadmin-announcement-panel {
    margin: 1.2rem 0 !important;
    padding: 0 !important;
}

.superadmin-announcement-link,
.creator-announcement-alert {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) auto !important;
    gap: 1.2rem !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 124px !important;
    box-sizing: border-box !important;
    padding: 1.35rem !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.superadmin-announcement-link {
    border: 1px solid rgba(165, 44, 255, .45) !important;
    background: linear-gradient(145deg, rgba(165, 44, 255, .16), rgba(255, 255, 255, .035)) !important;
}

.creator-announcement-alert {
    border: 1px solid rgba(239, 16, 32, .48) !important;
    background: linear-gradient(145deg, rgba(239, 16, 32, .22), rgba(255, 255, 255, .035)) !important;
}

.superadmin-announcement-icon,
.creator-announcement-icon {
    display: inline-flex !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.superadmin-announcement-icon svg,
.creator-announcement-icon svg {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: block !important;
    color: #fff !important;
}

.superadmin-announcement-link h2,
.creator-announcement-alert strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}

.superadmin-announcement-link p {
    display: none !important;
}

.creator-announcement-alert small {
    display: block !important;
    margin-top: .28rem !important;
    color: #aeb7c8 !important;
    line-height: 1.35 !important;
}

.superadmin-announcement-link > strong {
    display: inline-flex !important;
    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    padding: 0 1.25rem !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.creator-announcement-alert > em {
    display: inline-flex !important;
    min-width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 .65rem !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .superadmin-announcement-link,
    .creator-announcement-alert {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .superadmin-announcement-link > strong {
        justify-self: center !important;
        width: min(260px, 100%) !important;
    }
}

.photo-card-body .race-number-card-input {
    max-width: none !important;
}

/* RDG Cloud v0.1.96 focused gallery fixes */
.race-number-pill {
    border-radius: 8px !important;
}

.photo-edit-card input[name="race_number"] {
    border-radius: 8px !important;
}

.gallery-main-settings-card,
.upload-card,
.photo-list-card {
    margin-bottom: 1.65rem !important;
}

.gallery-main-settings-card + .upload-card,
.upload-card + .photo-list-card,
.photo-list-card + .gallery-sales-settings,
.photo-list-card + .gallery-sales-card {
    margin-top: 1.65rem !important;
}

/* 0.1.14 UI polish */
.gallery-settings-toggles {
    display: grid;
    gap: .85rem;
}

.switch-row {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    width: fit-content;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.switch-row input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.switch-control {
    position: relative;
    width: 46px;
    height: 24px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(255, 255, 255, .22);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    transition: background .18s ease;
}

.switch-control::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .28);
    transition: transform .18s ease;
}

.switch-row input:checked + .switch-control {
    background: #1f86d9;
}

.switch-row input:checked + .switch-control::after {
    transform: translateX(22px);
}

.compact-note {
    margin-top: -.35rem;
    margin-left: 3.6rem;
}

.watermark-toggle-block {
    display: grid;
    gap: .85rem;
}

.watermark-toggle-block:has(> .switch-row input:not(:checked)) .watermark-panel {
    display: none;
}

.watermark-panel {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(140px, .5fr) minmax(180px, .7fr);
    gap: 1rem;
    align-items: end;
    padding: .75rem 0 0 3.6rem;
    border: 0;
    background: transparent;
}

.cover-upload-panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: .9rem;
    align-items: start;
    padding-top: .85rem;
    border-top: 1px solid var(--line);
}

.cover-upload-panel img {
    width: 180px;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.cover-preview-stack {
    display: grid;
    justify-items: start;
    gap: .75rem;
}

.cover-empty {
    display: grid;
    place-items: center;
    width: 180px;
    aspect-ratio: 16 / 10;
    border: 1px dashed rgba(255, 255, 255, .2);
    border-radius: 12px;
    color: var(--muted);
    background: rgba(255, 255, 255, .035);
}

.settings-inner-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 18px;
    background: rgba(0, 0, 0, .2);
}

.settings-inner-card + .settings-inner-card {
    margin-top: 1rem;
}

.settings-inner-card h3 {
    margin: 0;
    font-size: 1rem;
}

.price-inputs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

.radio-stack {
    display: grid;
    gap: .75rem;
}

.radio-card {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .85rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
}

.radio-card small {
    display: block;
    margin-top: .28rem;
    color: var(--muted);
    font-weight: 600;
}

.gallery-sales-settings {
    margin-top: 1rem;
}

.inline-radio-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .85rem 1.2rem;
}

.inline-radio-group label {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
}

.inline-radio-group input[type="radio"],
.radio-card input[type="radio"] {
    width: 16px;
    min-width: 16px;
    height: 16px;
}

.compact-number {
    align-items: flex-start !important;
    display: grid !important;
    gap: .35rem !important;
}

.compact-number input {
    min-width: 180px;
}

.file-pill {
    position: relative;
    display: inline-flex;
    width: auto;
    cursor: pointer;
}

.file-pill input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.file-pill span {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: .72rem 1rem;
    border-radius: var(--button-radius);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-weight: 800;
}

.photo-select {
    top: .42rem !important;
    left: .42rem !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.photo-card .photo-select input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    position: static !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    min-height: 0 !important;
    max-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    cursor: pointer;
    accent-color: var(--red);
}

.card + .card {
    margin-top: 1.25rem;
}

.public-gallery-title {
    margin: 0 0 1rem;
}

.public-gallery-title h1 {
    margin: 0 0 .45rem;
    color: #fff;
    font-size: clamp(2rem, 4vw, 4.2rem);
    line-height: .95;
    text-transform: uppercase;
}

.tag-pill {
    display: inline-flex;
    align-items: center;
    padding: .25rem .55rem;
    border-radius: 5px;
    background: var(--red);
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.public-gallery-console {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2rem;
    align-items: end;
    overflow: hidden;
    margin-bottom: 1.25rem;
    padding: clamp(1.5rem, 3vw, 2rem);
    border: 1px solid var(--line);
    border-left: 6px solid var(--red);
    border-radius: 18px;
    background: #050505;
    isolation: isolate;
}

.public-gallery-console::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .76) 48%, rgba(0, 0, 0, .48)), var(--hero) center right / cover no-repeat;
    opacity: .9;
    z-index: -2;
}

.public-gallery-console::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 25%, rgba(255, 255, 255, .08), transparent 35%);
    z-index: -1;
}

.public-console-main {
    max-width: 720px;
}

.public-console-main h2 {
    margin: 0 0 .4rem;
    color: #fff;
    font-size: clamp(1.9rem, 3vw, 3rem);
    line-height: 1;
    text-transform: uppercase;
}

.public-console-main p {
    color: rgba(255, 255, 255, .76);
}

.public-search {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: .75rem;
    margin: 1.5rem 0 .8rem;
}

.public-search input {
    min-height: 54px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(5, 5, 5, .68);
    color: #fff;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

.public-search input::placeholder {
    color: rgba(255, 255, 255, .58);
}

.public-tip {
    margin: 0;
    font-size: .9rem;
}

.public-count {
    display: grid;
    justify-items: end;
    color: #fff;
}

.public-count span {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    line-height: .95;
}

.public-count strong {
    color: rgba(255, 255, 255, .78);
    font-size: .8rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.public-photo-shell {
    margin-top: 1rem;
}

.public-photo-grid {
    gap: 5px;
}

.public-photo-grid .photo-card {
    border-radius: 0;
    border-color: rgba(255, 255, 255, .04);
}

.public-photo-grid .photo-card img {
    height: 220px;
}

.public-photo-grid .photo-card-body {
    display: none;
}

.empty-state.warning {
    border-color: rgba(255, 193, 7, .38);
    background: rgba(255, 193, 7, .12);
    color: #ffe4a3;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 360px));
    justify-content: center;
    justify-items: center;
    gap: 1rem;
    max-width: 760px;
    margin: 3rem auto;
}

.pricing-card {
    width: 100%;
    max-width: 360px;
    padding: 1.5rem;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255, 255, 255, .04);
}

.pricing-card.featured {
    border-color: rgba(239, 16, 32, .55);
    box-shadow: 0 20px 55px rgba(239, 16, 32, .12);
}

.pricing-card span {
    display: inline-flex;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: var(--red);
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

.pricing-grid .pricing-card:first-child > span {
    background: #16a34a !important;
}

.pricing-grid .pricing-card.featured > span {
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
}

.pricing-card strong {
    display: block;
    margin-top: 1rem;
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    text-transform: uppercase;
}

.pricing-card p,
.pricing-card li {
    color: var(--muted);
}

.pricing-card ul {
    display: grid;
    gap: .45rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.pricing-card li::before {
    content: '✓';
    margin-right: .5rem;
    color: #30d979;
}

@media (max-width: 760px) {
    .watermark-panel,
    .pricing-grid {
        grid-template-columns: 1fr;
    }

    .watermark-panel,
    .compact-note {
        margin-left: 0;
        padding-left: 0;
    }
}

/* 0.1.15 gallery polish */
.pricing-card li::before {
    content: '\2713';
}

@media (max-width: 760px) {
    .cover-upload-panel,
    .public-gallery-console,
    .public-search {
        grid-template-columns: 1fr;
    }

    .cover-upload-panel img {
        width: 100%;
    }

    .public-gallery-console {
        gap: 1.2rem;
    }

    .public-count {
        justify-items: start;
    }

    .public-photo-grid .photo-card img {
        height: 160px;
    }
}

/* 0.1.16 public gallery + admin polish */
main:has(.public-gallery-console) {
    width: min(100%, calc(100% - 1rem));
    padding-top: clamp(.5rem, 1.4vw, 1.2rem);
}

.public-gallery-title,
.public-gallery-console,
.public-photo-shell {
    width: min(1680px, calc(100vw - 20px));
    margin-left: auto;
    margin-right: auto;
}

.public-gallery-title h1 {
    font-size: clamp(2.4rem, 4.8vw, 5.2rem);
    font-weight: 900;
}

.public-gallery-console {
    grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
    align-items: center;
    padding: clamp(1.9rem, 3.2vw, 3.25rem);
    border-left-width: 7px;
}

.public-gallery-console::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, .94), rgba(0, 0, 0, .74) 52%, rgba(0, 0, 0, .32)), var(--hero) center right / cover no-repeat;
}

.public-console-main {
    max-width: 860px;
}

.public-console-main h2 {
    margin-bottom: .7rem;
    font-size: clamp(2.2rem, 4vw, 4.8rem);
    font-weight: 900;
    letter-spacing: -.03em;
    text-transform: uppercase;
}

.public-console-main > p {
    max-width: 620px;
    font-size: clamp(1rem, 1.2vw, 1.18rem);
}

.public-search {
    max-width: 760px;
    grid-template-columns: minmax(240px, 1fr) auto;
    align-items: end;
}

.public-search label {
    gap: .55rem;
    color: #fff;
    font-weight: 800;
}

.public-search input {
    min-height: 58px;
    border-radius: 12px;
    font-weight: 700;
}

.public-search .button {
    min-height: 58px;
    padding-inline: 1.65rem;
    border-radius: 999px;
}

.public-count span {
    font-weight: 800;
}

.public-action-bar {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: .85rem;
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(16px);
}

.public-action-bar button {
    min-height: 48px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 10px;
    background: rgba(0, 0, 0, .22);
    color: #fff;
    font: inherit;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.public-like-button b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    margin-left: .45rem;
    border-radius: 999px;
    background: rgba(239, 16, 32, .35);
}

.public-like-button.is-liked {
    border-color: rgba(239, 16, 32, .55);
    background: rgba(239, 16, 32, .2);
}

.public-instruction {
    grid-column: 1 / -1;
    margin: 0;
    padding-top: .6rem;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .72);
    text-align: center;
    font-weight: 700;
}

.public-photo-shell {
    margin-top: 1.35rem;
}

.public-photo-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 5px;
}

.public-photo-grid .photo-card img {
    height: clamp(190px, 15vw, 280px);
}

.public-lightbox-trigger {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.public-lightbox {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 4vw, 3rem);
    background: rgba(0, 0, 0, .88);
}

.public-lightbox[hidden] {
    display: none;
}

.public-lightbox img {
    max-width: min(96vw, 1500px);
    max-height: 86vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.public-lightbox span {
    position: fixed;
    left: 50%;
    bottom: 1.2rem;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, .78);
    font-weight: 700;
}

.public-lightbox-close {
    position: fixed;
    top: 1.2rem;
    right: 1.2rem;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

body.lightbox-open {
    overflow: hidden;
}

.save-gradient {
    width: auto !important;
    min-width: 190px;
    padding-inline: 1.5rem;
    border-radius: var(--button-radius);
    background: var(--button-gradient) !important;
    box-shadow: 0 14px 34px rgba(116, 75, 255, .28);
}

.gallery-bottom-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1.4rem;
}

.gallery-bottom-actions .photo-order-form {
    width: auto;
    justify-content: flex-start;
}

.gallery-bottom-actions .save-gradient.small {
    min-width: 150px;
    padding-inline: 1.15rem;
}

.upload-card {
    margin-bottom: 1.6rem;
}

@media (max-width: 760px) {
    nav {
        gap: .65rem;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .user-menu-dropdown {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orders-overview,
    .filters-grid {
        grid-template-columns: 1fr;
    }

    .price-inputs {
        grid-template-columns: 1fr;
    }

    main:has(.public-gallery-console) {
        width: min(100%, calc(100% - .75rem));
    }

    .public-gallery-console,
    .public-action-bar {
        grid-template-columns: 1fr;
    }

    .public-search {
        grid-template-columns: 1fr;
    }

    .public-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-photo-grid .photo-card img {
        height: 145px;
    }

    .gallery-bottom-actions {
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* RDG Cloud admin polish */
.stat-icon {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
}

.stat-icon img {
    width: 28px;
    height: 28px;
    filter: brightness(0) invert(1);
    opacity: .96;
}

.dashboard-stats .stat {
    justify-items: start;
}

.settings-inner-card .price-inputs,
.price-inputs {
    grid-template-columns: repeat(3, minmax(120px, 180px));
    align-items: end;
    gap: .9rem;
}

.settings-inner-card .price-inputs input,
.price-inputs input {
    min-height: 42px;
    padding: .72rem .85rem;
}

.cover-showcase {
    padding: clamp(1.2rem, 2vw, 1.65rem);
    margin-bottom: 1rem;
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
}

.cover-showcase-head {
    margin-bottom: 1rem;
}

.cover-showcase-head h3 {
    margin: 0 0 .35rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
}

.cover-showcase-head p {
    margin: 0;
    color: var(--muted);
}

.cover-upload-panel {
    display: grid !important;
    grid-template-columns: minmax(150px, 230px) minmax(220px, 1fr) !important;
    gap: 1.35rem !important;
    align-items: center !important;
}

.cover-preview-stack {
    justify-items: start !important;
    gap: .7rem !important;
}

.cover-upload-panel img {
    width: min(220px, 100%);
    height: 132px;
    border-radius: 18px;
    object-fit: cover;
    box-shadow: 0 18px 48px rgba(0,0,0,.34);
}

.cover-upload-actions {
    display: grid;
    justify-items: start;
    gap: .7rem;
}

.cover-upload-actions .file-pill {
    min-height: 54px;
    padding: .95rem 1.2rem;
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    border: 1px solid rgba(255,255,255,.13);
}

.sales-showcase .settings-disclosure-body {
    display: grid;
    gap: 1rem;
}

.sales-showcase .settings-inner-card {
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
    border: 1px solid rgba(255,255,255,.10);
    padding: 1.15rem;
}

.sales-showcase .switch-row,
.sales-showcase .radio-stack,
.sales-showcase .inline-radio-group {
    margin-top: .75rem;
}

.sales-showcase .radio-stack {
    display: grid;
    gap: .45rem;
    padding-left: .35rem;
}

.sales-showcase .inline-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    align-items: center;
}

.sales-showcase .compact-number {
    max-width: 180px;
}

@media (max-width: 760px) {
    .settings-inner-card .price-inputs,
    .price-inputs {
        grid-template-columns: 1fr;
    }

    .cover-upload-panel {
        grid-template-columns: 1fr !important;
    }
}
/* RDG Cloud inline dashboard icons */
.stat-icon,
.stat-icon-svg {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
}

.stat-icon svg,
.stat-icon-svg svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    color: #fff !important;
}

.dashboard-stats {
    grid-auto-rows: 1fr;
}

.dashboard-stats .stat {
    min-height: 150px !important;
    height: 100% !important;
    padding: 1.25rem !important;
    display: grid !important;
    grid-template-rows: 38px auto auto !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.stat-icon svg,
.stat-icon-svg svg {
    width: 38px !important;
    height: 38px !important;
}

.dashboard-stats .stat strong {
    justify-self: center !important;
    text-align: center !important;
    font-size: 2.35rem !important;
    line-height: 1 !important;
}

/* RDG Cloud gallery edit settings */
.rdg-gallery-settings-shell {
    width: 100%;
    max-width: 1100px;
    box-sizing: border-box;
    padding: clamp(1.15rem, 2.4vw, 1.8rem);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: linear-gradient(145deg, #101010, #141414);
}

.rdg-gallery-settings-head h3,
.rdg-gallery-settings-subtitle {
    margin: 0;
    color: #fff;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
    line-height: 1.1;
}

.rdg-gallery-settings-head p {
    margin: .45rem 0 0;
    color: #aeb4c2;
    font-size: 1rem;
}

.rdg-gallery-settings-divider {
    height: 1px;
    margin: 1.35rem 0;
    background: rgba(255, 255, 255, .08);
}

.rdg-gallery-settings-cover-row {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(240px, 1fr);
    gap: clamp(1.1rem, 2.5vw, 1.6rem);
    align-items: center;
    margin-top: 1.25rem;
}

.rdg-gallery-settings-cover-preview img,
.rdg-gallery-settings-cover-empty {
    display: block;
    width: 260px;
    max-width: 100%;
    height: 165px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    object-fit: cover;
    background: #181818;
}

.rdg-gallery-settings-cover-empty {
    display: grid;
    place-items: center;
    color: #aeb4c2;
    border-style: dashed;
}

.rdg-gallery-settings-cover-actions {
    display: grid;
    justify-items: start;
    gap: .85rem;
}

.rdg-gallery-settings-status {
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-height: 30px;
    padding: .4rem .8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .06);
    color: #cfd5e2;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.rdg-gallery-settings-status-success {
    border-color: rgba(34, 197, 94, .34);
    background: rgba(34, 197, 94, .18);
    color: #adf7c5;
}

.rdg-gallery-settings-file-button,
.rdg-gallery-settings-file-inline {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 48px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));
    color: #fff;
    cursor: pointer;
}

.rdg-gallery-settings-file-button {
    padding: .85rem 1rem;
}

.rdg-gallery-settings-file-button input,
.rdg-gallery-settings-file-inline input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.rdg-gallery-settings-file-button strong,
.rdg-gallery-settings-file-inline strong {
    font-weight: 800;
}

.rdg-gallery-settings-file-button svg {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
}

.rdg-gallery-settings-file-inline {
    width: 100%;
    padding: .45rem .55rem;
}

.rdg-gallery-settings-file-inline strong {
    flex: 0 0 auto;
    padding: .62rem .85rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, .12);
}

.rdg-gallery-settings-file-inline small {
    overflow: hidden;
    color: #cfd5e2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rdg-gallery-settings-subtitle {
    margin-bottom: 1rem;
}

.rdg-gallery-settings-option-card {
    padding: 1.15rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: #181818;
}

.rdg-gallery-settings-option-card + .rdg-gallery-settings-option-card {
    margin-top: .85rem;
}

.rdg-gallery-settings-switch-row {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin: 0;
}

.rdg-gallery-settings-switch-row > span:last-child {
    display: grid;
    gap: .2rem;
}

.rdg-gallery-settings-switch-row strong {
    color: #fff;
    font-size: 1.02rem;
}

.rdg-gallery-settings-switch-row small {
    color: #aeb4c2;
    font-size: .92rem;
    font-weight: 500;
    line-height: 1.35;
}

.rdg-gallery-settings-switch-row .switch-control {
    width: 48px;
    height: 26px;
    border-radius: 999px;
    background: #3a3a3a;
}

.rdg-gallery-settings-switch-row .switch-control::after {
    width: 20px;
    height: 20px;
}

.rdg-gallery-settings-switch-row input:checked + .switch-control {
    background: #2488ef;
}

.rdg-gallery-settings-switch-row input:checked + .switch-control::after {
    transform: translateX(22px);
}

.rdg-gallery-settings-switch-row input:focus-visible + .switch-control {
    outline: 2px solid rgba(39, 93, 255, .8);
    outline-offset: 3px;
}

.rdg-gallery-settings-watermark-fields {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(260px, 1.2fr) auto;
    gap: 1rem;
    align-items: end;
    margin-top: 1rem;
    transition: opacity .18s ease, max-height .18s ease, margin .18s ease;
}

.rdg-gallery-settings-watermark-fields label {
    margin: 0;
}

.rdg-gallery-settings-watermark-fields input[type="number"] {
    min-height: 46px;
}

.rdg-gallery-settings-watermark-card:has(.rdg-gallery-settings-switch-row input:not(:checked)) .rdg-gallery-settings-watermark-fields {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* RDG Cloud 0.1.34 compact admin fixes */
.dashboard-stats {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    gap: 1rem !important;
}

.dashboard-stats .stat {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 150px !important;
    height: 150px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .55rem !important;
    text-align: center !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
}

.dashboard-stats .stat span {
    display: block !important;
    min-height: 1.1em !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

.dashboard-stats .stat strong {
    margin: 0 !important;
    text-align: center !important;
    font-size: 2.35rem !important;
    line-height: 1 !important;
}

.stat-icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    border-radius: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
}

.stat-icon svg {
    width: 38px !important;
    height: 38px !important;
    display: block !important;
    color: #fff !important;
}

.rdg-gallery-settings-shell {
    padding: 1rem !important;
    border-radius: 18px !important;
    margin-top: 1rem !important;
}

.rdg-gallery-settings-head h3,
.rdg-gallery-settings-subtitle {
    font-size: 1.22rem !important;
    line-height: 1.15 !important;
}

.rdg-gallery-settings-head p {
    margin-top: .35rem !important;
    font-size: .9rem !important;
}

.rdg-gallery-settings-divider {
    margin: 1rem 0 !important;
}

.rdg-gallery-settings-subtitle {
    margin-bottom: .75rem !important;
}

.rdg-gallery-settings-option-card {
    padding: .9rem 1rem !important;
    border-radius: 14px !important;
}

.rdg-gallery-settings-option-card + .rdg-gallery-settings-option-card {
    margin-top: .65rem !important;
}

.rdg-gallery-settings-switch-row {
    position: relative !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: .8rem !important;
}

.rdg-gallery-settings-switch-row > input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.rdg-gallery-settings-switch-row > span:last-child {
    min-width: 0 !important;
    gap: .15rem !important;
}

.rdg-gallery-settings-switch-row strong {
    font-size: .96rem !important;
    line-height: 1.2 !important;
}

.rdg-gallery-settings-switch-row small {
    font-size: .84rem !important;
    line-height: 1.32 !important;
}

.rdg-gallery-settings-watermark-fields {
    grid-template-columns: minmax(150px, 1fr) minmax(240px, 1.2fr) auto !important;
    gap: .8rem !important;
    margin-top: .85rem !important;
}

.rdg-gallery-settings-watermark-fields input[type="number"] {
    min-height: 42px !important;
}

.gallery-sales-settings {
    border-radius: 18px !important;
}

.gallery-sales-settings summary {
    padding: .85rem 1rem !important;
}

.gallery-sales-settings .settings-disclosure-body {
    padding: 0 1rem 1rem !important;
    gap: .8rem !important;
}

.gallery-sales-settings .settings-inner-card {
    padding: .9rem !important;
    border-radius: 16px !important;
}

.gallery-sales-settings .settings-inner-card h3 {
    font-size: 1rem !important;
    margin: 0 0 .65rem !important;
}

.gallery-sales-settings .switch-row {
    margin-top: .55rem !important;
}

/* RDG Cloud 0.1.35 isolated dashboard and compact sales settings */
.creator-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    align-items: stretch;
}

.creator-stat-card {
    min-height: 150px;
    height: 150px;
    padding: 1.2rem 1rem;
    display: grid;
    grid-template-rows: 42px 18px 40px;
    place-items: center;
    align-content: center;
    gap: .55rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    text-align: center;
}

.creator-stat-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #fff;
}

.creator-stat-icon svg {
    width: 34px;
    height: 34px;
    display: block;
}

.creator-stat-card span {
    display: block;
    margin: 0;
    color: #aeb7c8;
    font-size: .76rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.creator-stat-card strong {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 1;
}

.button.detail-upload-button {
    background: var(--button-gradient);
    border: 0;
    color: #fff;
    box-shadow: 0 12px 28px rgba(116, 75, 255, .24);
}

.gallery-sales-settings {
    margin-top: 1rem;
    border-radius: 18px !important;
}

.gallery-sales-settings summary {
    padding: .85rem 1rem !important;
}

.gallery-sales-settings .settings-disclosure-body {
    display: grid !important;
    gap: .85rem !important;
    padding: 0 1rem 1rem !important;
}

.sales-compact-card {
    padding: 1rem !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.035) !important;
}

.sales-compact-card h3 {
    margin: 0 0 .75rem !important;
    font-size: 1rem !important;
}

.sales-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: .85rem;
}

.sales-radio-card {
    min-height: 58px;
    padding: .75rem .85rem;
}

.sales-radio-card strong {
    font-size: .92rem;
}

.sales-radio-card small {
    font-size: .78rem;
}

.sales-price-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(120px, 180px)) !important;
    gap: .75rem !important;
    align-items: end !important;
}

.sales-price-grid label,
.sales-toggle-item {
    margin: 0 !important;
}

.sales-price-grid input {
    min-height: 40px !important;
    padding: .65rem .75rem !important;
}

.sales-toggle-list {
    display: grid;
    gap: .7rem;
}

.sales-toggle-item {
    padding: .75rem .85rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(0,0,0,.14);
}

.sales-toggle-item .switch-row {
    margin: 0 !important;
}

.sales-inline-options {
    margin: .55rem 0 0 3.1rem !important;
    gap: .75rem 1rem !important;
}

.sales-inline-options label {
    font-size: .88rem;
    color: #cfd5e2;
}

.sales-inline-options .compact-number {
    max-width: 180px;
}

@media (max-width: 900px) {
    .creator-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .sales-choice-grid,
    .sales-price-grid {
        grid-template-columns: 1fr !important;
    }

    .sales-inline-options {
        margin-left: 0 !important;
    }
}

@media (max-width: 560px) {
    .creator-stats-grid {
        grid-template-columns: 1fr;
    }
}

.rdg-gallery-settings-shell + .settings-disclosure {
    margin-top: 1rem;
}

/* RDG Cloud 0.1.36 critical layout hardening */
.creator-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: stretch !important;
}

.creator-stat-card {
    min-height: 150px !important;
    height: 150px !important;
    display: grid !important;
    grid-template-rows: 42px 18px 40px !important;
    place-items: center !important;
    align-content: center !important;
    gap: .55rem !important;
    padding: 1.2rem 1rem !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.creator-stat-icon {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.creator-stat-icon svg {
    width: 34px !important;
    height: 34px !important;
}

.gallery-main-settings-card .compact-form,
.gallery-main-settings-card .section-title,
.gallery-main-settings-card .rdg-gallery-settings-shell,
.gallery-main-settings-card .gallery-sales-settings {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.gallery-main-settings-card + .upload-card,
.upload-card + .photo-list-card {
    margin-top: 1.25rem !important;
}

.upload-card {
    margin-bottom: 0 !important;
}

.upload-card .upload-form {
    width: 100% !important;
    max-width: none !important;
}

.gallery-main-settings-card .compact-form > .save-gradient,
.upload-card .upload-form > .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(560px, 100%) !important;
    max-width: 560px !important;
    min-height: 50px !important;
    margin: 1rem auto 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
    color: #fff !important;
}

.gallery-bottom-actions {
    justify-content: center !important;
    align-items: center !important;
    gap: 1rem !important;
}

.gallery-bottom-actions .button,
.gallery-bottom-actions .photo-order-form .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 150px !important;
    min-height: 44px !important;
    padding: .78rem 1.35rem !important;
    border-radius: 999px !important;
    font-size: .92rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.gallery-main-settings-card .rdg-gallery-settings-head h3,
.gallery-main-settings-card .rdg-gallery-settings-subtitle,
.gallery-main-settings-card .gallery-sales-settings summary strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.08rem !important;
    line-height: 1.2 !important;
}

.gallery-sales-settings .settings-disclosure-body {
    display: grid !important;
    gap: .8rem !important;
}

.gallery-sales-settings .sales-choice-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
    margin-bottom: .85rem !important;
}

.gallery-sales-settings .sales-radio-card {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .45rem !important;
    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: .15rem 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.gallery-sales-settings .sales-radio-card input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: radio !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #2d7df0 !important;
}

.gallery-sales-settings .sales-radio-card span {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: .25rem !important;
    min-width: 0 !important;
}

.gallery-sales-settings .sales-radio-card strong {
    font-size: .9rem !important;
    line-height: 1.2 !important;
}

.gallery-sales-settings .sales-radio-card small {
    font-size: .78rem !important;
    line-height: 1.2 !important;
    color: #aeb7c8 !important;
}

.gallery-sales-settings .sales-price-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(120px, 1fr)) !important;
    gap: .7rem !important;
}

.gallery-sales-settings .sales-inline-options {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin: .55rem 0 0 3.1rem !important;
    gap: .55rem 1rem !important;
}

.gallery-sales-settings .sales-inline-options label {
    display: inline-flex !important;
    align-items: center !important;
    gap: .38rem !important;
    margin: 0 !important;
    font-size: .86rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #cfd5e2 !important;
}

.gallery-sales-settings .sales-inline-options input[type="radio"],
.gallery-sales-settings .sales-inline-options input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #2d7df0 !important;
    vertical-align: middle !important;
}

@media (max-width: 900px) {
    .creator-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .gallery-sales-settings .sales-choice-grid,
    .gallery-sales-settings .sales-price-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    .creator-stats-grid {
        grid-template-columns: 1fr !important;
    }
}

.rdg-gallery-settings-shell ~ .save-gradient {
    min-height: 50px;
    border-radius: 12px;
}

.dashboard-orders-card {
    padding: 1.2rem !important;
}

.dashboard-orders-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: 0 0 1rem !important;
}

.dashboard-orders-head h2 {
    margin: 0 !important;
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
}

.dashboard-orders-head .button {
    white-space: nowrap !important;
}

.dashboard-orders-card .orders-overview {
    margin: 0 !important;
}

.latest-gallery-card {
    padding: 1.1rem 1.2rem !important;
}

.latest-gallery-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: 0 0 .9rem !important;
}

.latest-gallery-head h2 {
    margin: 0 !important;
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
}

.latest-gallery-head a {
    color: #ef1020 !important;
    text-decoration: none !important;
    font-size: .96rem !important;
    font-weight: 850 !important;
}

.latest-gallery-item {
    display: grid !important;
    grid-template-columns: 128px minmax(0, 1fr) auto !important;
    gap: 1rem !important;
    align-items: center !important;
}

.latest-gallery-thumb,
.latest-gallery-placeholder {
    width: 128px !important;
    height: 76px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: #171717 !important;
    object-fit: cover !important;
}

.latest-gallery-placeholder {
    display: grid !important;
    place-items: center !important;
    color: #7d8797 !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
}

.latest-gallery-title-row {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
}

.latest-gallery-title-row strong {
    color: #fff !important;
    font-size: 1.28rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.latest-gallery-meta {
    margin: .42rem 0 0 !important;
    color: #aeb7c8 !important;
    font-size: .86rem !important;
    line-height: 1.3 !important;
}

.latest-gallery-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .55rem !important;
}

.latest-gallery-actions .button {
    min-width: 92px !important;
    justify-content: center !important;
}

.latest-gallery-empty {
    margin: 0 !important;
    color: #aeb7c8 !important;
}

@media (max-width: 700px) {
    .dashboard-orders-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .latest-gallery-item {
        grid-template-columns: 96px minmax(0, 1fr) !important;
    }

    .latest-gallery-thumb,
    .latest-gallery-placeholder {
        width: 96px !important;
        height: 66px !important;
    }

    .latest-gallery-actions {
        grid-column: 1 / -1 !important;
        justify-content: flex-start !important;
    }

    .rdg-gallery-settings-cover-row,
    .rdg-gallery-settings-watermark-fields {
        grid-template-columns: 1fr;
    }

    .rdg-gallery-settings-cover-actions,
    .rdg-gallery-settings-file-button,
    .rdg-gallery-settings-file-inline {
        width: 100%;
    }
}

/* v0.1.45 gallery list bulk actions and alignment */
.free-limit-notice {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    min-height: auto !important;
    padding: 0.75rem 0.95rem !important;
    background: linear-gradient(135deg, #ffd95a 0%, #f59e0b 100%) !important;
    border: 1px solid rgba(255, 225, 110, 0.95) !important;
    border-radius: 12px !important;
    color: #1b1300 !important;
    box-shadow: 0 18px 45px rgba(245, 158, 11, 0.16) !important;
    overflow: hidden !important;
}
.free-limit-copy {
    display: block !important;
    min-width: 0 !important;
    line-height: 1.25 !important;
}
.free-limit-action {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    text-align: center !important;
}
.free-limit-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    flex: 0 0 68px !important;
    color: #111 !important;
    line-height: 1 !important;
    overflow: hidden !important;
}
.free-limit-icon svg {
    display: block !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    fill: currentColor !important;
}
.free-limit-icon svg path {
    fill: currentColor !important;
}
.free-limit-notice strong {
    display: block !important;
    color: #111 !important;
    font-size: 1.08rem !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
}
.free-limit-copy > span {
    display: block !important;
    margin-top: 0.15rem !important;
    color: #2b2100 !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
}
.free-limit-upgrade {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0.35rem 0.7rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: default !important;
}
@media (max-width: 640px) {
    .free-limit-notice {
        align-items: center !important;
        flex-direction: row !important;
    }
    .free-limit-upgrade {
        width: auto !important;
    }
}
.gallery-sales-settings {
    width: 100% !important;
    max-width: none !important;
}
.gallery-sales-settings .settings-disclosure-body,
.gallery-sales-settings .sales-compact-card,
.gallery-sales-settings .sales-toggle-list,
.gallery-sales-settings .sales-toggle-item {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}
.gallery-sales-settings [hidden],
.gallery-sales-settings .sales-inline-options[hidden],
.gallery-sales-settings .sales-compact-card[hidden] {
    display: none !important;
}
.gallery-sales-settings .sales-inline-options {
    margin-top: 0.65rem !important;
}
.gallery-bulk-form {
    margin: 0;
}
.gallery-bulk-bar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 0;
    margin: 0 0 .8rem;
}
.gallery-bulk-delete {
    display: none !important;
}
.gallery-bulk-form.has-selection .gallery-bulk-delete {
    display: inline-flex !important;
}
.gallery-bulk-delete[hidden],
.gallery-bulk-form:not(.has-selection) .gallery-bulk-delete {
    display: none !important;
}
.gallery-bulk-form:not(:has(.gallery-select:checked)) .gallery-bulk-delete {
    display: none !important;
}
.gallery-bulk-form:has(.gallery-select:checked) .gallery-bulk-delete:not([hidden]) {
    display: inline-flex !important;
}
.gallery-list-table .select-col {
    width: 42px;
    text-align: center;
}
.gallery-list-table input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: #7a3cff;
}
.gallery-list-table .detail-upload-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 128px;
}
.gallery-main-settings-card .compact-form > .save-gradient,
.upload-card .upload-form > .button {
    width: min(560px, 100%) !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.gallery-bottom-actions {
    justify-content: center !important;
}
/* v0.1.70 unified dashboard buttons */
.button,
.button.small,
.save-gradient,
.detail-upload-button,
.quick-actions-card .button,
.dashboard-orders-cta .button {
    border-radius: 999px !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.button.small,
.quick-actions-card .button,
.dashboard-orders-cta .button {
    min-height: 38px !important;
    padding: .62rem 1.05rem !important;
}

.quick-actions-card .button,
.dashboard-orders-cta .button {
    min-width: 170px !important;
}
/* end v0.1.70 */

/* v0.1.77 support messages */
.support-card,
.support-admin-card {
    max-width: 1120px;
}

.support-thread {
    display: flex !important;
    flex-direction: column !important;
    gap: .9rem !important;
    max-height: 520px;
    overflow: auto;
    padding: 1rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: rgba(255,255,255,.035);
}

.support-message {
    display: block !important;
    width: auto !important;
    max-width: min(680px, 78%) !important;
    padding: .9rem 1rem !important;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    box-sizing: border-box;
    word-break: break-word;
}

.support-message.outgoing {
    align-self: flex-end !important;
    background: linear-gradient(135deg, rgba(39,93,255,.95), rgba(165,44,255,.92)) !important;
    border-color: rgba(142,90,255,.35) !important;
    color: #fff;
    border-bottom-right-radius: 8px !important;
}

.support-message.incoming {
    align-self: flex-start !important;
    background: rgba(255,255,255,.085) !important;
    border-color: rgba(255,255,255,.12) !important;
    border-bottom-left-radius: 8px !important;
}

.support-message-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .45rem;
    color: #fff;
    font-size: .82rem;
    line-height: 1.2;
}

.support-message-meta span,
.support-empty span,
.support-panel-head span {
    color: #aeb4c2;
}

.support-message-body {
    color: #f7f8fb;
    line-height: 1.55;
    white-space: normal;
    font-size: .96rem;
}

.support-empty {
    display: grid;
    gap: .35rem;
    padding: 1rem;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 18px;
    color: #fff;
    background: rgba(255,255,255,.035);
}

.support-reply-form {
    display: grid;
    gap: .7rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,.08);
}

.support-reply-form label {
    color: #fff;
    font-weight: 900;
}

.support-reply-form textarea {
    width: 100%;
    min-height: 130px;
    resize: vertical;
    box-sizing: border-box;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.075);
    color: #fff;
    padding: 1rem;
    font: inherit;
}

.support-reply-form .button {
    width: min(360px, 100%);
    justify-self: center;
}

.support-admin-grid {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 1rem;
}

.support-list,
.support-panel {
    min-width: 0;
}

.support-list h2,
.support-panel-head h2 {
    margin: 0 0 .8rem;
}

.support-list {
    display: grid;
    align-content: start;
    gap: .55rem;
}

.support-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .85rem .9rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    color: #fff;
    text-decoration: none;
    background: rgba(255,255,255,.045);
}

.support-list-item span {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.support-list-item strong,
.support-list-item small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-list-item small {
    color: #aeb4c2;
}

.support-list-item.is-active,
.support-list-item:hover {
    border-color: rgba(165,44,255,.45);
    background: rgba(165,44,255,.14);
}

.support-unread {
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ef1020;
    color: #fff;
    font-style: normal;
    font-weight: 900;
    font-size: .78rem;
}

.support-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

@media (max-width: 820px) {
    .support-admin-grid {
        grid-template-columns: 1fr;
    }

    .support-message {
        max-width: 100% !important;
    }
}
/* end v0.1.77 */

/* v0.1.78 support chat hardening + superadmin message card */
.support-thread.support-chat {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 18px !important;
    max-height: 560px !important;
    overflow-y: auto !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.035) !important;
}

.support-thread.support-chat .support-message {
    display: block !important;
    width: auto !important;
    max-width: min(680px, 76%) !important;
    min-width: min(220px, 100%) !important;
    padding: 13px 15px !important;
    margin: 0 !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    word-break: break-word !important;
}

.support-thread.support-chat .support-message.incoming {
    align-self: flex-start !important;
    background: #242424 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-bottom-left-radius: 7px !important;
}

.support-thread.support-chat .support-message.outgoing {
    align-self: flex-end !important;
    background: linear-gradient(135deg, #275dff 0%, #a52cff 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-bottom-right-radius: 7px !important;
}

.support-thread.support-chat .support-message-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 7px !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.support-thread.support-chat .support-message-meta strong,
.support-thread.support-chat .support-message-meta span {
    display: block !important;
    color: inherit !important;
}

.support-thread.support-chat .support-message-body {
    display: block !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.creator-stat-card {
    text-decoration: none !important;
    position: relative;
}

.creator-stat-icon img {
    width: 34px;
    height: 34px;
    display: block;
}

.messages-stat-card {
    cursor: pointer;
}

.messages-stat-card:hover {
    border-color: rgba(165,44,255,.45);
    background: linear-gradient(145deg, rgba(165,44,255,.11), rgba(255,255,255,.025));
}

.dashboard-message-badge {
    position: absolute;
    top: 15px;
    right: 16px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ef1020;
    color: #fff;
    font-style: normal;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 0 3px rgba(239,16,32,.16);
}

@media (max-width: 700px) {
    .support-thread.support-chat .support-message {
        max-width: 92% !important;
    }
}
/* end v0.1.78 */

/* v0.1.79 messenger-style support chat + separate superadmin messages panel */
.support-thread.support-chat {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .035) !important;
    max-height: 560px !important;
    overflow-y: auto !important;
}

.support-bubble-row {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.support-bubble-row.incoming {
    justify-content: flex-start !important;
}

.support-bubble-row.outgoing {
    justify-content: flex-end !important;
}

.support-bubble {
    display: block !important;
    width: auto !important;
    max-width: min(680px, 76%) !important;
    min-width: min(220px, 100%) !important;
    padding: 13px 15px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    color: #fff !important;
    overflow: hidden !important;
}

.support-bubble-row.incoming .support-bubble {
    background: #242424 !important;
    border-bottom-left-radius: 7px !important;
}

.support-bubble-row.outgoing .support-bubble {
    background: linear-gradient(135deg, #275dff 0%, #a52cff 100%) !important;
    border-bottom-right-radius: 7px !important;
}

.support-bubble-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 7px !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.support-bubble-meta strong,
.support-bubble-meta span {
    display: block !important;
    color: inherit !important;
}

.support-bubble-body {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.superadmin-message-panel {
    padding: 1rem !important;
}

.superadmin-message-link {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    gap: 1rem !important;
    align-items: center !important;
    padding: 1.05rem 1.2rem !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .022)) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.superadmin-message-link:hover {
    border-color: rgba(165, 44, 255, .45) !important;
    background: linear-gradient(145deg, rgba(165, 44, 255, .11), rgba(255, 255, 255, .025)) !important;
}

.superadmin-message-icon {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .06) !important;
}

.superadmin-message-icon svg {
    width: 34px !important;
    height: 34px !important;
    color: #fff !important;
}

.superadmin-message-copy h2 {
    margin: 0 0 .18rem !important;
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
}

.superadmin-message-copy p {
    margin: 0 !important;
    color: #aeb7c8 !important;
    font-size: .9rem !important;
}

.superadmin-message-count {
    font-size: 2.15rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #fff !important;
}

.superadmin-message-link .dashboard-message-badge {
    top: 12px !important;
    right: 12px !important;
}

@media (max-width: 700px) {
    .support-bubble {
        max-width: 92% !important;
    }

    .superadmin-message-link {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }

    .superadmin-message-count {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
    }
}

/* end v0.1.79 */

/* v0.1.80 support inbox */
.support-inbox-list {
    display: grid !important;
    gap: .8rem !important;
    margin-top: 1rem !important;
}

.support-inbox-item {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    gap: .85rem !important;
    align-items: center !important;
    padding: .9rem 1rem !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025)) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.support-inbox-item:hover {
    border-color: rgba(165, 44, 255, .42) !important;
    background: linear-gradient(145deg, rgba(165, 44, 255, .11), rgba(255, 255, 255, .03)) !important;
}

.support-inbox-avatar {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #275dff, #a52cff) !important;
    color: #fff !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
}

.support-inbox-copy {
    display: grid !important;
    gap: .18rem !important;
    min-width: 0 !important;
}

.support-inbox-copy strong,
.support-inbox-copy small {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.support-inbox-copy strong {
    font-size: 1.04rem !important;
}

.support-inbox-copy small {
    color: #aeb7c8 !important;
    font-size: .86rem !important;
}

/* end v0.1.80 */

/* v0.1.80 superadmin dashboard stats */
.superadmin-dashboard-panel .creator-stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
    .superadmin-dashboard-panel .creator-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .superadmin-dashboard-panel .creator-stats-grid {
        grid-template-columns: 1fr !important;
    }
}

/* end v0.1.80 superadmin dashboard stats */

/* v0.1.82 support chat cleanup and attachments */
.clean-support-admin { max-width: 1120px !important; }
.clean-support-admin .support-panel-head { align-items: center !important; }
.clean-support-admin .support-thread.support-chat { margin-bottom: 1.15rem !important; }
.clean-support-admin .support-reply-form { margin-top: 1.15rem !important; padding-top: 1.15rem !important; }
.support-reply-actions { display: flex !important; justify-content: center !important; align-items: center !important; gap: .85rem !important; flex-wrap: wrap !important; margin-top: .25rem !important; }
.support-reply-actions .button { width: min(260px, 100%) !important; min-height: 42px !important; border-radius: 999px !important; }
.support-attachment-button { cursor: pointer !important; text-align: center !important; }
.support-attachment-button input { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.support-attachment-link { color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
.superadmin-message-link .dashboard-message-badge { display: none !important; }
@media (max-width: 700px) { .support-reply-actions .button { width: 100% !important; } }
/* end v0.1.82 */
/* v0.1.82 support final polish */
.clean-support-admin .support-thread.support-chat {
    margin-bottom: 1.25rem !important;
}
.clean-support-admin .support-reply-form {
    margin-top: 1.25rem !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    padding-top: 1.25rem !important;
}
.support-reply-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: .85rem !important;
    flex-wrap: wrap !important;
    margin-top: .6rem !important;
}
.support-reply-actions .button {
    width: min(260px, 100%) !important;
    min-height: 44px !important;
    border-radius: 999px !important;
}
.support-attachment-button {
    cursor: pointer !important;
    text-align: center !important;
}
.support-attachment-button input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.support-attachment-link {
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
.superadmin-message-link .dashboard-message-badge {
    display: none !important;
}
@media (max-width: 700px) {
    .support-reply-actions .button { width: 100% !important; }
}

/* v0.1.83 support image attachments */
.support-attachment-button {
    width: auto !important;
    min-width: 178px !important;
    padding-inline: 1rem !important;
}
.support-attachment-button span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
}
.support-attachment-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
}
.support-attachment-caption {
    display: block !important;
    margin-top: .65rem !important;
    color: rgba(255,255,255,.66) !important;
    font-size: .78rem !important;
    line-height: 1.35 !important;
}
.support-image-link {
    display: block !important;
    margin-top: .45rem !important;
    max-width: 260px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(0,0,0,.22) !important;
}
.support-image-link img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    object-fit: cover !important;
}
.support-bubble-row.outgoing .support-image-link {
    margin-left: auto !important;
}
.support-bubble-row.incoming .support-image-link {
    margin-right: auto !important;
}

/* v0.1.84 support attachment UI polish */
.support-card,
.support-admin-card {
    margin-top: 1.35rem !important;
}

.support-panel-head {
    margin-bottom: 1.25rem !important;
}

.support-thread.support-chat {
    margin-bottom: 1.45rem !important;
}

.support-reply-form {
    margin-top: 1.45rem !important;
}

.support-back-button {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.support-back-button svg {
    width: 38px !important;
    height: 38px !important;
    display: block !important;
}

.support-attachment-button,
.support-send-button {
    position: relative !important;
    overflow: hidden !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex: 0 0 52px !important;
}

.support-attachment-button input[type="file"] {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    pointer-events: none !important;
}

.support-attachment-button .support-attachment-icon,
.support-send-button .support-send-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

.support-attachment-button .support-attachment-icon svg,
.support-send-button .support-send-icon svg {
    width: 27px !important;
    height: 27px !important;
    display: block !important;
}

.support-send-label,
.support-attachment-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.support-bubble .support-image-link {
    display: block !important;
    width: min(250px, 100%) !important;
    max-width: 100% !important;
    margin: .55rem 0 0 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    background: rgba(0, 0, 0, .22) !important;
}

.support-bubble .support-image-link img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    object-fit: cover !important;
}

.support-bubble-row.outgoing .support-image-link {
    margin-left: auto !important;
}

.support-bubble-row.incoming .support-image-link {
    margin-right: auto !important;
}

@media (max-width: 700px) {
    .support-attachment-button,
    .support-send-button {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
    }
}

/* RDG Cloud v0.1.87 - dashboard messages + support controls */
.support-inbox-item .support-unread,
.support-unread {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3121d !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: .9rem !important;
    line-height: 1 !important;
    box-shadow: 0 0 0 4px rgba(243,18,29,.16) !important;
}
.support-reply-actions {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.35rem !important;
    margin-top: .85rem !important;
}
.support-reply-actions .support-attachment-button,
.support-reply-actions .support-send-button {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.dashboard-orders-message-row {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(250px, 3fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
    margin: 0 0 1rem !important;
}
.dashboard-orders-message-row .dashboard-orders-card,
.dashboard-message-alert-card {
    margin: 0 !important;
    min-height: 100% !important;
}
.dashboard-message-alert-card {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .9rem !important;
    color: #fff !important;
    text-decoration: none !important;
    min-height: 100% !important;
    overflow: hidden !important;
}
.dashboard-message-alert-card:hover {
    border-color: rgba(165,44,255,.48) !important;
    background: linear-gradient(145deg, rgba(39,93,255,.13), rgba(165,44,255,.1)) !important;
}
.dashboard-message-alert-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #275dff, #a52cff) !important;
    color: #fff !important;
    flex: 0 0 48px !important;
}
.dashboard-message-alert-icon svg {
    width: 27px !important;
    height: 27px !important;
    display: block !important;
}
.dashboard-message-alert-copy {
    display: grid !important;
    gap: .15rem !important;
    min-width: 0 !important;
}
.dashboard-message-alert-copy strong {
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-weight: 900 !important;
    font-size: .95rem !important;
}
.dashboard-message-alert-copy small {
    color: #aeb7c8 !important;
    font-size: .82rem !important;
}
.dashboard-message-alert-count {
    margin-left: auto !important;
    font-size: 2.05rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}
.dashboard-message-alert-badge {
    position: absolute !important;
    top: .9rem !important;
    right: .9rem !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3121d !important;
    color: #fff !important;
    font-style: normal !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    box-shadow: 0 0 0 4px rgba(243,18,29,.16) !important;
}
@media (max-width: 900px) {
    .dashboard-orders-message-row {
        grid-template-columns: 1fr !important;
    }
}

/* RDG Cloud v0.1.91 - placed at true end so older fixes cannot override it */
.dashboard-orders-message-row {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(260px, 3fr) !important;
    gap: 1.1rem !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 0 1rem !important;
}

.dashboard-orders-message-row .dashboard-orders-card,
.dashboard-orders-message-row .dashboard-message-alert-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.dashboard-orders-message-row .dashboard-message-alert-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    gap: 1rem !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 1.1rem !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    flex: 0 0 54px !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon > svg,
.dashboard-orders-message-row .dashboard-message-alert-card .dashboard-message-alert-icon svg {
    display: block !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
}

.dashboard-orders-message-row .dashboard-message-alert-card > svg,
.dashboard-message-alert-card svg:not(.keep-natural-size) {
    max-width: 28px !important;
    max-height: 28px !important;
}

.dashboard-orders-message-row .dashboard-message-alert-count {
    margin-left: 0 !important;
    justify-self: end !important;
    font-size: 1.85rem !important;
    line-height: 1 !important;
}

.support-reply-form textarea {
    margin-bottom: 1.2rem !important;
}

.support-reply-form .support-reply-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.25rem !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-top: .25rem !important;
}

.support-reply-form .support-reply-actions .support-attachment-button,
.support-reply-form .support-reply-actions .support-send-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 52px !important;
    box-sizing: border-box !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon,
.support-reply-form .support-reply-actions .support-send-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    line-height: 1 !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon svg,
.support-reply-form .support-reply-actions .support-send-icon svg {
    display: block !important;
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
}

@media (max-width: 900px) {
    .dashboard-orders-message-row {
        grid-template-columns: 1fr !important;
    }
}

/* RDG Cloud v0.1.90 - final chat controls and dashboard message card fix */
.dashboard-orders-message-row {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(260px, 3fr) !important;
    gap: 1.1rem !important;
    align-items: stretch !important;
    width: 100% !important;
}

.dashboard-orders-message-row .dashboard-orders-card,
.dashboard-orders-message-row .dashboard-message-alert-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
}

.dashboard-orders-message-row .dashboard-message-alert-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 1rem !important;
    padding: 1.1rem !important;
    min-height: 100% !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    flex: 0 0 54px !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon svg,
.dashboard-orders-message-row .dashboard-message-alert-card svg {
    display: block !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
}

.dashboard-orders-message-row .dashboard-message-alert-copy,
.dashboard-orders-message-row .dashboard-message-alert-count {
    min-width: 0 !important;
    max-width: 100% !important;
}

.support-reply-form textarea {
    margin-bottom: 1.15rem !important;
}

.support-reply-form .support-reply-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.2rem !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-top: .25rem !important;
}

.support-reply-form .support-reply-actions .support-attachment-button,
.support-reply-form .support-reply-actions .support-send-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 52px !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon,
.support-reply-form .support-reply-actions .support-send-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    line-height: 1 !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon svg,
.support-reply-form .support-reply-actions .support-send-icon svg {
    display: block !important;
    width: 27px !important;
    height: 27px !important;
}

@media (max-width: 900px) {
    .dashboard-orders-message-row {
        grid-template-columns: 1fr !important;
    }
}

/* RDG Cloud v0.1.89 - strict unread badge */
.support-inbox-item .support-unread-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 999px !important;
    background: #f3121d !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: .9rem !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: 0 0 0 4px rgba(243,18,29,.16) !important;
}

/* RDG Cloud v0.1.88 - message dashboard layout fixes */
.dashboard-orders-message-row {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(230px, 3fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
    width: 100% !important;
}

.dashboard-orders-message-row .dashboard-orders-card,
.dashboard-orders-message-row .dashboard-message-alert-card {
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
}

.dashboard-orders-message-row .dashboard-message-alert-card {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    gap: .8rem !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 1rem !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    flex: 0 0 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon svg {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    display: block !important;
    flex: 0 0 26px !important;
}

.dashboard-orders-message-row .dashboard-message-alert-count {
    margin-left: 0 !important;
    justify-self: end !important;
    font-size: 1.85rem !important;
}

.support-reply-form .support-reply-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.25rem !important;
    width: 100% !important;
    margin-top: .9rem !important;
}

.support-reply-form .support-reply-actions .support-attachment-button,
.support-reply-form .support-reply-actions .support-send-button {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon,
.support-reply-form .support-reply-actions .support-send-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon svg,
.support-reply-form .support-reply-actions .support-send-icon svg {
    width: 27px !important;
    height: 27px !important;
}

@media (max-width: 900px) {
    .dashboard-orders-message-row {
        grid-template-columns: 1fr !important;
    }
}

/* RDG Cloud v0.1.91 FINAL OVERRIDE - must stay after older dashboard/chat fixes */
.dashboard-orders-message-row {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(260px, 3fr) !important;
    gap: 1.1rem !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 0 1rem !important;
}

.dashboard-orders-message-row .dashboard-orders-card,
.dashboard-orders-message-row .dashboard-message-alert-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.dashboard-orders-message-row .dashboard-message-alert-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    gap: 1rem !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 1.1rem !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    flex: 0 0 54px !important;
    overflow: hidden !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon > svg,
.dashboard-orders-message-row .dashboard-message-alert-card .dashboard-message-alert-icon svg,
.dashboard-orders-message-row .dashboard-message-alert-card > svg {
    display: block !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
}

.dashboard-orders-message-row .dashboard-message-alert-count {
    margin-left: 0 !important;
    justify-self: end !important;
    font-size: 1.85rem !important;
    line-height: 1 !important;
}

.support-reply-form textarea {
    margin-bottom: 1.2rem !important;
}

.support-reply-form .support-reply-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.25rem !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-top: .25rem !important;
}

.support-reply-form .support-reply-actions .support-attachment-button,
.support-reply-form .support-reply-actions .support-send-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 52px !important;
    box-sizing: border-box !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon,
.support-reply-form .support-reply-actions .support-send-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    line-height: 1 !important;
}

.support-reply-form .support-reply-actions .support-attachment-icon svg,
.support-reply-form .support-reply-actions .support-send-icon svg {
    display: block !important;
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
}

@media (max-width: 900px) {
    .dashboard-orders-message-row {
        grid-template-columns: 1fr !important;
    }
}
/* RDG Cloud v0.1.94 FINAL OVERRIDE */
.dashboard-orders-message-row .dashboard-orders-head {
    display: none !important;
}

.dashboard-orders-message-row .dashboard-orders-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 1.25rem !important;
}

.dashboard-orders-message-row .dashboard-orders-card .orders-overview {
    margin: 0 !important;
}

.dashboard-orders-message-row .order-stat {
    min-height: 158px !important;
    padding: 1.45rem 1rem !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
    border-radius: 34px !important;
}

.dashboard-orders-message-row .dashboard-message-alert-icon > svg,
.dashboard-orders-message-row .dashboard-message-alert-card .dashboard-message-alert-icon svg,
.dashboard-orders-message-row .dashboard-message-alert-card > svg {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    flex: 0 0 88px !important;
}

.free-limit-progress {
    display: grid !important;
    gap: .35rem !important;
    margin-top: .8rem !important;
    max-width: 360px !important;
}

.free-limit-progress-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .8rem !important;
    color: #111827 !important;
    font-size: .86rem !important;
    font-weight: 650 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
}

.free-limit-progress-track {
    display: block !important;
    width: 100% !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: rgba(17, 24, 39, .18) !important;
    overflow: hidden !important;
}

.free-limit-progress-track span {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
}

@media (max-width: 900px) {
    .dashboard-orders-message-row {
        grid-template-columns: 1fr !important;
    }

    .dashboard-orders-message-row .dashboard-message-alert-icon {
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
    }

    .dashboard-orders-message-row .dashboard-message-alert-icon > svg,
    .dashboard-orders-message-row .dashboard-message-alert-card .dashboard-message-alert-icon svg,
    .dashboard-orders-message-row .dashboard-message-alert-card > svg {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }
}

/* RDG Cloud v0.1.95 final focused overrides */
.photo-edit-card input[name="race_number"],
.photo-card input[name="race_number"] {
    border-radius: 8px !important;
}

.gallery-main-settings-card + .upload-card,
.upload-card + .photo-list-card,
.photo-list-card + .gallery-sales-settings,
.photo-list-card + .gallery-sales-card {
    margin-top: 1.35rem !important;
}

/* RDG Cloud v0.1.96 final focused gallery overrides */
.race-number-pill {
    border-radius: 8px !important;
}

.photo-edit-card input[name="race_number"] {
    border-radius: 8px !important;
}

.gallery-main-settings-card,
.upload-card,
.photo-list-card {
    margin-bottom: 1.65rem !important;
}

.gallery-main-settings-card + .upload-card,
.upload-card + .photo-list-card,
.photo-list-card + .gallery-sales-settings,
.photo-list-card + .gallery-sales-card {
    margin-top: 1.65rem !important;
}

/* RDG Cloud v0.1.98 FINAL photo admin overrides */
.photo-bulk-delete {
    display: none !important;
}

.photo-bulk-delete[hidden] {
    display: none !important;
}

.photo-bulk-delete.is-visible {
    display: inline-flex !important;
}

.race-number-pill {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 28px !important;
    box-sizing: border-box !important;
    padding: 6px 8px !important;
    border-radius: 4px !important;
    font-style: normal !important;
    font-weight: 650 !important;
    font-size: 0.76rem !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.race-number-pill.has-number {
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    color: #111 !important;
}

.race-number-pill.is-empty {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

.photo-edit-card input[name="race_number"] {
    border-radius: 6px !important;
}

/* RDG Cloud v0.1.99 FINAL exact photo list fixes */
.photo-bulk-delete,
.photo-bulk-delete[hidden] {
    display: none !important;
}

.photo-bulk-delete.is-visible:not([hidden]) {
    display: inline-flex !important;
}

.race-number-card-input {
    display: block !important;
    width: 100% !important;
    height: 32px !important;
    box-sizing: border-box !important;
    margin-top: 6px !important;
    padding: 6px 8px !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    border: 1px solid #b8bec8 !important;
    color: #111827 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: left !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* RDG Cloud v0.1.130 FINAL announcement layout override - physical EOF */
.announcement-form .button.save-gradient {
    display: inline-flex !important;
    width: min(420px, 100%) !important;
    min-height: 44px !important;
    margin: 1.35rem auto 0 !important;
    justify-self: center !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
}

.superadmin-announcement-panel {
    margin: 1.2rem 0 !important;
    padding: 0 !important;
}

.superadmin-announcement-link,
.creator-announcement-alert {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) auto !important;
    gap: 1.2rem !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 124px !important;
    box-sizing: border-box !important;
    padding: 1.35rem !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.superadmin-announcement-link {
    border: 1px solid rgba(165, 44, 255, .45) !important;
    background: linear-gradient(145deg, rgba(165, 44, 255, .16), rgba(255, 255, 255, .035)) !important;
}

.creator-announcement-alert {
    border: 1px solid rgba(239, 16, 32, .48) !important;
    background: linear-gradient(145deg, rgba(239, 16, 32, .22), rgba(255, 255, 255, .035)) !important;
}

.superadmin-announcement-icon,
.creator-announcement-icon {
    display: inline-flex !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.superadmin-announcement-icon svg,
.creator-announcement-icon svg {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: block !important;
    color: #fff !important;
}

.superadmin-announcement-link h2,
.creator-announcement-alert strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.18rem !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}

.superadmin-announcement-link p {
    display: none !important;
}

.creator-announcement-alert small {
    display: block !important;
    margin-top: .28rem !important;
    color: #aeb7c8 !important;
    line-height: 1.35 !important;
}

.superadmin-announcement-link > strong {
    display: inline-flex !important;
    width: auto !important;
    min-width: 190px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    padding: 0 1.25rem !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #275dff 0%, #a52cff 100%) !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.creator-announcement-alert > em {
    display: inline-flex !important;
    min-width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 .65rem !important;
    border-radius: 999px !important;
    background: #ef1020 !important;
    color: #fff !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .superadmin-announcement-link,
    .creator-announcement-alert {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .superadmin-announcement-link > strong {
        justify-self: center !important;
        width: min(260px, 100%) !important;
    }
}

/* Superadmin dashboard – storage management action */
.superadmin-storage-actions {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.superadmin-storage-manage {
  min-width: 220px;
  justify-content: center;
  text-align: center;
}
@media (max-width: 640px) {
  .superadmin-storage-manage {
    width: 100%;
    min-width: 0;
  }
}


/* v0.1.148 gallery UI refinements */
.photo-edit-card input[name="race_number"],
.race-number-card-input {
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.photo-edit-card input[name="race_number"]::placeholder {
    color: #8f98aa !important;
}
.gallery-main-settings-card .button,
.upload-card .button,
.photo-list-card .button,
.gallery-sales-card .button,
.gallery-sales-settings .button,
.gallery-bottom-actions .button,
.gallery-bottom-actions .photo-order-form .button {
    font-size: .92rem !important;
    font-weight: 600 !important;
}
/* end v0.1.148 */


/* 0.1.162 Admin UI fixes */
.creator-icon-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:nowrap}
.creator-icon-actions form{display:inline-flex;margin:0}
.creator-icon-button{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;background:rgba(255,255,255,.06);box-sizing:border-box}
.creator-icon-button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.creator-icon-button img{width:20px;height:20px;display:block;object-fit:contain;filter:brightness(0) invert(1)}
.creator-message-button{background:linear-gradient(135deg,#275dff,#a52cff);box-shadow:0 8px 20px rgba(78,70,255,.22)}
.creator-block-button{background:#d6a100;box-shadow:0 8px 20px rgba(214,161,0,.2)}
.creator-block-button.is-unblock{background:#16a34a}
.creator-delete-button{background:#ef1020;box-shadow:0 8px 20px rgba(239,16,32,.2)}
.superadmin-announcement-panel{border:0!important;background:none!important;box-shadow:none!important}
.superadmin-announcement-panel .superadmin-announcement-link{margin:0!important}
@media(max-width:760px){.creator-icon-actions{gap:.4rem}.creator-icon-button{width:38px;height:38px;min-width:38px;min-height:38px}.creator-icon-button img{width:18px;height:18px}}


/* 0.2.1 Creator Bank & QR Settings */
.status-card {
    margin: .4rem 0 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
}
.status-card strong { display:block; margin-bottom:.25rem; color:#fff; }
.status-card p { margin:0; color:#aeb4c2; }
.status-card.success { border-color: rgba(39,199,111,.55); box-shadow: 0 0 22px rgba(39,199,111,.10); }
.status-card.warning { border-color: rgba(255,190,32,.45); box-shadow: 0 0 22px rgba(255,190,32,.08); }
#page-store_settings .switch-row { display:flex; width:100%; padding:.8rem 0; }
#page-store_settings .switch-row > span:last-child { display:flex; flex-direction:column; gap:.15rem; }
#page-store_settings .switch-row small { font-weight:500; }

/* 0.2.9 Orders actions + superadmin commerce stats */
#orders-bulk-bar{display:none}
#orders-bulk-bar.is-visible{display:flex}
.superadmin-dashboard-panel .creator-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.superadmin-dashboard-panel .super-order-today{border-color:rgba(245,158,11,.45)!important}
.superadmin-dashboard-panel .super-revenue-today{border-color:rgba(34,197,94,.45)!important}
.superadmin-dashboard-panel .super-revenue-total{border-color:rgba(168,85,247,.45)!important}
.superadmin-dashboard-panel .super-order-today strong{color:#f59e0b!important}
.superadmin-dashboard-panel .super-revenue-today strong{color:#22c55e!important}
.superadmin-dashboard-panel .super-revenue-total strong{color:#a855f7!important}
@media(max-width:1100px){.superadmin-dashboard-panel .creator-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.superadmin-dashboard-panel .creator-stats-grid{grid-template-columns:1fr!important}}


/* 1.1.1 – Photo Keyboard Navigation */
.photo-keyboard-nav{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;
  gap:14px;
  margin:0 0 18px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(12,15,22,.78);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
}
.photo-nav-button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#fff;
  text-decoration:none;
  font-weight:850;
  letter-spacing:.015em;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.photo-nav-button:first-child{justify-self:start}
.photo-nav-button:last-child{justify-self:end}
.photo-nav-button:not(.is-disabled):hover{
  transform:translateY(-1px);
  border-color:rgba(116,82,255,.62);
  background:linear-gradient(90deg,rgba(39,93,255,.20),rgba(165,44,255,.18));
  box-shadow:0 0 22px rgba(120,71,255,.18);
}
.photo-nav-button.is-disabled{opacity:.28;cursor:not-allowed}
.photo-nav-position{text-align:center;display:grid;gap:2px;min-width:100px}
.photo-nav-position strong{font-size:1.05rem;color:#fff}
.photo-nav-position span{font-size:.72rem;color:#8f98aa;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
@media(max-width:640px){
  .photo-keyboard-nav{grid-template-columns:1fr auto 1fr;gap:7px;padding:8px}
  .photo-nav-button{min-height:40px;padding:0 11px;font-size:.8rem}
  .photo-nav-position{min-width:66px}
  .photo-nav-position span{display:none}
}

/* RaceDay Gallery Cloud 1.1.5 — WYSIWYG Announcement Editor */
.wysiwyg-announcement-editor{display:grid;gap:0;width:100%;margin-top:.45rem;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.wysiwyg-announcement-editor .announcement-editor-toolbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.42rem!important;margin:0!important;padding:.65rem .75rem!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:rgba(0,0,0,.22)!important}
.wysiwyg-announcement-editor .announcement-editor-toolbar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:36px!important;min-width:38px!important;padding:0!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important;color:#f5f7fb!important;font-family:inherit!important;font-size:.9rem!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;transition:.16s ease!important}
.wysiwyg-announcement-editor .announcement-editor-toolbar button:hover,.wysiwyg-announcement-editor .announcement-editor-toolbar button:focus-visible{border-color:rgba(165,44,255,.75)!important;background:linear-gradient(135deg,rgba(39,93,255,.42),rgba(165,44,255,.42))!important;outline:none!important;box-shadow:0 0 18px rgba(165,44,255,.18)!important}
.wysiwyg-announcement-editor .announcement-toolbar-divider{display:block;width:1px;height:24px;margin:0 .12rem;background:rgba(255,255,255,.13)}
.wysiwyg-announcement-editor .announcement-rich-editor{min-height:190px;padding:1rem 1.05rem;color:#f1f3f8;background:transparent;outline:none;font-size:.96rem;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.wysiwyg-announcement-editor .announcement-rich-editor:empty:before{content:attr(data-placeholder);color:#687184;pointer-events:none}
.wysiwyg-announcement-editor .announcement-rich-editor p{margin:.2rem 0 .85rem}
.wysiwyg-announcement-editor .announcement-rich-editor ul,.wysiwyg-announcement-editor .announcement-rich-editor ol,.rdg-announcement-message ul,.rdg-announcement-message ol{margin:.55rem 0 .8rem;padding-left:1.5rem}
.wysiwyg-announcement-editor .announcement-rich-editor li,.rdg-announcement-message li{margin:.22rem 0}
.wysiwyg-announcement-editor .announcement-rich-editor a,.rdg-announcement-message a{color:#7ca3ff;text-decoration:underline;text-underline-offset:2px}
.wysiwyg-announcement-editor .announcement-editor-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
.rdg-announcement-message p{margin:.15rem 0 .75rem}.rdg-announcement-message p:last-child{margin-bottom:0}
@media(max-width:640px){.wysiwyg-announcement-editor .announcement-rich-editor{min-height:165px}.wysiwyg-announcement-editor .announcement-editor-toolbar{padding:.55rem!important}}

/* App 1.1.7 - SMTP diagnostics */
.smtp-test-box{margin:16px 0 8px;padding:16px;border:1px solid rgba(89,143,255,.24);border-radius:14px;background:linear-gradient(135deg,rgba(45,89,190,.09),rgba(0,0,0,.08));}
.smtp-test-box>div:first-child p{margin:5px 0 12px;}
.smtp-test-row{align-items:end;}
.smtp-test-action{display:flex;align-items:flex-end;height:100%;padding-bottom:1px;}
.smtp-test-action .button{width:100%;min-height:43px;}
@media(max-width:700px){.smtp-test-box{padding:13px}.smtp-test-action .button{width:100%}}

/* App 1.2.0 - Superadmin Orders Overview */
.superadmin-orders-overview{padding:28px 32px!important;margin:0 0 20px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;box-shadow:0 22px 60px rgba(0,0,0,.22)!important}
.superadmin-orders-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.superadmin-orders-title{display:flex;align-items:center;gap:18px}.superadmin-orders-title h2{margin:0 0 4px;font-size:1.55rem;text-transform:uppercase}.superadmin-orders-title p{margin:0;color:#9299a7}.superadmin-orders-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(255,32,48,.28);background:rgba(255,32,48,.07);color:#ff3042}.superadmin-orders-icon svg{width:32px;height:32px}.superadmin-orders-open{min-width:210px;justify-content:center;color:#ff3042!important;text-transform:uppercase;font-weight:900!important}.superadmin-orders-open span{font-size:1.35rem;margin-left:10px}
.superadmin-order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.superadmin-order-metric{position:relative;display:flex;min-height:178px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 22px;border-right:1px solid rgba(255,255,255,.13)}.superadmin-order-metric:last-child{border-right:0}.superadmin-order-metric strong{font-size:3rem;line-height:1;font-weight:950;color:#fff}.superadmin-order-metric span{margin-top:14px;color:#aeb4c0;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.superadmin-order-metric i{display:grid;place-items:center;width:44px;height:44px;margin-top:18px;border-radius:50%;border:1px solid rgba(255,255,255,.12);font-style:normal;font-size:1.25rem}.superadmin-order-metric i svg{width:23px;height:23px}.superadmin-order-metric.today strong,.superadmin-order-metric.today i{color:#f59e0b}.superadmin-order-metric.today i{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3)}.superadmin-order-metric.revenue-today strong,.superadmin-order-metric.revenue-today i{color:#22c55e}.superadmin-order-metric.revenue-today i{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3)}.superadmin-order-metric.revenue-total strong,.superadmin-order-metric.revenue-total i{color:#a855f7}.superadmin-order-metric.revenue-total i{background:rgba(168,85,247,.08);border-color:rgba(168,85,247,.3)}
@media(max-width:900px){.superadmin-orders-head{align-items:flex-start;flex-direction:column}.superadmin-orders-open{width:100%}.superadmin-order-metrics{grid-template-columns:repeat(2,1fr)}.superadmin-order-metric:nth-child(2){border-right:0}.superadmin-order-metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}}
@media(max-width:560px){.superadmin-orders-overview{padding:20px 16px!important}.superadmin-order-metrics{grid-template-columns:1fr}.superadmin-order-metric{min-height:140px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.superadmin-order-metric:last-child{border-bottom:0}.superadmin-order-metric strong{font-size:2.5rem}}

/* App 1.2.3 – Unified Settings Hub */
.unified-settings-head{margin-bottom:18px}
.unified-settings{display:grid;gap:14px;max-width:1180px}
.unified-settings-form{display:grid;gap:14px;margin:0}
.unified-setting-card{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.012));overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.16)}
.unified-setting-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding:22px 28px;cursor:pointer;user-select:none}
.unified-setting-card>summary::-webkit-details-marker{display:none}
.setting-summary-copy{display:grid;gap:5px;min-width:0}
.setting-summary-copy strong{font-size:22px;line-height:1.15;color:#fff;font-weight:800}
.setting-summary-copy small{font-size:14px;line-height:1.4;color:var(--muted,#9aa0ad);font-weight:500}
.settings-chevron{width:22px;height:22px;flex:0 0 22px;opacity:.9;transition:transform .2s ease}
.unified-setting-card[open] .settings-chevron{transform:rotate(180deg)}
.unified-setting-card[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}
.unified-setting-body{padding:24px 28px 28px;background:rgba(0,0,0,.10)}
.unified-settings-save{display:flex;justify-content:flex-end;padding:0 2px 4px}
.unified-settings-save .button{min-width:250px}
.unified-setting-body .settings-inner-card{margin:0 0 14px}
.unified-setting-body .settings-inner-card:last-of-type{margin-bottom:18px}
@media (max-width:720px){.unified-setting-card>summary{min-height:78px;padding:18px 18px;gap:14px}.setting-summary-copy strong{font-size:18px}.setting-summary-copy small{font-size:12px}.unified-setting-body{padding:18px}.settings-chevron{width:18px;height:18px;flex-basis:18px}.unified-settings-save .button{width:100%;min-width:0}}

/* App 1.2.4 – Settings Icons & Inline Save Cleanup */
.setting-summary-main{display:flex;align-items:center;gap:22px;min-width:0;flex:1}
.setting-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 24px rgba(255,255,255,.02)}
.setting-icon img{width:34px;height:34px;display:block}
.setting-icon-billing{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(76,29,149,.14));border-color:rgba(139,92,246,.24)}
.setting-icon-shop{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(30,64,175,.14));border-color:rgba(59,130,246,.24)}
.setting-icon-qr{background:linear-gradient(135deg,rgba(22,163,74,.22),rgba(20,83,45,.14));border-color:rgba(34,197,94,.24)}
.setting-icon-mail{background:linear-gradient(135deg,rgba(217,119,6,.22),rgba(120,53,15,.14));border-color:rgba(245,158,11,.24)}
.setting-icon-gallery{background:linear-gradient(135deg,rgba(219,39,119,.22),rgba(131,24,67,.14));border-color:rgba(236,72,153,.24)}
.settings-section-save{display:flex;justify-content:flex-end;margin-top:18px}
.settings-section-save .button{min-width:220px}
.unified-settings-save{display:none!important}
@media (max-width:720px){.setting-summary-main{gap:14px}.setting-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px}.setting-icon img{width:27px;height:27px}.settings-section-save .button{width:100%;min-width:0}}

/* App 1.2.6 - grouped store settings */
.unified-setting-group-body{display:grid;gap:12px;padding:14px!important}
.unified-setting-subcard{margin:0!important;background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.09)}
.unified-setting-subcard>summary{padding:16px 18px}
.unified-setting-subcard .setting-icon{transform:scale(.92)}
.unified-setting-group[open]>.unified-setting-group-body{padding-top:8px!important}


/* App 1.2.8 - tariff layout polish */
.tariff-admin-form{display:grid;gap:1.2rem}.tariff-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.tariff-admin-card{position:relative;display:grid;align-content:start;gap:.9rem;padding:1.25rem;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tariff-admin-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;opacity:.95}.tariff-admin-card:nth-child(1){border-color:rgba(34,197,94,.28);box-shadow:0 14px 34px rgba(34,197,94,.035)}.tariff-admin-card:nth-child(1):before{background:#22c55e}.tariff-admin-card:nth-child(2){border-color:rgba(123,70,255,.58);box-shadow:0 18px 44px rgba(123,70,255,.11)}.tariff-admin-card:nth-child(2):before{background:linear-gradient(90deg,#275dff,#a52cff)}.tariff-admin-card:nth-child(3){border-color:rgba(239,16,32,.30);box-shadow:0 14px 34px rgba(239,16,32,.05)}.tariff-admin-card:nth-child(3):before{background:linear-gradient(90deg,#ef1020,#a52cff)}.tariff-admin-card:hover{transform:translateY(-1px)}.tariff-admin-card h2{margin:0;font-size:1.45rem;letter-spacing:.01em}.tariff-admin-card label{display:grid;gap:.45rem;color:#b8c0cf;font-size:.82rem;font-weight:800}.tariff-admin-card input{width:100%;box-sizing:border-box;min-height:46px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.055);font-size:1rem;font-weight:800}.tariff-admin-card .muted{margin:.1rem 0 0;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.07);color:#9ba5b5}.tariff-admin-card .muted strong{color:#fff}.tariff-admin-save{justify-self:end;min-width:250px}.pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pricing-badge.neo{background:linear-gradient(90deg,#ef1020,#a52cff)!important;color:#fff!important}.pricing-card-neo{border-color:rgba(239,16,32,.28)!important}.pricing-card-free{border-color:rgba(34,197,94,.22)!important}.pricing-card-neo .pricing-badge.neo{box-shadow:0 0 18px rgba(239,16,32,.18)}@media(max-width:900px){.tariff-admin-grid,.pricing-grid-three{grid-template-columns:1fr!important}.tariff-admin-save{justify-self:stretch}body .pricing-grid.pricing-grid-three{width:min(360px,calc(100vw - 2rem))!important;grid-template-columns:1fr!important}}

/* App 1.2.9 - Monthly & Annual Billing Toggle */
.billing-cycle-wrap{display:flex;justify-content:center;margin:1.25rem 0 1rem}.billing-cycle-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);box-shadow:0 14px 32px rgba(0,0,0,.18)}.billing-cycle-toggle button{appearance:none;border:0;border-radius:999px;padding:.68rem 1.15rem;background:transparent;color:#aeb6c5;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.billing-cycle-toggle button.active{background:linear-gradient(90deg,#275dff,#a52cff);color:#fff;box-shadow:0 8px 22px rgba(91,71,255,.28)}.pricing-price-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.pricing-price-row .billing-price{display:inline-flex;align-items:baseline;gap:.18em}.annual-saving{display:none;padding:.28rem .52rem;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.24);color:#4ade80;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.pricing-card.is-yearly .annual-saving{display:inline-flex}.tariff-admin-card label:nth-of-type(2){color:#d7dbff}.tariff-admin-card label:nth-of-type(2) input{border-color:rgba(123,70,255,.26);background:rgba(123,70,255,.055)}@media(max-width:560px){.billing-cycle-toggle{width:100%;max-width:360px}.billing-cycle-toggle button{flex:1;padding:.65rem .55rem;font-size:.76rem}}

/* 1.2.10 – Pricing card clarity */
.billing-pricing-grid .pricing-card{
    display:flex;
    flex-direction:column;
    min-height:290px;
    padding:1.55rem 1.6rem;
}
.billing-pricing-grid .pricing-card > .pricing-badge{
    align-self:flex-start;
    flex:0 0 auto;
}
.billing-pricing-grid .pricing-price-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    flex-wrap:nowrap;
    min-height:64px;
    margin-top:.85rem;
}
.billing-pricing-grid .pricing-price-row .billing-price{
    display:flex;
    align-items:baseline;
    gap:.28rem;
    margin:0;
    min-width:0;
    white-space:nowrap;
    line-height:1;
    text-transform:none;
}
/* Undo the old generic .pricing-card span pill styling for price text. */
.billing-pricing-grid .pricing-price-row .billing-price-value,
.billing-pricing-grid .pricing-price-row .billing-price-suffix{
    display:inline!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    font-weight:900!important;
}
.billing-pricing-grid .pricing-price-row .billing-price-value{
    font-size:clamp(1.8rem,2.7vw,2.45rem)!important;
    letter-spacing:-.025em;
}
.billing-pricing-grid .pricing-price-row .billing-price-suffix{
    font-size:.78rem!important;
    color:#cbd2df!important;
    text-transform:uppercase;
    letter-spacing:.035em;
}
.billing-pricing-grid .annual-saving{
    flex:0 0 auto;
    display:none!important;
    padding:.34rem .62rem!important;
    border-radius:999px!important;
    background:rgba(34,197,94,.12)!important;
    border:1px solid rgba(34,197,94,.30)!important;
    box-shadow:none!important;
    color:#4ade80!important;
    font-size:.66rem!important;
    font-weight:900!important;
    line-height:1!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
    white-space:nowrap;
}
.billing-pricing-grid .pricing-card.is-yearly .annual-saving{
    display:inline-flex!important;
}
.billing-pricing-grid .pricing-card > p{
    min-height:46px;
    margin:.15rem 0 .9rem;
    line-height:1.45;
}
.billing-pricing-grid .pricing-card > ul{
    flex:1 1 auto;
    margin-top:.2rem;
}
.billing-pricing-grid .pricing-card-actions{
    margin-top:1.25rem!important;
}
@media(max-width:900px){
    .billing-pricing-grid .pricing-card{min-height:0}
}
@media(max-width:560px){
    .billing-pricing-grid .pricing-price-row{align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:.5rem;min-height:76px}
    .billing-pricing-grid .annual-saving{align-self:flex-start}
}

/* App 1.2.11 - Billing Options & Tariff Badges */
.tariff-payment-options{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    padding:1.2rem 1.3rem;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
}
.tariff-payment-options h2{margin:.12rem 0 .25rem;font-size:1.3rem}
.tariff-payment-options p{margin:0;color:#9fa8b8;max-width:720px;line-height:1.45}
.tariff-payment-checks{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}
.tariff-check{
    position:relative!important;
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center;
    gap:.65rem!important;
    min-width:170px;
    padding:.82rem 1rem;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    color:#fff!important;
    cursor:pointer;
}
.tariff-check input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-height:0!important}
.tariff-check span{
    position:relative;
    width:20px;
    height:20px;
    flex:0 0 20px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:6px;
    background:rgba(0,0,0,.22);
    transition:.18s ease;
}
.tariff-check input:checked + span{
    border-color:#7b46ff;
    background:linear-gradient(135deg,#275dff,#a52cff);
    box-shadow:0 0 0 3px rgba(123,70,255,.12);
}
.tariff-check input:checked + span:after{
    content:"";
    position:absolute;
    left:6px;
    top:3px;
    width:5px;
    height:9px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}
.tariff-check strong{font-size:.86rem;white-space:nowrap}
.tariff-admin-card label:last-of-type input{font-weight:800;letter-spacing:.01em}
.billing-cycle-default{display:none!important}
.billing-pricing-grid .pricing-card{position:relative;overflow:visible}
.billing-pricing-grid .tariff-promo-badge{
    position:absolute;
    top:1rem;
    right:1rem;
    z-index:3;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    max-width:46%;
    padding:.38rem .65rem!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.085)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
    color:#fff!important;
    font-size:.64rem!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    text-align:center;
    white-space:normal;
}
.billing-pricing-grid .pricing-card-free .tariff-promo-badge{border-color:rgba(34,197,94,.34)!important;color:#6ee7a0!important;background:rgba(34,197,94,.10)!important}
.billing-pricing-grid .pricing-card-pro .tariff-promo-badge{border-color:rgba(123,70,255,.42)!important;color:#c4b5fd!important;background:rgba(123,70,255,.11)!important}
.billing-pricing-grid .pricing-card-neo .tariff-promo-badge{border-color:rgba(239,16,32,.34)!important;color:#ff8a94!important;background:rgba(239,16,32,.10)!important}
@media(max-width:780px){
    .tariff-payment-options{align-items:stretch;flex-direction:column}
    .tariff-payment-checks{justify-content:flex-start}
}
@media(max-width:560px){
    .tariff-payment-checks{display:grid;grid-template-columns:1fr}
    .tariff-check{min-width:0}
    .billing-pricing-grid .tariff-promo-badge{max-width:52%;font-size:.58rem!important}
}


/* App 1.2.12 - Tariff Discounts & Scheduling */
.tariff-discount-admin{
    display:grid;
    gap:.85rem;
    margin-top:.25rem;
    padding:1rem;
    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;
    background:rgba(0,0,0,.18);
}
.tariff-discount-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.tariff-discount-head>div{display:grid;gap:.08rem}.tariff-discount-head strong{font-size:1rem;color:#fff}
.discount-status{display:inline-flex;padding:.3rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:.57rem;font-weight:900;letter-spacing:.05em;color:#8f99aa}
.discount-status.active{color:#4ade80;border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.10)}
.discount-status.scheduled{color:#fbbf24;border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.08)}
.tariff-discount-enable{min-width:0!important;width:100%;box-sizing:border-box}
.tariff-discount-dates{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.tariff-discount-admin input[type="datetime-local"]{color-scheme:dark;font-size:.84rem}
.tariff-discount-help{margin:0!important;color:#818b9b!important;font-size:.72rem!important;line-height:1.4}
.pricing-price-stack{display:grid;gap:.15rem;min-width:0}
.billing-original-price{display:inline-flex;align-items:baseline;gap:.12em;color:#7f8998;font-size:.72rem;font-weight:800;text-decoration:line-through;text-decoration-thickness:1px}
.tariff-discount-badge{display:inline-flex!important;align-items:center;justify-content:center;padding:.28rem .5rem!important;border:1px solid rgba(239,16,32,.32)!important;border-radius:999px!important;background:rgba(239,16,32,.11)!important;color:#ff6975!important;font-size:.62rem!important;font-weight:950!important;letter-spacing:.03em!important;white-space:nowrap!important}
.billing-pricing-grid .pricing-card-pro .tariff-discount-badge{border-color:rgba(123,70,255,.38)!important;background:rgba(123,70,255,.10)!important;color:#c4b5fd!important}
.billing-pricing-grid .pricing-card-free .tariff-discount-badge{border-color:rgba(34,197,94,.32)!important;background:rgba(34,197,94,.09)!important;color:#6ee7a0!important}
@media(max-width:560px){.tariff-discount-dates{grid-template-columns:1fr}.tariff-discount-head{align-items:flex-start;flex-direction:column}}

/* 1.2.13 Tariff admin row layout */
.tariff-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.tariff-add-button{flex:0 0 auto;margin-bottom:.25rem}.tariff-payment-row{padding:0!important;display:grid!important;grid-template-columns:1.1fr 1fr;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden}.tariff-payment-copy{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem}.tariff-pay-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(39,93,255,.12);color:#48a0ff;font-size:1.2rem}.tariff-payment-checks{display:grid!important;grid-template-columns:1fr 1fr;gap:0!important}.tariff-pay-choice{display:flex;align-items:center;gap:.8rem;padding:1.05rem 1.2rem;border-left:1px solid rgba(255,255,255,.08);cursor:pointer}.tariff-pay-choice input{position:absolute;opacity:0}.tariff-check-ui{width:27px;height:27px;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 5px transparent}.tariff-pay-choice input:checked+.tariff-check-ui{background:linear-gradient(135deg,#275dff,#a52cff);border-color:transparent;box-shadow:0 7px 18px rgba(91,71,255,.28)}.tariff-pay-choice input:checked+.tariff-check-ui:after{content:'✓';display:grid;place-items:center;height:100%;color:#fff;font-weight:900}.tariff-pay-choice div{display:grid;gap:.18rem}.tariff-pay-choice small{color:#8f99aa}.tariff-table-shell{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(10,12,16,.72);overflow:hidden}.tariff-table-head,.tariff-table-row{display:grid;grid-template-columns:1.08fr 1fr .9fr 1.25fr .9fr 1.18fr;min-width:1120px}.tariff-table-head{padding:.9rem 1.05rem;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.09);font-size:.73rem;font-weight:900;color:#c4cad6}.tariff-table-head span{padding:0 .55rem}.tariff-table-row{position:relative;padding:1.15rem 1.05rem;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(255,255,255,.015),transparent)}.tariff-table-row:last-of-type{border-bottom:0}.tariff-table-row:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:#64748b}.tariff-row-free:before{background:#22c55e}.tariff-row-pro:before{background:linear-gradient(#275dff,#a52cff)}.tariff-row-neo:before{background:linear-gradient(#ef1746,#c42ad7)}.tariff-col{padding:0 .55rem;border-right:1px solid rgba(255,255,255,.07);display:grid;align-content:start;gap:.65rem;min-width:0}.tariff-col:last-child{border-right:0}.tariff-col h2{margin:0;font-size:1.45rem}.tariff-col small{color:#8791a2;line-height:1.35}.tariff-col label{display:grid;gap:.36rem;font-size:.7rem;font-weight:800;color:#aeb7c5}.tariff-col input{width:100%;box-sizing:border-box;min-height:40px;padding:.55rem .7rem;border-radius:9px;font-weight:800}.input-suffix{position:relative}.input-suffix input{padding-right:38px}.input-suffix b{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:#d8dde6}.tariff-badge-preview{justify-self:start;padding:.35rem .55rem;border-radius:7px;background:linear-gradient(90deg,#275dff,#a52cff);box-shadow:0 0 0 5px rgba(123,70,255,.08);font-size:.68rem;font-weight:900}.tariff-badge-preview.neo{background:linear-gradient(90deg,#ef1746,#c42ad7)}.tariff-badge-preview.free{background:#22c55e}.tariff-inline-switch{display:flex!important;align-items:center;gap:.5rem!important;color:#8f99aa!important}.tariff-inline-switch input{position:absolute;opacity:0;width:0}.tariff-inline-switch span{width:35px;height:19px;border-radius:999px;background:#27303c;border:1px solid rgba(255,255,255,.18);position:relative}.tariff-inline-switch span:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#dce3ed;left:3px;top:2px;transition:.2s}.tariff-inline-switch input:checked+span{background:linear-gradient(90deg,#275dff,#a52cff)}.tariff-inline-switch input:checked+span:after{left:18px;background:#fff}.tariff-inline-switch input:checked~strong{color:#4ade80}.tariff-table-footer{padding:.9rem 1.2rem;color:#8d97a7;font-size:.72rem;background:rgba(255,255,255,.025)}.tariff-admin-save{margin-top:.2rem}.tariff-add-panel{scroll-margin-top:90px;margin-top:1.2rem;padding:1.25rem;border:1px solid rgba(123,70,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(39,93,255,.06),rgba(165,44,255,.035));display:grid;grid-template-columns:.8fr 1.8fr;gap:1.5rem}.tariff-add-panel h2{margin:.2rem 0}.tariff-add-panel p{color:#929cad}.tariff-add-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;align-items:end}.tariff-add-form label{display:grid;gap:.4rem;font-size:.7rem;font-weight:800;color:#aeb7c5}.tariff-add-form input{min-height:42px}.tariff-add-form button{min-height:42px}@media(max-width:1180px){.tariff-table-shell{overflow-x:auto}.tariff-payment-row{grid-template-columns:1fr}.tariff-payment-checks{border-top:1px solid rgba(255,255,255,.08)}}@media(max-width:760px){.tariff-admin-head{align-items:stretch;flex-direction:column}.tariff-add-button{align-self:flex-start}.tariff-payment-checks{grid-template-columns:1fr}.tariff-pay-choice{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.tariff-add-panel{grid-template-columns:1fr}.tariff-add-form{grid-template-columns:1fr 1fr}.tariff-add-form button{grid-column:1/-1}}

/* 1.2.15 Creator storage, cancellation & 30-day grace period */
.tariff-col-storage label+label{margin-top:.1rem}.tariff-col-storage small strong{color:#fff}.tariff-add-form{grid-template-columns:repeat(6,minmax(0,1fr))}.tariff-add-form label small{font-size:.62rem;color:#7f8999;font-weight:600}@media(max-width:1180px){.tariff-add-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.tariff-add-form{grid-template-columns:1fr 1fr}}

/* 1.2.16 – Private & Deletable Tariffs */
.tariff-private-choice{display:flex!important;align-items:flex-start!important;gap:.55rem!important;margin-top:.15rem;padding:.7rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer}
.tariff-private-choice input{position:absolute!important;opacity:0!important;width:0!important;height:0!important}
.tariff-private-choice .tariff-check-ui{flex:0 0 24px;width:24px;height:24px;border-radius:6px}
.tariff-private-choice div{display:grid;gap:.15rem}
.tariff-private-choice strong{font-size:.76rem;color:#e9edf4}
.tariff-private-choice small{font-size:.66rem;color:#8791a2}
.tariff-private-choice input:checked+.tariff-check-ui{background:linear-gradient(135deg,#275dff,#a52cff);border-color:transparent}
.tariff-private-choice input:checked+.tariff-check-ui:after{content:'✓';display:grid;place-items:center;height:100%;color:#fff;font-weight:900}
.tariff-delete-button{justify-self:start;margin-top:.25rem;border:1px solid rgba(239,68,68,.45);border-radius:9px;background:rgba(239,68,68,.08);color:#ff7070;padding:.48rem .68rem;font-size:.7rem;font-weight:900;cursor:pointer}
.tariff-delete-button:hover{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.7)}
.tariff-private-create{display:flex!important;align-items:center!important;gap:.55rem!important;min-height:42px;padding:.5rem .65rem;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035)}
.tariff-private-create input{width:auto!important;min-height:auto!important;accent-color:#7657ff}
.tariff-private-create span{color:#e7ebf2;font-weight:900}
.tariff-private-create small{grid-column:1/-1;color:#8f99aa}
.pricing-grid-dynamic{width:min(1160px,calc(100vw - 3rem))!important;max-width:1160px!important;grid-template-columns:repeat(3,minmax(0,360px))!important;justify-content:center!important}
@media(max-width:900px){.pricing-grid-dynamic{width:min(360px,calc(100vw - 2rem))!important;max-width:360px!important;grid-template-columns:1fr!important}}

/* 1.3.0 – Homepage Block Builder */
.homepage-builder-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}.homepage-builder-top-actions{display:flex;gap:.7rem}.homepage-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025)}.builder-master-toggle{display:flex;align-items:center;gap:.8rem;cursor:pointer}.builder-master-toggle input{display:none}.builder-master-toggle>span{width:44px;height:24px;border-radius:999px;background:#2b2e35;position:relative;transition:.2s}.builder-master-toggle>span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.builder-master-toggle input:checked+span{background:linear-gradient(90deg,#275dff,#a52cff)}.builder-master-toggle input:checked+span:after{transform:translateX(20px)}.builder-master-toggle div{display:grid}.builder-master-toggle small{color:#8f98a8}.homepage-builder-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.5fr);gap:1rem;align-items:start}.homepage-builder-list,.homepage-builder-preview-panel{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:1rem}.builder-panel-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.builder-panel-title h2{margin:0;font-size:1.1rem}.builder-panel-title p{margin:.25rem 0 0;color:#8f98a8;font-size:.82rem}.builder-panel-title select{width:auto;min-width:150px}.homepage-builder-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:.7rem;padding:.85rem;margin-bottom:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#131418}.homepage-builder-item.is-dragging{opacity:.45;border-color:#8b5cf6}.builder-drag{cursor:grab;color:#737b88;font-size:1.2rem;padding-top:.25rem}.builder-item-main{display:grid;gap:.55rem}.builder-item-head{display:flex;justify-content:space-between;align-items:center}.builder-item-main label{font-size:.72rem;color:#aeb7c8;font-weight:800}.builder-item-main input,.builder-item-main textarea{margin-top:.28rem}.builder-two{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.builder-eye input{display:none}.builder-eye span{color:#22c55e;font-size:1.1rem;cursor:pointer}.builder-item-actions{display:flex;flex-direction:column;gap:.35rem}.builder-item-actions button{width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#1d1f24;color:#fff;cursor:pointer}.builder-item-actions button:hover{border-color:#8b5cf6}.homepage-builder-preview-panel iframe{width:100%;height:760px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#08090b}.builder-section-title{text-align:center;margin:2.5rem auto 1rem;max-width:760px}.builder-section-title h2{font-size:2rem;margin:0}.builder-section-title p,.builder-lead{color:#aeb7c8}.builder-lead{text-align:center;margin:-.5rem auto 1.5rem;max-width:720px}.homepage-builder-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:2rem 0;padding:2rem;border:1px solid rgba(165,44,255,.3);border-radius:24px;background:linear-gradient(135deg,rgba(39,93,255,.09),rgba(165,44,255,.08),rgba(239,16,32,.04))}.homepage-builder-cta h2{margin:.15rem 0;font-size:2rem}.homepage-builder-cta p{margin:0;color:#aeb7c8}.homepage-builder-text{margin:1rem 0}.homepage-builder-output{display:block}
@media(max-width:1100px){.homepage-builder-layout{grid-template-columns:1fr}.homepage-builder-preview-panel iframe{height:600px}}@media(max-width:700px){.homepage-builder-head,.homepage-builder-toolbar,.homepage-builder-cta{align-items:flex-start;flex-direction:column}.builder-two{grid-template-columns:1fr}}

/* 1.3.4 – Gallery SEO settings */
.gallery-seo-card .section-title>div{display:grid;gap:.25rem}.gallery-seo-card .section-title p{margin:0;color:#8f98a8;font-size:.78rem}.seo-settings-form textarea{width:100%;box-sizing:border-box;resize:vertical}.seo-field-hint{display:block;margin:.22rem 0 .38rem;color:#8993a2;font-size:.7rem;font-weight:600}.seo-index-warning{padding:.8rem 1rem;border:1px solid rgba(245,158,11,.3);border-radius:12px;background:rgba(245,158,11,.08);color:#f5d28a;font-size:.78rem}.seo-google-preview{display:grid;gap:.28rem;padding:1.05rem 1.15rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#f8fafd;color:#202124}.seo-google-preview>span{color:#5f6368;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.seo-google-preview>strong{color:#1a0dab;font-size:1.16rem;font-weight:500;line-height:1.25}.seo-google-preview>small{color:#188038;font-size:.74rem;word-break:break-all}.seo-google-preview>p{margin:.2rem 0 0!important;color:#4d5156!important;font-size:.82rem!important;line-height:1.45}.seo-alt-note{margin:0!important;padding:.75rem .9rem;border-left:3px solid #7957ff;background:rgba(121,87,255,.07);color:#aeb7c8!important;font-size:.76rem!important}.seo-alt-note strong{color:#fff}

/* 1.3.5 – Collapsible SEO panel at the end of gallery detail */
.gallery-seo-disclosure{margin:1.6rem 0 1.4rem}
.gallery-seo-disclosure summary{min-height:64px}
.gallery-seo-disclosure summary>span:first-child{min-width:0}
.gallery-seo-disclosure summary .badge{margin-left:auto;margin-right:.25rem}
.gallery-seo-disclosure .settings-disclosure-body{padding-top:.35rem}
.gallery-seo-disclosure .seo-settings-form{gap:1rem}
@media(max-width:620px){.gallery-seo-disclosure{margin:1.25rem 0}.gallery-seo-disclosure summary{padding:.95rem}.gallery-seo-disclosure summary .badge{display:none}}

/* 1.3.6 – Centered SEO panel content and action */
.gallery-seo-disclosure .settings-disclosure-body{display:flex;justify-content:center}
.gallery-seo-disclosure .seo-settings-form{width:min(840px,100%);margin:0 auto;justify-items:stretch}
.gallery-seo-disclosure .seo-settings-form>label{width:100%;text-align:center}
.gallery-seo-disclosure .seo-settings-form>label input,.gallery-seo-disclosure .seo-settings-form>label textarea{text-align:left}
.gallery-seo-disclosure .rdg-gallery-settings-option-card,.gallery-seo-disclosure .seo-index-warning,.gallery-seo-disclosure .seo-google-preview,.gallery-seo-disclosure .seo-alt-note{width:100%;box-sizing:border-box}
.gallery-seo-disclosure .rdg-gallery-settings-switch-row,.gallery-seo-disclosure .seo-google-preview,.gallery-seo-disclosure .seo-alt-note{text-align:left}
.gallery-seo-disclosure .seo-settings-form>.save-gradient{justify-self:center!important;margin:.3rem auto 0!important}

/* 1.3.12 – Creator help center */
.help-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:2rem;align-items:center;margin:0 0 1.2rem;padding:2.2rem;border:1px solid rgba(139,92,246,.26);border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(165,44,255,.18),transparent 36%),linear-gradient(145deg,rgba(39,93,255,.11),rgba(255,255,255,.03) 48%,rgba(239,16,32,.05));overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.2)}
.help-hero:after{content:"?";position:absolute;right:2%;bottom:-45%;color:rgba(255,255,255,.025);font-size:20rem;font-weight:950;line-height:1;pointer-events:none}
.help-hero-copy,.help-search-wrap{position:relative;z-index:1}.help-hero-copy h1{margin:.35rem 0 .65rem;font-size:clamp(2.1rem,5vw,4rem);line-height:1.02;letter-spacing:-.045em}.help-hero-copy>p:last-child{max-width:610px;margin:0;color:#aeb7c8;font-size:1.05rem;line-height:1.6}
.help-search-wrap{padding:1.15rem;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(8,9,12,.7);box-shadow:0 15px 35px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.help-search-wrap>label{display:block;margin:0 0 .55rem;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.help-search-wrap>p{margin:.55rem .2rem 0;color:#8f98a8;font-size:.72rem}
.help-search-field{display:grid;grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;gap:.55rem;min-height:54px;padding:0 .75rem;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:#101116;transition:border-color .2s,box-shadow .2s}.help-search-field:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.12)}.help-search-field>span{display:grid;color:#9aa4b5}.help-search-field .inline-icon{width:22px;height:22px;fill:currentColor}.help-search-field input{width:100%;min-height:auto;padding:.9rem 0;border:0!important;outline:0!important;background:transparent!important;color:#fff;box-shadow:none!important;font-size:.95rem}.help-search-field input::placeholder{color:#727b89}.help-search-field button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.35rem;cursor:pointer}.help-search-field button[hidden]{display:block;visibility:hidden;pointer-events:none}
.help-quickstart{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:1.4rem;align-items:center;margin:0 0 1.4rem;padding:1.25rem 1.4rem;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}.help-quickstart h2{margin:.25rem 0 0;font-size:1.2rem}.help-quickstart ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.help-quickstart li{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.16)}.help-quickstart li>b{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:linear-gradient(135deg,#275dff,#a52cff);box-shadow:0 7px 18px rgba(91,71,255,.22);font-size:.78rem}.help-quickstart li>span{display:grid;min-width:0;gap:.15rem}.help-quickstart li strong{font-size:.78rem}.help-quickstart li small{color:#8791a2;font-size:.66rem;line-height:1.35}
.help-topic-section,.help-answers{margin-top:1.8rem}.help-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 1rem}.help-section-head h2{margin:.25rem 0 0;font-size:1.65rem}.help-section-head>span,.help-collapse-all{color:#8f98a8;font-size:.72rem;font-weight:800}.help-collapse-all{padding:.55rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);cursor:pointer}.help-collapse-all:hover{color:#fff;border-color:rgba(139,92,246,.5)}
.help-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.help-topic-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:.85rem;min-height:126px;padding:1rem;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#fff;cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.help-topic-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(#275dff,#a52cff,#ef1020);opacity:.75}.help-topic-card:hover,.help-topic-card:focus-visible{transform:translateY(-3px);border-color:rgba(139,92,246,.48);box-shadow:0 17px 38px rgba(0,0,0,.25);outline:0}.help-topic-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,rgba(39,93,255,.2),rgba(165,44,255,.18));color:#c8b7ff}.help-topic-icon svg{width:25px;height:25px;fill:currentColor;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.help-topic-copy{display:grid;gap:.22rem;min-width:0}.help-topic-copy strong{font-size:.93rem}.help-topic-copy small{color:#9099a8;font-size:.72rem;line-height:1.4}.help-topic-copy em{margin-top:.2rem;color:#a78bfa;font-size:.63rem;font-style:normal;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.help-topic-arrow{color:#6f7887;font-size:1.15rem;transition:transform .2s,color .2s}.help-topic-card:hover .help-topic-arrow{transform:translateX(3px);color:#fff}
.help-answer-group{scroll-margin-top:95px;margin:0 0 1rem;padding:1.15rem;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.015))}.help-answer-group>header{display:flex;align-items:center;gap:.85rem;margin:0 0 .9rem;padding:0 .2rem}.help-answer-group>header h3{margin:0 0 .16rem;font-size:1.08rem}.help-answer-group>header p{margin:0;color:#8f98a8;font-size:.75rem}.help-answer-group>header .help-topic-icon{width:42px;height:42px;flex:0 0 42px}.help-answer-group>header .help-topic-icon svg{width:22px;height:22px}.help-article-list{display:grid;gap:.55rem}.help-article{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(5,6,9,.3);overflow:hidden}.help-article[open]{border-color:rgba(139,92,246,.34);background:rgba(91,71,255,.045)}.help-article summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:54px;padding:.78rem .95rem;color:#edf0f5;font-size:.87rem;font-weight:850;cursor:pointer;list-style:none}.help-article summary::-webkit-details-marker{display:none}.help-article summary:hover{background:rgba(255,255,255,.025)}.help-article summary:focus-visible{outline:2px solid #8b5cf6;outline-offset:-2px}.help-article summary i{position:relative;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:rgba(255,255,255,.07)}.help-article summary i:before,.help-article summary i:after{content:"";position:absolute;left:5px;right:5px;top:9px;height:2px;border-radius:2px;background:#aeb7c8}.help-article summary i:after{transform:rotate(90deg);transition:transform .18s}.help-article[open] summary i:after{transform:rotate(0)}.help-article-body{padding:.1rem 1rem 1rem;color:#aeb7c8;font-size:.84rem;line-height:1.65}.help-article-body p{margin:.45rem 0 0}.help-article-body ul,.help-article-body ol{margin:.5rem 0 0;padding-left:1.25rem}.help-article-body li+li{margin-top:.3rem}.help-article-body strong{color:#fff}.help-article[hidden],.help-answer-group[hidden],.help-topic-card[hidden]{display:none!important}
.help-empty{display:grid;justify-items:center;gap:.35rem;padding:3rem 1.2rem;text-align:center;border:1px dashed rgba(255,255,255,.13);border-radius:22px;color:#8f98a8}.help-empty[hidden]{display:none}.help-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.05);color:#a78bfa}.help-empty .inline-icon{width:30px;height:30px;fill:currentColor}.help-empty h3{margin:.55rem 0 0;color:#fff}.help-empty p{margin:0 0 .8rem}.help-support-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1.4rem 0 0;padding:1.5rem 1.7rem;border:1px solid rgba(165,44,255,.3);border-radius:23px;background:linear-gradient(135deg,rgba(39,93,255,.09),rgba(165,44,255,.08),rgba(239,16,32,.04))}.help-support-cta h2{margin:.25rem 0 .35rem}.help-support-cta p:last-child{margin:0;color:#919aaa;font-size:.82rem}.help-support-cta .button{flex:0 0 auto;min-width:180px}
@media(max-width:1100px){.help-hero{grid-template-columns:1fr}.help-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-quickstart{grid-template-columns:1fr}.help-quickstart ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.help-hero{padding:1.35rem;border-radius:22px}.help-hero-copy h1{font-size:2.25rem}.help-search-wrap{padding:.85rem}.help-search-field{grid-template-columns:22px minmax(0,1fr) 30px}.help-topic-grid{grid-template-columns:1fr}.help-quickstart ol{grid-template-columns:1fr}.help-section-head{align-items:flex-start}.help-answer-group{padding:.85rem}.help-support-cta{align-items:flex-start;flex-direction:column}.help-support-cta .button{width:100%;box-sizing:border-box}.help-topic-card{min-height:112px}}