/* MEIAI dawn: rose to aqua. Selection stays secondary to the purchase action. */
:root{--purchase-fill:linear-gradient(110deg,#f3d2df 0%,#ede9ef 46%,#c7e9ed 100%);--purchase-ink:#465965;--purchase-border:#d6dce5;--purchase-shadow:0 3px 10px #749aa010;--purchase-focus:#639ea8;--selection-fill:#fff;--selection-ink:#70808a;--selection-border:#dce5e8}
html[data-theme="dark"]{--purchase-fill:linear-gradient(110deg,#e5b9cc 0%,#d2d3e0 48%,#abd9de 100%);--purchase-ink:#354f5a;--purchase-border:#c5d3de;--purchase-shadow:inset 0 1px 0 #ffffff45,0 3px 12px #11192324;--purchase-focus:#9acfd6;--selection-fill:linear-gradient(110deg,#3e4355,#354d58) padding-box,linear-gradient(110deg,#b994ac,#86bbc6) border-box;--selection-ink:#e0e7ed;--selection-border:transparent}
html[data-theme] .phone .ss-live .ss-button[data-ss-action="checkout"],
html[data-theme] .b7-buy-sheet .b7-buy-now,
html[data-theme] #checkout-main .primary{
 background:var(--purchase-fill);color:var(--purchase-ink);border:1px solid var(--purchase-border);box-shadow:var(--purchase-shadow);font-weight:500;
}
html[data-theme] .phone .cat-inquiry.np-add,
html[data-theme] .phone .sp-detail-price>.b7-price-select,
html[data-theme] .phone#image_gallery .b7-gallery-select{
 background:var(--selection-fill);color:var(--selection-ink)!important;border:1px solid var(--selection-border);box-shadow:none;font-weight:400;
}
html[data-theme] .phone .sp-detail-price>.b7-price-select{min-height:35px;padding:7px 12px;gap:8px;border-radius:18px;font-size:11px}
html[data-theme] .phone .sp-detail-price>.b7-price-select::after{width:5px;height:5px;border-color:currentColor}
html[data-theme] .phone .sp-detail-price>.b7-price-select:hover,
html[data-theme] .phone .cat-inquiry.np-add:hover,
html[data-theme] .phone#image_gallery .b7-gallery-select:hover{background:var(--selection-fill);border-color:var(--selection-border);filter:brightness(1.06)}
html[data-theme] .phone .ss-live .ss-button[data-ss-action="checkout"]:hover:not(:disabled),
html[data-theme] .b7-buy-sheet .b7-buy-now:hover:not(:disabled),
html[data-theme] #checkout-main .primary:hover:not(:disabled){filter:brightness(1.025)}
html[data-theme] :is(.b7-price-select,.b7-gallery-select,.ss-button[data-ss-action="checkout"],.b7-buy-now):focus-visible,
html[data-theme] #checkout-main .primary:focus-visible{outline:2px solid var(--purchase-focus);outline-offset:3px}
html[data-theme] #checkout-main .primary:disabled{background:var(--surface-2,#e8e9ed);color:var(--ink-4,#92969f);border-color:var(--line,#d9dbe0);box-shadow:none;filter:none}
html[data-theme] .b7-buy-loading .b7-buy-now::before{border-color:#46596540;border-top-color:var(--purchase-ink)}

/* Brand accents are intentionally drawn here, after the legacy dark surfaces. */
html[data-theme="dark"] #items .mb-hero-copy>b,
html[data-theme="dark"] #items .mb-hero:active .mb-hero-copy>b,
html[data-theme="dark"] .phone .hm-compose,
html[data-theme="dark"] .phone .tl-page .tl-fab,
html[data-theme="dark"] .sn-sidebar .sn-compose,
html[data-theme="dark"] .phone .b7-pending-resume{
 background:var(--purchase-fill);color:var(--purchase-ink);border:1px solid var(--purchase-border);box-shadow:var(--purchase-shadow);text-shadow:none;
}
html[data-theme="dark"] #items .mb-hero-copy>b>i{color:inherit}
html[data-theme="dark"] .phone .md-order-tabs>button{background:#303c4b;border-color:#506373;color:#c2d0d9}
html[data-theme="dark"] .phone .md-order-tabs>button[aria-pressed="true"]{
 background:var(--purchase-fill);border-color:var(--purchase-border);color:var(--purchase-ink);box-shadow:inset 0 1px 0 #ffffff45;
}

/* Small rose counters sit beside the icon; they are never icon-sized tiles. */
html[data-theme] .phone .b7-pending-count,
html[data-theme] body.single .phone>.bottom-nav .ss-bag-count{
 display:inline-grid;place-items:center;min-width:17px;height:17px;box-sizing:border-box;padding:0 4px;border-radius:999px;background:#f0ccd9;color:#624652;border:0;font:500 10px/1 sans-serif;
}
html[data-theme="dark"] .phone .b7-pending-count,
html[data-theme="dark"] body.single .phone>.bottom-nav .ss-bag-count{background:#e6b7c9;color:#503b49}
html[data-theme] .phone .md-order-shortcuts>[data-md-order-filter="payment"]>.b7-pending-count{
 top:-3px;right:calc(50% - 25px);width:auto;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--surface,#fff);border-radius:999px;box-sizing:border-box;background:#f0ccd9!important;color:#624652!important;
}
html[data-theme="dark"] .phone .md-order-shortcuts>[data-md-order-filter="payment"]>.b7-pending-count{background:#e6b7c9!important;color:#503b49!important}
html[data-theme] .phone :is(.b7-pending-count,.ss-bag-count)[hidden]{display:none!important}

/* Only the fallback avatar receives colour; uploaded photos remain unchanged. */
html[data-theme="dark"] .phone .ap-profile-hero .ac-profile-card .ac-own-avatar:not(:has(img)),
html[data-theme="dark"] body.single :is(#mypage,#mypage_guest) .ap-profile-hero .ac-own-avatar:not(:has(img)),
html[data-theme="dark"] .phone [data-account-avatar]:not(:has(img)){
 background:linear-gradient(135deg,#dcaebe,#c8cfdc 50%,#a2d3d7);color:#354f5a;border-color:#bccbd6;box-shadow:inset 0 1px 0 #ffffff50;
}
html[data-theme="dark"] .phone :is(.hm-compose,.tl-fab,.b7-pending-resume):focus-visible,
html[data-theme="dark"] .sn-sidebar .sn-compose:focus-visible{outline:2px solid #b7e2e7;outline-offset:3px}