/*
Theme Name: Kooh Khodro
Description: قالب اختصاصی و سبک کوه‌خودرو - جایگزین وودمارت
Author: Kooh Khodro
Version: 0.2.1
Text Domain: koohkhodro
*/

/* ===========================
   ریست پایه
=========================== */
* {
    box-sizing: border-box;
}

html {
    direction: rtl;
}

:root {
    /* همون رنگ سازمانی که در افزونه‌ی car-parts-inquiry هم استفاده می‌شه */
    --cpi-brand: #14b8a6;
    --cpi-brand-dark: #0d9488;
    --cpi-brand-lighter: #f0fdfa;

    /* ارتفاع واقعی هدر (برای جا باز کردن زیرش، چون هدر position:fixed
       شده و از حالت عادی صفحه خارجه). اگه بعداً چیزی داخل هدر عوض شد
       و ارتفاعش فرق کرد، همین عدد رو هماهنگ کنید. */
    --kh-header-height: 61px;
}

body {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Vazirmatn, Arial, sans-serif;
    background: #fafafa;
    color: #222;
    padding-bottom: 64px; /* جا برای نوار پایین موبایل */
    padding-top: var(--kh-header-height); /* جا برای هدر ثابت (fixed) */
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    display: block;
}

.kh-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

/* ===========================
   هدر
=========================== */
.kh-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    background: #fff;
    border-bottom: 1px solid #eee;
    /* قبلاً sticky بود؛ sticky با هر پدر/جدی که overflow یا transform
       داشته باشه (حتی جای دیگه‌ای از سایت، مثل افزونه‌ای دیگه) خیلی
       راحت از کار می‌افته و هدر حین اسکرول محو می‌شه. fixed این مشکل
       رو نداره چون کاملاً نسبت به viewport ثابته، صرف‌نظر از اینکه
       داخل چه المنت‌هایی قرار گرفته. */
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 500;
}

.kh-header-side {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.kh-header-side.kh-side-start {
    justify-content: flex-start;
}

.kh-header-side.kh-side-end {
    justify-content: flex-end;
}

.kh-logo {
    flex-shrink: 0;
}

.kh-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 40px;
}

.kh-logo img {
    height: 40px;
    width: auto;
}

.kh-logo-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 10px;
    color: var(--cpi-brand-dark);
    font-size: 20px;
    font-weight: 800;
    white-space: nowrap;
}

/* آیکون حساب کاربری - فقط دسکتاپ (چون تو موبایل پروفایل تو نوار پایینه) */
.kh-account-icon {
    display: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f5f5f5;
    font-size: 18px;
}

@media (min-width: 768px) {
    .kh-account-icon {
        display: inline-flex;
    }
}

/* ===========================
   نوار پایین موبایل
=========================== */
.kh-bottom-nav {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, .06);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
}

.kh-bottom-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 6px 2px;
    font-size: 11px;
    font-weight: 600;
    color: #666;
    border-radius: 10px;
    transition: .15s ease;
}

.kh-bottom-nav-item img {
    width: 24px;
    height: 24px;
}

.kh-bottom-nav-item.kh-active {
    color: var(--cpi-brand);
    background: var(--cpi-brand-lighter);
}

/* ===========================
   وبلاگ
=========================== */
.kh-blog-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
}

.kh-blog-item {
    display: flex;
    gap: 14px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 14px;
}

.kh-blog-thumb img {
    width: 120px;
    border-radius: 8px;
}

.kh-blog-item-title {
    margin: 0 0 8px;
    font-size: 17px;
}

.kh-blog-item-excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

.kh-blog-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
}

/* ===========================
   فوتر
=========================== */
.kh-footer {
    padding: 24px 16px;
    text-align: center;
    font-size: 13px;
    color: #888;
}

/* ===========================
   صفحه‌ی پرداخت (order-pay): خودش یه نوار چسبان
   اختصاصی با دکمه‌ی پرداخت داره، پس نوار پایین سایت
   رو اینجا مخفی می‌کنیم که روی هم نیفتن
=========================== */
/* جدایی از ووکامرس: body.woocommerce-order-pay دیگر هیچ‌وقت وجود نخواهد
   داشت (آن صفحه حذف شده)؛ جایگزینش body.cpi-pay-page است که خود صفحه‌ی
   مستقل پرداخت (includes/core/pay-page.php) روی body اضافه می‌کند. */
body.cpi-pay-page .kh-bottom-nav {
    display: none;
}

body.cpi-pay-page {
    padding-bottom: 0;
}

/* ===========================
   جدایی فروشنده از مشتری: صفحه‌ی seller و seller-panel فقط هدر را با
   مشتری مشترک نگه می‌دارن؛ نوار پایین و فوتر مشتری (لینک‌ها/نمادها)
   نباید اونجا دیده بشن. کلاس cpi-seller-area را افزونه‌ی
   car-parts-inquiry (cpi_is_seller_area) روی body می‌گذارد.
=========================== */
body.cpi-seller-area .kh-bottom-nav,
body.cpi-seller-area .kh-footer {
    display: none;
}

body.cpi-seller-area {
    padding-bottom: 0;
}

/* =========================================================
   KoohKhodro - Vehicle Search / Home
   Django migration
   ========================================================= */

.cpi-home {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 36px 0 70px;
    direction: rtl;
}

.cpi-intro {
    text-align: center;
    margin-bottom: 24px;
}

.cpi-intro h1 {
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.5;
}

.cpi-intro p {
    margin: 0;
    font-size: 15px;
    color: #666;
}


/* ---------- Search ---------- */

.cpi-vehicle-search-box {
    width: min(760px, 100%);
    margin: 0 auto 34px;
    position: relative;
}

.cpi-vehicle-search-box > label {
    display: block;
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
}

#cpi-car-search {
    display: block;
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    padding: 0 18px;
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    background: #fff;
    font: inherit;
    font-size: 15px;
    color: #222;
    outline: none;
    direction: rtl;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

#cpi-car-search:focus {
    border-color: #13a89e;
    box-shadow: 0 0 0 3px rgba(19, 168, 158, .10);
}

#cpi-car-search::placeholder {
    color: #999;
}

#cpi-search-message {
    min-height: 22px;
    margin-top: 7px;
    font-size: 13px;
    color: #777;
}


/* ---------- Search results ---------- */

#cpi-search-results {
    width: 100%;
    margin-top: 5px;
    border-radius: 12px;
    overflow: hidden;
}

#cpi-search-results:empty {
    display: none;
}

.cpi-search-result {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 16px;
    box-sizing: border-box;

    border: 0;
    border-bottom: 1px solid #eeeeee;
    background: #fff;
    cursor: pointer;

    font-family: inherit;
    text-align: right;
}

.cpi-search-result:first-child {
    border-radius: 12px 12px 0 0;
}

.cpi-search-result:last-child {
    border-bottom: 0;
    border-radius: 0 0 12px 12px;
}

.cpi-search-result:only-child {
    border-radius: 12px;
}

.cpi-search-result:hover {
    background: #f3fbfa;
}

.cpi-result-main {
    flex: 1 1 55%;
    direction: rtl;
    text-align: right;
    color: #222;
    font-size: 14px;
    font-weight: 700;
}

.cpi-result-main::after {
    content: "|";
    float: left;
    margin-left: -8px;
    color: #d0d0d0;
    font-weight: 400;
}

.cpi-result-english {
    flex: 1 1 45%;
    direction: ltr;
    text-align: left;
    color: #777;
    font-size: 12px;
    line-height: 1.6;
}


/* ---------- Vehicle type section ---------- */

.cpi-type-section {
    margin-top: 20px;
    text-align: center;
}

.cpi-type-section > h2 {
    margin: 0 0 7px;
    font-size: 20px;
    font-weight: 800;
}

.cpi-type-section > p {
    margin: 0 0 20px;
    color: #777;
    font-size: 13px;
}

.cpi-vehicle-types {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.cpi-type-card {
    min-width: 0;
    min-height: 115px;
    padding: 15px 8px 12px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;

    border: 1px solid #e4e4e4;
    border-radius: 12px;
    background: #fff;

    font-family: inherit;
    color: #222;
    cursor: pointer;

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}

.cpi-type-card:hover {
    transform: translateY(-2px);
    border-color: #9dded9;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .06);
}

.cpi-type-card.is-active {
    border-color: #13a89e;
    background: #effbf9;
    box-shadow: 0 0 0 2px rgba(19, 168, 158, .10);
}

.cpi-type-icon {
    display: block;
    font-size: 28px;
    line-height: 1.2;
}

.cpi-type-card strong {
    display: block;
    font-size: 14px;
    line-height: 1.6;
}

.cpi-type-card small {
    display: block;
    color: #777;
    font-size: 10px;
    line-height: 1.6;
}

#cpi-clear-type {
    margin-top: 15px;
    padding: 8px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    color: #555;
    font-family: inherit;
    cursor: pointer;
}

#cpi-clear-type:hover {
    border-color: #13a89e;
    color: #138f87;
}


/* ---------- Selected vehicle ---------- */

.cpi-selected-vehicle {
    width: min(760px, 100%);
    margin: 28px auto 0;
    padding: 15px 18px;
    box-sizing: border-box;

    border: 1px solid #bce8e4;
    border-radius: 12px;
    background: #f2fbfa;

    text-align: center;
}

.cpi-selected-vehicle span {
    color: #666;
    font-size: 13px;
}

.cpi-selected-vehicle strong {
    display: block;
    margin: 5px 0 10px;
    color: #222;
    font-size: 16px;
}

#cpi-change-vehicle {
    padding: 7px 14px;
    border: 1px solid #13a89e;
    border-radius: 8px;
    background: #fff;
    color: #138f87;
    font-family: inherit;
    cursor: pointer;
}


/* ---------- Tablet ---------- */

@media (max-width: 1000px) {

    .cpi-vehicle-types {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


/* ---------- Mobile ---------- */

@media (max-width: 640px) {

    .cpi-home {
        width: min(100% - 24px, 1180px);
        padding-top: 22px;
        padding-bottom: 90px;
    }

    .cpi-intro {
        margin-bottom: 18px;
    }

    .cpi-intro h1 {
        font-size: 22px;
    }

    .cpi-intro p {
        font-size: 13px;
    }

    #cpi-car-search {
        height: 50px;
        border-radius: 10px;
        font-size: 14px;
    }

    .cpi-vehicle-search-box {
        margin-bottom: 26px;
    }

    .cpi-type-section > h2 {
        font-size: 17px;
    }

    .cpi-vehicle-types {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .cpi-type-card {
        min-height: 105px;
        padding: 12px 6px;
    }

    .cpi-type-icon {
        font-size: 25px;
    }

    .cpi-type-card strong {
        font-size: 13px;
    }

    .cpi-type-card small {
        font-size: 9px;
    }

    .cpi-search-result {
        display: grid;
        grid-template-columns: 1fr;
        gap: 3px;
        padding: 10px 13px;
    }

    .cpi-result-main {
        width: 100%;
        font-size: 13px;
    }

    .cpi-result-main::after {
        display: none;
    }

    .cpi-result-english {
        width: 100%;
        text-align: right;
        direction: ltr;
        font-size: 11px;
    }
}

/* =========================================================
   Vehicle Categories - Classic KoohKhodro Layout
   ========================================================= */

.cpi-home {
    width: min(1200px, calc(100% - 32px));
    padding-top: 22px;
}

/* بالای صفحه شبیه نسخه قبلی */
.cpi-intro {
    text-align: right;
    width: 100%;
    margin: 0 auto 18px;
}

.cpi-intro h1 {
    font-size: 18px;
    margin-bottom: 5px;
}

.cpi-intro p {
    font-size: 13px;
}

/* جستجو تمام عرض بخش اصلی */
.cpi-vehicle-search-box {
    width: 100%;
    margin: 0 auto 14px;
}

.cpi-vehicle-search-box > label {
    color: #138f87;
    font-size: 14px;
    font-weight: 800;
}

#cpi-car-search {
    width: 100%;
    height: 56px;
    border: 2px solid #54d4ca;
    border-radius: 10px;
    padding: 0 16px;
    box-shadow: none;
}

#cpi-car-search:focus {
    border-color: #13a89e;
    box-shadow: 0 0 0 3px rgba(19, 168, 158, .08);
}


/* عنوان دسته‌ها */
.cpi-type-section {
    margin-top: 10px;
}

.cpi-type-section > h2 {
    text-align: right;
    color: #138f87;
    font-size: 15px;
    margin: 0 0 12px;
}

.cpi-type-section > p {
    display: none;
}


/* سه ستون مثل سایت قبلی */
.cpi-vehicle-types {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}


/* کارت دسته */
.cpi-type-card {
    min-height: 88px;
    padding: 10px 18px;

    display: grid;
    grid-template-columns: 58px 1fr;
    grid-template-rows: auto auto;
    column-gap: 13px;

    text-align: right;

    border: 1px solid #e2e2e2;
    border-radius: 11px;
    background: #fafafa;

    transform: none;
    box-shadow: none;
}

.cpi-type-card:hover {
    transform: none;
    border-color: #5bd3ca;
    background: #f5fffe;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .04);
}

.cpi-type-card.is-active {
    border: 2px solid #18b8ad;
    background: #effcfb;
    box-shadow: 0 0 0 2px rgba(24, 184, 173, .08);
}


/* آیکن دایره‌ای فیروزه‌ای */
.cpi-type-icon {
    grid-row: 1 / 3;

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    align-self: center;

    border: 3px solid #20bdb2;
    border-radius: 50%;

    background: #fff;

    font-size: 23px;
    line-height: 1;
}


/* عنوان */
.cpi-type-card strong {
    align-self: end;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
    color: #222;
}


/* توضیح فعلی؛ بعداً تعداد واقعی خودرو را جایگزین می‌کنیم */
.cpi-type-card small {
    align-self: start;
    font-size: 11px;
    line-height: 1.5;
    color: #777;
}


/* خودروهای ارگانی ردیف آخر */
.cpi-type-card[data-type="org"] {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    justify-self: stretch;
    grid-template-columns: 58px auto;
    justify-content: center;
}


/* نتایج جستجو */
#cpi-search-results {
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
}

.cpi-search-result {
    min-height: 58px;
}

.cpi-search-result:hover {
    background: #effcfb;
}

.cpi-result-main::after {
    color: #20bdb2;
}


/* تبلت */
@media (max-width: 900px) {

    .cpi-vehicle-types {
        grid-template-columns: repeat(2, 1fr);
    }

    .cpi-type-card[data-type="org"] {
        grid-column: 1 / -1;
    }
}


/* موبایل */
@media (max-width: 600px) {

    .cpi-home {
        width: calc(100% - 20px);
        padding-top: 15px;
        padding-bottom: 90px;
    }

    .cpi-intro h1 {
        font-size: 17px;
    }

    .cpi-vehicle-types {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .cpi-type-card,
    .cpi-type-card[data-type="org"] {
        grid-column: auto;
        min-height: 78px;
        padding: 9px 14px;
    }

    .cpi-type-icon {
        width: 42px;
        height: 42px;
        font-size: 21px;
    }

    #cpi-car-search {
        height: 52px;
    }
}

/* Vehicle category counts */
.cpi-type-count {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #0f9f9a;
    direction: rtl;
}

.cpi-type-card.is-active .cpi-type-count {
    color: inherit;
}
.kh-catalog,.kh-vehicle-detail{padding-top:32px;padding-bottom:60px}
.kh-catalog form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0}
.kh-catalog input{min-width:240px;padding:12px;border:1px solid #ccc;border-radius:8px}
.kh-catalog button,.kh-action{display:inline-block;padding:12px 20px;border:0;border-radius:8px;background:var(--cpi-brand-dark);color:white;cursor:pointer}
.kh-vehicle-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.kh-vehicle-list li{padding:18px;background:#fff;border:1px solid #eee;border-radius:10px}
.kh-vehicle-list small{display:block;direction:ltr;text-align:right;color:#666;margin-top:6px}
.kh-vehicle-detail dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 20px}
.kh-form-page,.kh-dashboard{max-width:850px;padding-top:30px;padding-bottom:70px}
.kh-form-page form,.kh-panel{display:grid;gap:14px;background:white;border:1px solid #eee;border-radius:12px;padding:22px;margin:18px 0}
.kh-form-page label,.kh-dashboard label{display:grid;gap:6px}
.kh-form-page input,.kh-form-page textarea,.kh-form-page select,.kh-dashboard input{padding:11px;border:1px solid #bbb;border-radius:8px;max-width:100%}
.kh-form-page button,.kh-dashboard button{padding:12px 20px;background:var(--cpi-brand-dark);color:white;border:0;border-radius:8px;cursor:pointer}
.kh-part-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.kh-panel form{margin:10px 0;padding:12px;border-top:1px solid #eee}

/* خدمات خودروی انتخاب‌شده در صفحهٔ اصلی */
.cpi-vehicle-services {display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:24px auto;max-width:900px;}
.cpi-vehicle-services[hidden] {display:none;}
.cpi-service-card {flex:1;min-width:220px;text-align:center;padding:24px 16px;border:1px solid #14b8a6;border-radius:14px;background:#effdfa;color:#087f78;text-decoration:none;font-size:20px;font-weight:bold;}
.cpi-service-card:hover,.cpi-service-card:focus-visible {background:#d8f7f2;outline:2px solid #087f78;}

/* Same-page forms, accessible login dialog and shared panel navigation. */
[hidden]{display:none!important}
#cpi-service-panel{max-width:900px;margin:24px auto;scroll-margin-top:20px;border:1px solid #b7e4df;border-radius:16px;background:#fff;padding:18px}
#cpi-close-service{float:left;background:#eef7f6;color:#165d58;border:0;border-radius:8px;padding:8px 14px;cursor:pointer}
.kh-inline-panel{padding:12px 0 20px;max-width:100%;clear:both}
.kh-inline-panel h2{font-size:20px;color:#087f78}
.kh-inline-panel form{margin:10px 0}
.kh-inline-panel fieldset{border:1px solid #c9dedb;border-radius:10px}
.kh-inline-panel .kh-radio{display:inline-flex;align-items:center;gap:8px;margin:8px 15px}
.kh-inline-panel .kh-radio input{width:auto}
.kh-inline-panel [data-part-rows] .kh-part-row{grid-template-columns:minmax(0,3fr) minmax(75px,1fr) auto;align-items:end;margin:12px 0}
.kh-inline-panel .kh-part-row input{width:100%;box-sizing:border-box;min-width:0}
.kh-inline-panel details{padding:12px;border:1px solid #e2ecea;border-radius:10px}
.kh-inline-panel summary{cursor:pointer}.kh-inline-panel details label{margin-top:12px}
[data-form-error]{color:#b42318}
#kh-auth-dialog{width:min(390px,calc(100vw - 40px));box-sizing:border-box;border:0;border-radius:18px;padding:26px;color:#173b38;box-shadow:0 24px 80px #0004}
#kh-auth-dialog::backdrop{background:#0b2829aa}
#kh-auth-dialog [data-close-auth]{float:left;background:#edf7f5;color:#173b38}
#kh-auth-dialog h2{font-size:21px}#kh-auth-dialog form,#kh-auth-dialog label{display:grid;gap:12px}
#kh-auth-dialog input{font:inherit;font-size:18px;padding:13px;border:1px solid #b5ccca;border-radius:9px;width:100%;box-sizing:border-box}
#kh-auth-dialog button{font:inherit;border:0;border-radius:9px;padding:12px;background:#087f78;color:#fff;cursor:pointer}
#kh-auth-dialog button:disabled{opacity:.6;cursor:wait}
#kh-auth-dialog [data-change-mobile],#kh-auth-dialog [data-resend-code]{background:#edf7f5;color:#173b38;margin:10px 0;font-size:12px}
.kh-panel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.kh-panel-tabs a{padding:10px 15px;border:1px solid #b7e4df;border-radius:9px;text-decoration:none;color:#087f78;background:white}
.kh-panel-tabs a[aria-current="page"]{background:#087f78;color:#fff}
.kh-pagination{display:flex;gap:18px;justify-content:center;margin:24px}
@media(max-width:600px){#cpi-service-panel{padding:10px}.kh-inline-panel form{padding:12px}.kh-inline-panel [data-part-rows] .kh-part-row{grid-template-columns:minmax(0,2fr) minmax(65px,1fr)}.kh-inline-panel [data-remove-part]{grid-column:1/-1;padding:6px}.kh-part-row{grid-template-columns:1fr}.kh-panel-tabs a{font-size:13px;padding:8px}}

#kh-select-city{border:0;background:transparent;font:inherit;cursor:pointer}
#kh-city-dialog{border:0;border-radius:16px;padding:25px;width:min(370px,85vw)}#kh-city-dialog::backdrop{background:#0b2829aa}#kh-city-dialog form,#kh-city-dialog label{display:grid;gap:10px}#kh-city-dialog input{font:inherit;border:1px solid #aacdc9;padding:12px;border-radius:8px}#kh-city-dialog button{padding:12px;border:0;border-radius:8px;background:#087f78;color:white;cursor:pointer}

/* ========================================================================
   Customer-flow parity layer (WordPress -> Django staging)
   Keeps the Python backend while matching the customer journey/UI more
   closely to the original Kooh Khodro WordPress experience.
========================================================================= */
:root {
    --cpi-brand-darker: #0f766e;
    --cpi-brand-text: #087f78;
    --cpi-brand-light: #ccfbf1;
    --cpi-brand-tint: #f2fffe;
    --cpi-brand-border: #9de3df;
    --cpi-brand-border-soft: #b8ebe5;
    --cpi-type-selected: #4f46e5;
    --cpi-type-selected-bg: #eef2ff;
}

input, select, textarea { font-size: 16px; }
body.kh-modal-open { overflow: hidden; }
.cpi-city-widget.cpi-city-set { background:#e6faf5 !important; color:#0e8c72 !important; border:1px solid var(--cpi-brand) !important; border-radius:8px; }

.cpi-home {
    width: min(760px, calc(100% - 24px));
    margin: 0 auto;
    padding: 24px 0 70px;
}
.cpi-wrapper {
    width: 100%;
    background: #fff;
    border: 1px solid #e7efee;
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 10px 28px rgba(15,118,110,.06);
}
.cpi-wrapper .cpi-text-banner-slider {
    position: relative;
    display: block;
    width: 100%;
    min-height: 62px;
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f0fdfa, #f8fffe);
    border: 1px solid var(--cpi-brand-border-soft);
}
.cpi-wrapper .cpi-banner-group { display:none; width:100%; }
.cpi-wrapper .cpi-banner-group.cpi-tab-active { display:block; }
.cpi-wrapper .cpi-banner { display:none; animation:cpiFadeIn .25s ease; }
.cpi-wrapper .cpi-banner.active { display:block; }
.cpi-wrapper .cpi-banner strong { display:block; margin:0 0 4px; font-size:15px; line-height:1.6; color:#173b38; }
.cpi-wrapper .cpi-banner span { display:block; color:#667673; font-size:13px; line-height:1.7; }
@keyframes cpiFadeIn { from{opacity:0} to{opacity:1} }

.cpi-row { display:block; width:100%; margin-bottom:14px; }
.cpi-row label, #cpi-vehicle-search-label {
    display:block;
    margin:0 0 7px;
    color:var(--cpi-brand-darker);
    font-size:14px;
    font-weight:700;
}
.cpi-vehicle-search-row { position:relative; z-index:20; }
#cpi-car-search-wrap { position:relative; }
#cpi-car-search {
    width:100%;
    min-height:50px;
    padding:12px 15px 12px 44px;
    border:1px solid var(--cpi-brand-border);
    border-radius:12px;
    outline:none;
    background:var(--cpi-brand-tint);
    color:#173b38;
    font-family:inherit;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
#cpi-car-search:focus { border-color:var(--cpi-brand); background:#fff; box-shadow:0 0 0 3px rgba(20,184,166,.12); }
#cpi-car-search-clear {
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    border:0;
    border-radius:50%;
    background:#e9f6f4;
    color:#356763;
    cursor:pointer;
    font-size:20px;
}
#cpi-search-message { min-height:22px; padding:7px 2px 0; color:#6d7e7c; font-size:12px; }
#cpi-search-results { max-height:48vh; overflow:auto; margin-top:6px; }
.cpi-search-result {
    width:100%;
    min-height:52px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:8px;
    padding:13px 15px;
    margin:0 0 8px;
    border:1px solid var(--cpi-brand-border);
    border-radius:12px;
    background:#fff;
    cursor:pointer;
    font:inherit;
    text-align:right;
    transition:.15s ease;
}
.cpi-search-result:hover, .cpi-search-result:focus-visible { background:var(--cpi-brand-lighter); border-color:var(--cpi-brand); outline:none; }
.cpi-result-main { min-width:0; overflow-wrap:anywhere; font-weight:700; color:#253f3d; }
.cpi-result-divider { color:#a2b9b6; font-weight:400; }
.cpi-result-english { min-width:0; direction:ltr; text-align:left; overflow-wrap:anywhere; font-size:13px; font-weight:700; color:#526865; }

#cpi-selected-type-badge {
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:7px;
    margin:0 0 10px;
    padding:6px 10px;
    border:1px solid #c7c7ff;
    border-radius:999px;
    background:var(--cpi-type-selected-bg);
    color:var(--cpi-type-selected);
    font-size:12px;
    font-weight:700;
}
#cpi-selected-type-badge[hidden] { display:none; }
#cpi-clear-type { width:22px; height:22px; padding:0; border:0; border-radius:50%; background:#fff; color:var(--cpi-type-selected); cursor:pointer; font-size:17px; line-height:1; }

#cpi-vehicle-types {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}
.cpi-vehicle-type-item {
    flex:1 1 30%;
    min-width:100px;
    min-height:128px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px 8px;
    border:1px solid #e0e7e6;
    border-radius:14px;
    background:#f9fbfb;
    cursor:pointer;
    font-family:inherit;
    color:#263d3b;
    transition:.2s ease;
}
.cpi-vehicle-type-item:hover,
.cpi-vehicle-type-item.active { background:var(--cpi-type-selected-bg); border-color:var(--cpi-type-selected); transform:translateY(-1px); }
.cpi-vt-icon-ring {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin:0 auto 8px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 2px 6px rgba(20,184,166,.18);
}
.cpi-vt-icon-ring::before {
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:50%;
    padding:2.5px;
    background:conic-gradient(from 0deg,var(--cpi-brand-light) 0deg,var(--cpi-brand) 90deg,var(--cpi-brand-dark) 150deg,var(--cpi-brand) 210deg,transparent 300deg,var(--cpi-brand-light) 360deg);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    animation:cpi-vt-ring-spin 4s linear infinite;
}
@keyframes cpi-vt-ring-spin { to{transform:rotate(360deg)} }
@media (prefers-reduced-motion: reduce) { .cpi-vt-icon-ring::before { animation:none; } }
.cpi-vt-icon { display:block; position:relative; z-index:1; font-size:23px; line-height:1; }
.cpi-vt-name { display:block; font-size:13px; font-weight:700; line-height:1.55; }
.cpi-vt-count { display:block; margin-top:3px; font-size:11px; font-weight:700; color:#687976; }
.cpi-vehicle-type-item--wide { flex-basis:100%; min-height:92px; flex-direction:row; gap:16px; }
.cpi-vehicle-type-item--wide .cpi-vt-icon-ring { margin:0; }
.cpi-vehicle-type-item--wide .cpi-vt-name { flex:1; }

#cpi-vehicle-options {
    margin-top:20px;
    padding:18px;
    background:var(--cpi-brand-tint);
    border:1px solid var(--cpi-brand-border-soft);
    border-radius:22px;
}
#cpi-vehicle-options[hidden] { display:none; }
.cpi-selected-vehicle-card {
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    margin-bottom:16px;
    background:var(--cpi-brand-lighter);
    border:1px solid var(--cpi-brand-border-soft);
    border-radius:14px;
    text-align:right;
}
.cpi-vehicle-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; flex-shrink:0; background:var(--cpi-brand-light); border-radius:12px; font-size:25px; }
.cpi-vehicle-info { flex:1; min-width:0; }
.cpi-vehicle-label { margin-bottom:3px; color:#6b8582; font-size:12px; }
.cpi-vehicle-name { display:block; color:#173b38; font-size:15px; overflow-wrap:anywhere; }
.cpi-close-btn { display:flex; align-items:center; justify-content:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:var(--cpi-brand-lighter); color:var(--cpi-brand-text); font-size:20px; line-height:1; cursor:pointer; transition:.2s ease; flex-shrink:0; }
.cpi-close-btn:hover { background:var(--cpi-brand-light); transform:rotate(90deg); }

.cpi-vehicle-services { display:flex; flex-direction:column; gap:10px; margin:0; max-width:none; }
.cpi-action-btn {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    min-height:72px;
    padding:12px 16px;
    border:1px solid var(--cpi-brand-border);
    border-radius:16px;
    background:#fff;
    color:var(--cpi-brand-text);
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:.2s ease;
}
.cpi-action-btn:hover, .cpi-action-btn:focus-visible { transform:translateY(-2px); background:var(--cpi-brand-lighter); box-shadow:0 8px 18px rgba(13,148,136,.15); outline:none; }
.cpi-action-icon { width:24px; height:24px; background-color:var(--cpi-brand); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; flex-shrink:0; }
.cpi-icon-inquiry { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 7.5a5.5 5.5 0 0 1-7.44 5.16L7 19.2 4.8 17l6.54-6.56A5.5 5.5 0 1 1 21 7.5Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 7.5a5.5 5.5 0 0 1-7.44 5.16L7 19.2 4.8 17l6.54-6.56A5.5 5.5 0 1 1 21 7.5Z'/%3E%3C/svg%3E"); }
.cpi-icon-quota { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-5 9 5-9 5-9-5Z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-5 9 5-9 5-9-5Z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E"); }
.cpi-action-label { flex:1; letter-spacing:.3px; }

#cpi-service-panel {
    max-width:none;
    margin:18px 0 0;
    padding:18px;
    border:1px solid var(--cpi-brand-border-soft);
    border-radius:20px;
    background:var(--cpi-brand-lighter);
    box-shadow:none;
    scroll-margin-top:82px;
}
.cpi-panel-header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.cpi-panel-header-title { display:flex; align-items:center; gap:8px; color:var(--cpi-brand-text); font-size:16px; font-weight:700; }
.kh-inline-panel { padding:0; }
.kh-inline-panel > h2 { display:none; }
.kh-inline-panel form { background:#fff; border:1px solid #dcebea; border-radius:15px; padding:16px; box-shadow:none; }
.kh-inline-panel input, .kh-inline-panel textarea, .kh-inline-panel select { font-family:inherit; font-size:16px; }
.kh-selected-city-note { margin:4px 0 0; padding:10px 12px; border-radius:10px; background:#f0fdfa; color:#0f766e; font-size:13px; }

/* City selector as the same mobile bottom-sheet pattern used by the WP site. */
.kh-city-overlay { position:fixed; inset:0; z-index:100000; background:rgba(0,0,0,.5); display:flex; align-items:flex-end; justify-content:center; }
.kh-city-overlay[hidden] { display:none; }
.kh-city-sheet { width:min(720px,100%); max-height:min(78vh,720px); overflow:auto; background:#fff; border-radius:20px 20px 0 0; padding:14px 18px calc(22px + env(safe-area-inset-bottom)); box-shadow:0 -14px 50px rgba(0,0,0,.18); animation:khSlideUp .22s ease-out; }
@keyframes khSlideUp { from{transform:translateY(100%)} to{transform:translateY(0)} }
.kh-sheet-handle { width:42px; height:4px; margin:0 auto 14px; border-radius:999px; background:#d9e2e1; }
.kh-city-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.kh-city-heading h2 { margin:0; font-size:17px; color:#173b38; }
.kh-city-search-label { display:block; margin:0 0 6px; font-size:12px; font-weight:700; color:#55706d; }
#kh-city-search { width:100%; padding:12px 13px; border:1px solid #d6dfde; border-radius:10px; font:inherit; font-size:16px; outline:none; }
#kh-city-search:focus { border-color:var(--cpi-brand); box-shadow:0 0 0 3px rgba(20,184,166,.12); }
.kh-city-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.kh-city-item { padding:8px 14px; border:1px solid #e1e7e6; border-radius:999px; background:#fafcfc; color:#304a47; font:inherit; font-size:13px; cursor:pointer; }
.kh-city-item:hover, .kh-city-item:focus-visible { background:var(--cpi-brand-lighter); border-color:var(--cpi-brand); color:var(--cpi-brand-darker); outline:none; }
#kh-city-manual { margin-top:10px; }
.kh-city-manual-button { width:100%; padding:10px; border:1px dashed var(--cpi-brand); border-radius:10px; background:#eafaf6; color:var(--cpi-brand-darker); font:inherit; cursor:pointer; }
.kh-city-empty { width:100%; margin:4px 0; color:#7b8b89; text-align:center; font-size:13px; }
.kh-city-help { margin:14px 0 0; color:#7b8b89; font-size:11px; line-height:1.8; }
#kh-cities { display:none; }

/* OTP modal: desktop card, mobile bottom-sheet. */
#kh-auth-dialog { width:min(420px,calc(100vw - 36px)); box-sizing:border-box; border:0; border-radius:20px; padding:16px 20px 22px; color:#173b38; box-shadow:0 24px 80px #0004; }
#kh-auth-dialog::backdrop { background:rgba(0,0,0,.52); }
#kh-auth-dialog .kh-sheet-handle { display:none; }
#kh-auth-dialog [data-close-auth] { float:left; }
#kh-auth-dialog h2 { margin:6px 0 8px; font-size:20px; }
#kh-auth-dialog > p { margin:0 0 16px; color:#657875; font-size:13px; }
#kh-auth-dialog form, #kh-auth-dialog label { display:grid; gap:8px; }
#kh-auth-dialog input { width:100%; box-sizing:border-box; padding:13px; border:1px solid #b5ccca; border-radius:10px; font:inherit; font-size:16px; }
#kh-auth-dialog form > button[type="submit"] { width:100%; margin-top:6px; padding:12px; border:0; border-radius:10px; background:var(--cpi-brand-dark); color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.kh-auth-secondary-actions { display:flex; gap:8px; margin-top:8px; }
#kh-auth-dialog [data-change-mobile], #kh-auth-dialog [data-resend-code] { flex:1; margin:0; padding:9px; border:0; border-radius:9px; background:#edf7f5; color:#173b38; font:inherit; font-size:12px; cursor:pointer; }

@media (min-width: 700px) {
    .cpi-vehicle-services { flex-direction:row; }
    .cpi-action-btn { flex:1; }
}
@media (max-width: 600px) {
    .cpi-home { width:calc(100% - 16px); padding-top:12px; }
    .cpi-wrapper { padding:12px; border-radius:18px; }
    .cpi-wrapper .cpi-text-banner-slider { margin-bottom:14px; }
    .cpi-vehicle-type-item { flex-basis:calc(50% - 5px); min-width:0; }
    .cpi-vehicle-type-item--wide { flex-basis:100%; }
    #cpi-vehicle-options { padding:12px; border-radius:17px; }
    .cpi-selected-vehicle-card { padding:12px; }
    #cpi-service-panel { padding:12px; }
    #kh-auth-dialog {
        position:fixed;
        inset:auto 0 0 0;
        width:100%;
        max-width:none;
        margin:0;
        border-radius:20px 20px 0 0;
        padding:14px 18px calc(22px + env(safe-area-inset-bottom));
    }
    #kh-auth-dialog .kh-sheet-handle { display:block; }
}


/* ========================================================================
   Customer parity pass 2: footer, inquiry mode switch, result browsing.
========================================================================= */
.kh-support-link { display:block; padding:10px; color:#333; text-decoration:none; border-bottom:1px solid #eee; }
.kh-support-link-last { border-bottom:0; }
.kh-support-link:hover, .kh-support-link:focus-visible { background:var(--cpi-brand-lighter); outline:none; }

.kh-footer { padding:28px 16px calc(86px + env(safe-area-inset-bottom)); color:#555; text-align:right; background:#fff; border-top:1px solid #eef2f1; }
.kh-footer .kh-container { width:min(1180px,100%); margin:0 auto; }
.kooh-footer-links { font-family:inherit; text-align:right; }
.kooh-footer-title { margin-bottom:14px; color:var(--cpi-brand-dark); font-size:17px; font-weight:700; }
.kooh-footer-content { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:25px; }
.kooh-footer-menu { display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; }
.kooh-footer-menu a { color:var(--cpi-brand-dark); font-size:15px; line-height:1.8; text-decoration:none; overflow-wrap:anywhere; transition:opacity .2s ease; }
.kooh-footer-menu a:hover, .kooh-footer-menu a:focus-visible { opacity:.65; outline:none; }
.kooh-footer-licenses { width:100px; display:flex; flex-direction:column; align-items:center; gap:10px; flex-shrink:0; }
.kooh-footer-licenses a { display:block; line-height:0; }
.kooh-footer-licenses img { width:96px; height:auto; display:block; }
.kooh-footer-licenses a:last-child img { width:72px; }

.cpi-search-result-no-en { grid-template-columns:1fr; }
.cpi-result-main { display:flex; align-items:center; gap:7px; }
.cpi-result-icon { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; font-size:18px; }
.cpi-vehicle-not-found { display:block; width:100%; box-sizing:border-box; padding:12px 16px; margin-top:4px; border:1px dashed #cbd5c8; border-radius:12px; background:#fafafa; color:#666; font-size:13px; line-height:1.8; text-align:center; }

.kh-order-type-row { display:grid; gap:6px; }
.kh-field-label { font-size:14px; font-weight:700; color:#334e4b; }
.kh-order-type { display:flex; gap:10px; margin:4px 0 8px; }
.kh-order-type label { flex:1; display:flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid #ddd; border-radius:10px; cursor:pointer; background:#fff; }
.kh-order-type label:has(input:checked) { border-color:var(--cpi-brand-dark); background:#eefbf9; font-weight:700; }
.kh-order-type input { width:auto !important; margin:0; }
.kh-wholesale-note { font-size:12.5px; color:#856404; background:#fff3cd; border-radius:8px; padding:9px 12px; margin-bottom:6px; line-height:1.8; }
.kh-wholesale-note[hidden] { display:none !important; }

@media (max-width:767px) {
    .kooh-footer-content { gap:12px; }
    .kooh-footer-menu { gap:7px; }
    .kooh-footer-menu a { font-size:15px; }
    .kooh-footer-licenses { width:82px; gap:8px; }
    .kooh-footer-licenses img { width:72px; }
    .kooh-footer-licenses a:last-child img { width:58px; }
}

/* ========================================================================
   Customer account parity pass 3 — unified /panel/ experience.
   Kept deliberately dependency-free and private-data friendly.
========================================================================= */
.cpi-account-page { max-width:1040px; padding-top:22px; padding-bottom:30px; }
.cpi-account-wrapper { display:block; }
.cpi-account-menu { width:100%; margin-bottom:20px; }
.cpi-account-menu ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cpi-account-menu li { margin:0; display:flex; }
.cpi-account-tab-dashboard { order:1; }.cpi-account-tab-identity { order:2; }.cpi-account-tab-my-vehicles { order:3; }.cpi-account-tab-parts-inquiry-orders { order:4; }.cpi-account-tab-quota-orders { order:5; }.cpi-account-tab-my-addresses { order:6; }.cpi-account-tab-security { order:7; }.cpi-account-logout-item { order:8; }
.cpi-account-menu a,.cpi-account-logout { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:48px; padding:12px 10px; border-radius:12px; background:#f0fdfa; color:#0f766e; font:inherit; font-size:14px; font-weight:700; text-align:center; border:1px solid #b8ebe5; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; transition:.15s ease; }
.cpi-account-menu a:hover,.cpi-account-menu a:focus-visible,.cpi-account-logout:hover,.cpi-account-logout:focus-visible { background:#ccfbf1; transform:translateY(-1px); box-shadow:0 3px 8px rgba(16,24,40,.08); outline:none; }
.cpi-account-menu a.is-active { background:linear-gradient(135deg,#14b8a6,#0d9488); color:#fff; border-color:transparent; box-shadow:0 4px 10px rgba(13,148,136,.25); }
.cpi-account-menu form { width:100%; display:flex; margin:0; }
.cpi-account-logout { color:#b91c1c; background:#fff; border-color:#fecaca; }
.cpi-account-content { width:100%; }

.cpi-account-header-bar { background:#f9fafb; border:1px solid #eee; border-radius:12px; padding:14px 16px; margin-bottom:16px; display:flex; align-items:center; gap:18px; }
.cpi-account-avatar-wrap { position:relative; width:92px; height:116px; margin:0; flex:0 0 92px; display:flex; justify-content:center; align-self:flex-start; }
.cpi-account-avatar-photo-label { display:block; width:88px; height:88px; cursor:pointer; border-radius:50%; }
.cpi-account-avatar-img,.cpi-account-avatar-placeholder { width:88px; height:88px; border-radius:50%; object-fit:cover; border:3px solid #b8ebe5; background:#f0fdfa; box-shadow:0 3px 12px rgba(13,148,136,.12); }
.cpi-account-avatar-placeholder { display:flex; align-items:center; justify-content:center; font-size:39px; color:#0d9488; }
.cpi-account-avatar-cam { position:absolute; top:62px; left:2px; width:27px; height:27px; border-radius:50%; background:#14b8a6; color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px; cursor:pointer; border:2px solid #fff; box-shadow:0 2px 5px rgba(0,0,0,.2); z-index:2; }
.cpi-account-avatar-level-badge { position:absolute; top:78px; left:50%; transform:translateX(-50%); width:42px; height:42px; padding:0; display:flex; align-items:center; justify-content:center; border-radius:50%; border:4px solid #f9fafb; color:#fff; background:#64748b; font-size:18px; line-height:1; font-weight:900; box-shadow:0 3px 9px rgba(0,0,0,.2); z-index:3; }
.cpi-account-avatar-level-badge.level-2,.cpi-level-pill.level-2 { background:#d97706; }.cpi-account-avatar-level-badge.level-3,.cpi-level-pill.level-3 { background:#16a34a; }
.cpi-account-header-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; flex:1; min-width:0; }
.cpi-account-header-field { display:flex; flex-direction:column; gap:2px; min-width:0; background:#fff; border:1px solid #eee; border-radius:8px; padding:6px 10px; }
.cpi-account-header-field.is-brand { background:#f0fdfa; border-color:#14b8a6; }.cpi-account-header-field.is-brand .cpi-account-header-label,.cpi-account-header-field.is-brand .cpi-account-header-value { color:#0d9488; }
.cpi-account-header-label { display:inline-flex; align-items:center; gap:4px; color:#888; font-size:11px; }.cpi-account-header-value { color:#222; font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.cpi-account-header-info { position:relative; display:inline-flex; cursor:help; font-size:12px; }.cpi-account-header-tooltip { display:none; position:absolute; bottom:130%; right:0; width:220px; background:#1f2937; color:#fff; font-size:11px; font-weight:400; line-height:1.7; border-radius:8px; padding:8px 10px; z-index:30; box-shadow:0 4px 12px rgba(0,0,0,.2); }.cpi-account-header-info:hover .cpi-account-header-tooltip,.cpi-account-header-info:focus .cpi-account-header-tooltip { display:block; }

.cpi-account-notice { margin:10px 0; padding:11px 13px; border:1px solid #bfdbfe; border-radius:10px; background:#eff6ff; color:#1e40af; font-size:13px; }.cpi-account-notice.is-success { border-color:#bbf7d0; background:#f0fdf4; color:#166534; }.cpi-account-notice.is-error { border-color:#fecaca; background:#fef2f2; color:#991b1b; }.cpi-account-notice.is-warning { border-color:#fde68a; background:#fffbeb; color:#92400e; }

.cpi-panel-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; }.cpi-panel-title-row h2 { margin:0; color:#173b38; font-size:18px; }.cpi-panel-title-row p { margin:5px 0 0; color:#6b7e7b; font-size:12.5px; line-height:1.8; }
.cpi-panel-section-heading,.cpi-dash-recent h3 { margin:0 0 12px; color:#0f766e; font-size:15px; }
.cpi-level-pill { flex:0 0 auto; padding:5px 10px; border-radius:999px; background:#64748b; color:#fff; font-size:11px; font-weight:800; }
.cpi-panel-card { margin:0 0 14px; padding:16px; border:1px solid #e5eceb; border-radius:14px; background:#fff; box-shadow:0 2px 8px rgba(16,24,40,.04); }
.cpi-card-heading { display:flex; align-items:flex-start; gap:10px; margin-bottom:13px; }.cpi-card-heading>span { font-size:22px; }.cpi-card-heading h3 { margin:0; font-size:15px; color:#173b38; }.cpi-card-heading p { margin:4px 0 0; color:#71817f; font-size:12px; line-height:1.75; }
.cpi-identity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cpi-identity-level-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0 0 14px; }
.cpi-identity-level-step { display:flex; align-items:center; gap:9px; padding:10px 11px; border:1px solid #e5e7eb; border-radius:11px; background:#f8fafc; color:#64748b; }
.cpi-identity-level-step>span { width:32px; height:32px; flex:0 0 32px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#cbd5e1; color:#fff; font-weight:900; }
.cpi-identity-level-step div { min-width:0; display:grid; gap:2px; }.cpi-identity-level-step strong { font-size:12px; }.cpi-identity-level-step small { font-size:10.5px; line-height:1.65; }
.cpi-identity-level-step.is-done { background:#f0fdfa; border-color:#99f6e4; color:#0f766e; }.cpi-identity-level-step.is-done>span { background:#14b8a6; }
.cpi-panel-form { display:grid; gap:11px; }.cpi-panel-form label { display:grid; gap:5px; color:#475d5a; font-size:12.5px; font-weight:700; }.cpi-panel-form input,.cpi-panel-form textarea,.cpi-panel-form select,.cpi-vehicle-add-box input { width:100%; min-height:42px; padding:9px 11px; border:1px solid #d6dfde; border-radius:9px; background:#fff; color:#223b38; font:inherit; font-size:14px; outline:none; }.cpi-panel-form textarea { min-height:84px; resize:vertical; }.cpi-panel-form input:focus,.cpi-panel-form textarea:focus,.cpi-panel-form select:focus,.cpi-vehicle-add-box input:focus { border-color:#14b8a6; box-shadow:0 0 0 3px rgba(20,184,166,.1); }.cpi-panel-form input[readonly],.cpi-locked-input { background:#f7f8f8; color:#687775; cursor:not-allowed; }
.cpi-form-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cpi-primary-btn,.cpi-secondary-btn,.cpi-danger-btn { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:40px; padding:9px 15px; border-radius:9px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; text-decoration:none; border:1px solid transparent; }
.cpi-primary-btn { background:linear-gradient(135deg,#14b8a6,#0d9488); color:#fff; box-shadow:0 3px 8px rgba(13,148,136,.18); }.cpi-secondary-btn { background:#f0fdfa; color:#0f766e; border-color:#b8ebe5; }.cpi-danger-btn { background:#fff; color:#b91c1c; border-color:#fecaca; }.cpi-small-btn { min-height:34px; padding:7px 12px; font-size:12px; }
.cpi-success-box,.cpi-info-box,.cpi-warning-box,.cpi-muted-note { padding:10px 12px; border-radius:9px; font-size:12.5px; line-height:1.8; }.cpi-success-box { background:#ecfdf5; border:1px solid #bbf7d0; color:#166534; }.cpi-info-box { background:#f0fdfa; border:1px solid #99f6e4; color:#0f766e; }.cpi-warning-box { background:#fffbeb; border:1px solid #fde68a; color:#92400e; }.cpi-muted-note { background:#f8fafc; border:1px dashed #d7dfde; color:#64748b; }.cpi-compact-success { margin-top:10px; padding:8px 10px; }
.cpi-transfer-box { margin-top:12px; border-top:1px dashed #d6dfde; padding-top:10px; }.cpi-transfer-box summary { cursor:pointer; color:#0f766e; font-size:12.5px; font-weight:700; }.cpi-transfer-box>p { color:#687775; font-size:12px; line-height:1.8; }
.cpi-birthdate-picker { display:grid; grid-template-columns:.8fr 1.2fr 1fr; gap:7px; }.cpi-birthdate-picker select { min-width:0; }
.cpi-doc-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:14px; }.cpi-doc-status { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px; border:1px solid #e5e7eb; border-radius:9px; background:#fafafa; font-size:12px; }.cpi-doc-status.is-done { background:#f0fdf4; border-color:#bbf7d0; }.cpi-doc-status a { color:#0d9488; font-weight:700; }.cpi-doc-status em { color:#9ca3af; font-style:normal; }.cpi-doc-form small { color:#71817f; }
.cpi-empty-card { min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:24px; border:1px dashed #b8d7d3; border-radius:13px; background:#f8fffe; color:#667b78; text-align:center; font-size:13px; }.cpi-empty-card>span { font-size:28px; }.cpi-empty-card p { margin:0; }

.cpi-dash-stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:16px 0; }.cpi-dash-stat-box { background:linear-gradient(180deg,#fff 0%,#f0fdfa 100%); border:1px solid #b8ebe5; border-radius:14px; padding:16px 10px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:4px; box-shadow:0 2px 6px rgba(16,24,40,.05); }.cpi-dash-stat-box .ico { font-size:20px; }.cpi-dash-stat-box .num { font-size:24px; font-weight:800; color:#0d9488; }.cpi-dash-stat-box .lbl { font-size:12px; color:#555; }.cpi-dash-stat-box.needs-action { background:linear-gradient(180deg,#fff,#fff8e6); border-color:#f3dfa0; }.cpi-dash-stat-box.needs-action .num { color:#b45309; }
.cpi-dash-total-spent { display:flex; align-items:center; gap:12px; padding:14px 16px; margin-bottom:14px; border:1px solid #b8ebe5; border-radius:12px; background:linear-gradient(135deg,#f0fdfa,#fff); }.cpi-dash-total-spent-ico { font-size:26px; }.cpi-dash-total-spent-lbl { display:block; color:#777; font-size:12px; }.cpi-dash-total-spent strong { color:#0d9488; font-size:16px; }
.cpi-dash-cta-banner { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:16px 18px; margin-bottom:16px; border-radius:12px; background:linear-gradient(135deg,#14b8a6,#0d9488); color:#fff; }.cpi-dash-cta-text { font-size:13px; font-weight:700; }.cpi-dash-cta-btn { padding:8px 14px; border-radius:999px; background:#fff; color:#0d9488; font-size:12px; font-weight:700; }
.cpi-dash-recent { margin-top:20px; padding:14px; border:1px solid #eee; border-radius:10px; background:#fff; }.cpi-dash-recent-row { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid #f1f1f1; font-size:13px; }.cpi-dash-recent-row:last-of-type { border-bottom:0; }.cpi-dash-recent-year { color:#999; font-size:11px; }.cpi-dash-recent-status { padding:3px 10px; border-radius:999px; background:#f0fdfa; color:#0d9488; font-size:11px; font-weight:700; white-space:nowrap; }.cpi-dash-recent-status.is-active { background:#fff8e6; color:#8a6100; }.cpi-dash-recent-status.is-ended { background:#f8d7da; color:#721c24; }.cpi-dash-quicklink { color:#0d9488; font-size:12px; font-weight:700; }

.cpi-vehicle-add-box,.cpi-address-add { margin:0 0 14px; padding:14px; border:1px solid #b8ebe5; border-radius:13px; background:#f8fffe; }.cpi-vehicle-add-box[hidden],.cpi-address-add[hidden] { display:none; }.cpi-vehicle-add-box>label { display:block; margin-bottom:6px; color:#475d5a; font-size:12px; font-weight:700; }.cpi-panel-search-wrap { position:relative; }.cpi-search-spinner { position:absolute; left:12px; top:11px; }.cpi-panel-vehicle-results { margin-top:8px; max-height:310px; overflow:auto; border-radius:10px; }.cpi-panel-vehicle-result { width:100%; display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:10px 12px; border:0; border-bottom:1px solid #edf1f0; background:#fff; color:#243d3a; text-align:right; font:inherit; cursor:pointer; }.cpi-panel-vehicle-result:hover { background:#f0fdfa; }.cpi-panel-vehicle-result small { color:#7a8a88; }.cpi-search-empty { padding:14px; background:#fff; color:#777; text-align:center; font-size:12px; }
.cpi-user-vehicles-list { display:grid; gap:14px; }.cpi-user-vehicle-card { padding:14px 16px; border:1px solid #b8ebe5; border-radius:14px; background:#fff; box-shadow:0 2px 6px rgba(16,24,40,.04); }.cpi-user-vehicle-card.is-complete { border-color:#bbf7d0; }.cpi-user-vehicle-head { display:flex; align-items:center; gap:10px; }.cpi-user-vehicle-thumb { width:48px; height:48px; display:flex; align-items:center; justify-content:center; flex:0 0 48px; overflow:hidden; border:1px solid #d9e8e6; border-radius:10px; background:#f0fdfa; font-size:22px; }.cpi-user-vehicle-thumb img { width:100%; height:100%; object-fit:cover; }.cpi-user-vehicle-name { flex:1; min-width:0; }.cpi-user-vehicle-name h3 { margin:0; font-size:14px; }.cpi-user-vehicle-name small { display:block; margin-top:3px; color:#82908e; font-size:11px; }.cpi-completion-number { padding:4px 8px; border-radius:999px; background:#f0fdfa; color:#0d9488; font-size:11px; font-weight:800; }.cpi-progress { height:7px; margin:11px 0 8px; overflow:hidden; border-radius:999px; background:#f1f5f4; }.cpi-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#14b8a6,#0d9488); }.cpi-user-vehicle-meta { display:flex; flex-wrap:wrap; gap:7px 14px; color:#6d7c7a; font-size:11.5px; }.cpi-vehicle-edit { margin-top:12px; border-top:1px dashed #dae3e2; padding-top:10px; }.cpi-vehicle-edit summary { cursor:pointer; color:#0f766e; font-size:12.5px; font-weight:700; }.cpi-vehicle-detail-form { margin-top:12px; }.cpi-vehicle-doc-links { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px; padding:9px 10px; border-radius:9px; background:#f0fdf4; color:#166534; font-size:11.5px; }.cpi-vehicle-doc-links a { color:#0d9488; font-weight:700; }.cpi-inline-danger-form { margin-top:10px; }.cpi-inline-danger-form button { padding:6px 9px; border:0; background:transparent; color:#b91c1c; font:inherit; font-size:11px; cursor:pointer; }

.cpi-os-list { display:flex; flex-direction:column; gap:16px; margin-top:10px; }.cpi-os-card { padding:18px 20px; border:1px solid #b8ebe5; border-radius:12px; background:#fff; box-shadow:0 2px 7px rgba(16,24,40,.04); }.cpi-os-card-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }.cpi-os-card-head h3 { margin:0; font-size:15px; }.cpi-os-date { margin-top:3px; color:#888; font-size:11px; }.cpi-os-status-line { margin:13px 0 14px; }.cpi-os-badge { display:inline-block; padding:4px 11px; border-radius:999px; background:#eef6ff; color:#2271b1; font-size:11px; font-weight:800; }.cpi-os-badge-paid { background:#eef6ff; color:#2271b1; }.cpi-os-badge-processing { background:#fff3e0; color:#b45309; }.cpi-os-badge-shipped { background:#ccfbf1; color:#0f766e; }.cpi-os-badge-delivered { background:#ecfdf5; color:#15803d; }.cpi-os-badge-cancelled,.cpi-os-badge-expired { background:#fdecea; color:#b91c1c; }.cpi-os-badge-awaiting_payment { background:#f3f4f6; color:#666; }.cpi-inquiry-status-waiting_offers { background:#fff8e6; color:#8a6100; }.cpi-inquiry-status-offers_ready,.cpi-inquiry-status-priced { background:#ecfeff; color:#0e7490; }.cpi-inquiry-status-paid { background:#ecfdf5; color:#15803d; }
.cpi-order-summary-grid { display:flex; flex-wrap:wrap; gap:7px 14px; margin-top:11px; color:#586b68; font-size:11.5px; }.cpi-os-stepper { display:flex; align-items:flex-start; justify-content:space-between; gap:4px; position:relative; margin:14px 0; }.cpi-os-step { flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; }.cpi-os-step:not(:last-child)::after { content:''; position:absolute; top:8px; right:50%; width:100%; height:2px; background:#e2e2e2; z-index:0; transform:translateX(50%); }.cpi-os-step-done:not(:last-child)::after,.cpi-os-step-current:not(:last-child)::after { background:#14b8a6; }.cpi-os-dot { width:18px; height:18px; border-radius:50%; background:#e2e2e2; border:2px solid #e2e2e2; z-index:1; margin-bottom:6px; }.cpi-os-step-done .cpi-os-dot { background:#14b8a6; border-color:#14b8a6; }.cpi-os-step-current .cpi-os-dot { background:#fff; border-color:#14b8a6; box-shadow:0 0 0 4px #ccfbf1; }.cpi-os-step-label { color:#888; font-size:10px; }.cpi-os-step-done .cpi-os-step-label,.cpi-os-step-current .cpi-os-step-label { color:#0f766e; font-weight:800; }.cpi-os-banner { padding:10px 14px; border-radius:7px; text-align:center; font-size:12px; font-weight:800; }.cpi-os-banner-danger { background:#fdecea; color:#b91c1c; }.cpi-os-banner-warning { background:#fff3e0; color:#92400e; }
.cpi-inquiry-item { margin-top:13px; padding:12px; border:1px solid #edf1f0; border-radius:10px; background:#fafcfc; }.cpi-inquiry-item-title { display:flex; justify-content:space-between; gap:10px; margin-bottom:9px; font-size:12px; }.cpi-offers-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.cpi-offer-card { display:grid; gap:6px; padding:10px; border:1px solid #e2e8e7; border-radius:9px; background:#fff; font-size:11.5px; }.cpi-offer-card.is-selected { border-color:#14b8a6; background:#f0fdfa; }.cpi-offer-card b { color:#0f766e; font-size:13px; }.cpi-offer-card small,.cpi-offer-card span { color:#70817e; }.cpi-selected-badge { display:inline-flex; width:max-content; padding:3px 8px; border-radius:999px; background:#dcfce7; color:#166534!important; font-weight:700; }.cpi-build-order-form { margin-top:12px; }.cpi-order-card-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; padding-top:11px; border-top:1px solid #edf1f0; font-size:12px; }.cpi-history { margin-top:12px; color:#64748b; font-size:11.5px; }.cpi-history summary { cursor:pointer; font-weight:700; }.cpi-history ol { line-height:1.9; padding-right:20px; }.cpi-pagination { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:18px; font-size:12px; }.cpi-pagination a { padding:7px 11px; border:1px solid #b8ebe5; border-radius:8px; color:#0f766e; background:#fff; }

.cpi-address-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.cpi-address-card { padding:14px; border:1px solid #e3e9e8; border-radius:12px; background:#fff; }.cpi-address-card.is-default { border-color:#14b8a6; background:#f8fffe; }.cpi-address-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }.cpi-address-head h3 { margin:0; font-size:14px; }.cpi-address-head>span { padding:3px 8px; border-radius:999px; background:#dcfce7; color:#166534; font-size:10px; font-weight:800; }.cpi-address-card p { margin:10px 0 6px; color:#536562; font-size:12px; line-height:1.9; }.cpi-address-card small { color:#83908e; }.cpi-address-actions { display:flex; gap:7px; margin-top:10px; }.cpi-address-actions form { margin:0; }

.cpi-security-multi-note { margin:10px 0; padding:10px 13px; border-radius:9px; background:#f0fdfa; color:#0f766e; font-size:12px; }.cpi-security-force-logout { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:14px 0; padding:14px; border:1px solid #fecaca; border-radius:12px; background:#fff7f7; }.cpi-security-force-logout p { margin:4px 0 0; color:#7f4b4b; font-size:11.5px; line-height:1.7; }.cpi-security-devices { display:grid; gap:10px; margin-top:14px; }.cpi-security-device-card { padding:13px 14px; border:1px solid #e5e7eb; border-radius:11px; background:#fff; }.cpi-security-device-card.is-current { border-color:#14b8a6; background:#f8fffe; }.cpi-security-device-card.is-logged-out { opacity:.72; background:#f8fafc; }.cpi-security-device-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; font-size:12.5px; }.cpi-security-current-badge { padding:3px 8px; border-radius:999px; background:#14b8a6; color:#fff; font-size:10px; font-weight:800; }.cpi-security-current-badge.is-off { background:#9ca3af; }.cpi-security-current-badge.is-on { background:#16a34a; }.cpi-security-device-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 12px; color:#71807e; font-size:11px; }.cpi-security-device-grid span { display:flex; justify-content:space-between; gap:8px; }.cpi-security-device-grid strong { color:#374b48; font-weight:700; }

@media (max-width:700px) {
  .cpi-account-page { padding:14px 9px 24px; }
  .cpi-account-header-bar { align-items:flex-start; gap:10px; padding:10px; }
  .cpi-account-avatar-wrap { width:72px; height:94px; flex-basis:72px; }.cpi-account-avatar-photo-label,.cpi-account-avatar-img,.cpi-account-avatar-placeholder { width:68px; height:68px; }.cpi-account-avatar-placeholder { font-size:30px; }.cpi-account-avatar-cam { top:48px; left:0; width:24px; height:24px; }.cpi-account-avatar-level-badge { top:58px; width:36px; height:36px; border-width:3px; font-size:15px; }
  .cpi-account-header-grid { gap:6px; }.cpi-account-header-field { padding:5px 7px; }.cpi-account-header-label { font-size:9.5px; }.cpi-account-header-value { font-size:11.5px; }
  .cpi-account-menu ul { gap:7px; }.cpi-account-menu a,.cpi-account-logout { min-height:44px; padding:9px 6px; font-size:11.5px; line-height:1.5; }
  .cpi-panel-title-row { align-items:flex-start; }.cpi-panel-title-row h2 { font-size:16px; }.cpi-panel-title-row p { font-size:11px; }
  .cpi-identity-grid,.cpi-address-list { grid-template-columns:1fr; }.cpi-form-grid-2 { grid-template-columns:1fr; }.cpi-doc-status-grid { grid-template-columns:1fr; }.cpi-identity-level-guide { grid-template-columns:1fr; gap:6px; }
  .cpi-dash-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cpi-dash-stat-box { padding:13px 7px; }.cpi-dash-stat-box .num { font-size:21px; }.cpi-dash-stat-box .lbl { font-size:10.5px; }
  .cpi-dash-recent-row { align-items:flex-start; }.cpi-dash-recent-car { max-width:65%; }
  .cpi-user-vehicle-card,.cpi-os-card { padding:13px; }.cpi-user-vehicle-meta { display:grid; gap:5px; }
  .cpi-offers-grid { grid-template-columns:1fr; }.cpi-order-card-footer,.cpi-security-force-logout { align-items:stretch; flex-direction:column; }.cpi-order-card-footer .cpi-secondary-btn { width:100%; }
  .cpi-os-step-label { font-size:8px; }.cpi-os-dot { width:16px; height:16px; }.cpi-os-step:not(:last-child)::after { top:7px; }
  .cpi-security-device-grid { grid-template-columns:1fr; }.cpi-security-device-grid span { justify-content:flex-start; flex-wrap:wrap; }
}
@media (max-width:390px) {
  .cpi-account-menu a,.cpi-account-logout { font-size:10.5px; }
  .cpi-account-header-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cpi-birthdate-picker { grid-template-columns:.75fr 1.35fr 1fr; gap:4px; }.cpi-birthdate-picker select { padding:7px 4px; font-size:11px; }
}
.cpi-header-edit-link { display:inline-flex; margin-right:4px; font-size:11px; color:#0d9488; vertical-align:middle; }
.cpi-order-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }.cpi-order-detail-heading h1 { margin-bottom:8px; }.cpi-order-detail-heading a { color:#0d9488; font-size:12px; font-weight:700; }

/* ========================================================================
   Customer parity pass 3: post-inquiry success modal with live countdown.
========================================================================= */
.kh-inquiry-result-dialog {
    width:min(520px,calc(100vw - 28px));
    max-height:calc(100vh - 110px);
    box-sizing:border-box;
    margin:max(76px,7vh) auto auto;
    padding:24px 22px 22px;
    overflow:auto;
    border:1px solid #b7eee7;
    border-radius:18px;
    background:#f8fffd;
    color:#173b38;
    text-align:center;
    box-shadow:0 22px 70px rgba(15,23,42,.22);
}
.kh-inquiry-result-dialog::backdrop { background:rgba(15,23,42,.52); backdrop-filter:blur(1px); }
.kh-inquiry-result-close {
    position:absolute;
    top:10px;
    left:12px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:#eaf7f5;
    color:#45615d;
    font:700 24px/1 inherit;
    cursor:pointer;
}
.kh-inquiry-result-success-icon { font-size:34px; line-height:1; }
.kh-inquiry-result-dialog h2 { margin:10px 28px 8px; color:#134e4a; font-size:19px; line-height:1.7; }
.kh-inquiry-result-vehicle { margin:4px 0; color:#4b635f; font-size:14px; font-weight:700; }
.kh-inquiry-result-id { margin:4px 0 12px; color:#5f716e; font-size:13px; }
.kh-inquiry-result-items { margin:12px 0; overflow:hidden; border:1px solid #dbe9e7; border-radius:12px; background:#fff; text-align:right; }
.kh-inquiry-result-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 11px; border-bottom:1px dashed #e5efed; font-size:13px; }
.kh-inquiry-result-item:last-child { border-bottom:0; }
.kh-inquiry-result-item span:last-child { color:#71817e; white-space:nowrap; }
.kh-inquiry-result-wait { margin:14px 0 5px; color:#6b7a77; font-size:12.5px; }
.kh-inquiry-result-timer { min-height:34px; margin:0 0 14px; color:#0d9488; font-size:24px; font-weight:900; letter-spacing:.5px; }
.kh-inquiry-result-action { display:inline-flex; align-items:center; justify-content:center; min-width:210px; min-height:42px; padding:8px 18px; border-radius:10px; background:#14b8a6; color:#fff; font-size:13px; font-weight:800; text-decoration:none; transition:.15s ease; }
.kh-inquiry-result-action:hover,.kh-inquiry-result-action:focus-visible { background:#0f9f91; outline:none; }
.kh-inquiry-result-action.is-disabled { background:#d2dcda; color:#758481; cursor:not-allowed; pointer-events:auto; }
.kh-inquiry-result-help { margin:13px 0 0; color:#7a8986; font-size:11px; line-height:1.8; }

@media (max-width:600px) {
    .kh-inquiry-result-dialog {
        width:calc(100vw - 18px);
        max-height:calc(100vh - 84px - env(safe-area-inset-bottom));
        margin:68px auto auto;
        padding:20px 14px 18px;
        border-radius:16px;
    }
    .kh-inquiry-result-dialog h2 { font-size:17px; }
    .kh-inquiry-result-item { align-items:flex-start; font-size:12px; }
    .kh-inquiry-result-timer { font-size:22px; }
    .kh-inquiry-result-action { width:100%; box-sizing:border-box; }
}

/* ========================================================================
   Customer parity pass 4: persistent active-flow bar + sheet below header.
   The server is read only; countdowns run in the browser from absolute dates.
========================================================================= */
:root {
    --kh-live-header-height: var(--kh-header-height, 61px);
    --kh-active-flow-bar-height: 0px;
}
body.kh-has-active-flow-bar:not(.cpi-seller-area) {
    padding-top: calc(var(--kh-header-height, 61px) + var(--kh-active-flow-bar-height, 0px));
}
body.kh-active-flow-open { overflow:hidden; }

.kh-active-flow-bar {
    position:fixed;
    top:var(--kh-live-header-height, 61px);
    left:0;
    right:0;
    z-index:490;
    min-height:42px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:7px 12px;
    background:#e6fffb;
    border-bottom:1px solid #99f6e4;
    color:#0f766e;
    box-shadow:0 2px 8px rgba(15,118,110,.08);
    font-size:13px;
    font-weight:800;
}
.kh-active-flow-bar[hidden] { display:none !important; }
.kh-active-flow-bar-text { line-height:1.7; text-align:center; }
.kh-active-flow-bar-button {
    flex:0 0 auto;
    border:0;
    border-radius:8px;
    padding:7px 15px;
    background:#14b8a6;
    color:#fff;
    font:800 12px/1.4 inherit;
    cursor:pointer;
}

.kh-active-flow-overlay {
    position:fixed;
    top:var(--kh-live-header-height, 61px);
    left:0;
    right:0;
    bottom:0;
    z-index:9998;
    background:rgba(15,23,42,.46);
    opacity:0;
    transition:opacity .24s ease;
}
.kh-active-flow-overlay[hidden] { display:none !important; }
.kh-active-flow-overlay.is-open { opacity:1; }

.kh-active-flow-sheet {
    position:fixed;
    top:var(--kh-live-header-height, 61px);
    left:0;
    right:0;
    z-index:9999;
    width:100%;
    max-height:calc(88vh - var(--kh-live-header-height, 61px));
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0;
    border-radius:0 0 18px 18px;
    background:#fff;
    color:#173b38;
    box-shadow:0 16px 45px rgba(15,23,42,.24);
    overflow:hidden;
    transform:translateY(-105%);
    opacity:.98;
    transition:transform .26s ease;
}
.kh-active-flow-sheet[hidden] { display:none !important; }
.kh-active-flow-sheet.is-open { transform:translateY(0); }
.kh-active-flow-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 18px;
    border-bottom:1px solid #e7eeec;
    background:#fff;
    font-size:15px;
}
.kh-active-flow-close {
    width:34px;
    height:34px;
    flex:0 0 34px;
    border:0;
    border-radius:50%;
    background:#eef8f6;
    color:#526865;
    font:700 25px/1 inherit;
    cursor:pointer;
}
.kh-active-flow-scroll {
    max-width:900px;
    max-height:calc(88vh - var(--kh-live-header-height, 61px) - 61px);
    margin:0 auto;
    padding:14px 16px 20px;
    overflow:auto;
    overscroll-behavior:contain;
}
.kh-active-flow-success {
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 13px;
    padding:11px 13px;
    border:1px solid #a7f3d0;
    border-radius:11px;
    background:#ecfdf5;
    color:#166534;
}
.kh-active-flow-success[hidden] { display:none !important; }
.kh-active-flow-success-icon { font-size:23px; }
.kh-active-flow-success strong,
.kh-active-flow-success span { display:block; }
.kh-active-flow-success span { margin-top:2px; font-size:11.5px; color:#347153; }
.kh-active-flow-section-title {
    margin:11px 2px 8px;
    color:#274944;
    font-size:13px;
    font-weight:900;
}
.kh-active-flow-list { display:grid; gap:9px; }
.kh-active-flow-card {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 14px;
    align-items:center;
    padding:12px 13px;
    border:1px solid #e1e9e7;
    border-radius:12px;
    background:#fbfdfd;
}
.kh-active-flow-card.is-offers_ready { border-color:#99f6e4; background:#f0fdfa; }
.kh-active-flow-card.is-awaiting_payment,
.kh-active-flow-card.is-quota { border-color:#fed7aa; background:#fffaf5; }
.kh-active-flow-card-heading {
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}
.kh-active-flow-card-heading strong { min-width:0; overflow-wrap:anywhere; font-size:13px; }
.kh-active-flow-card-heading span {
    flex:0 0 auto;
    padding:2px 7px;
    border-radius:999px;
    background:#eef5f4;
    color:#71817e;
    font-size:10px;
}
.kh-active-flow-parts {
    grid-column:1;
    display:flex;
    flex-wrap:wrap;
    gap:5px 8px;
    color:#6a7a77;
    font-size:10.5px;
}
.kh-active-flow-parts span:not(:last-child)::after { content:'،'; }
.kh-active-flow-status {
    grid-column:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    color:#586d69;
    font-size:11px;
}
.kh-active-flow-status strong { color:#0f766e; font-size:12px; direction:ltr; unicode-bidi:plaintext; }
.kh-active-flow-card.is-awaiting_payment .kh-active-flow-status strong,
.kh-active-flow-card.is-quota .kh-active-flow-status strong { color:#c2410c; }
.kh-active-flow-action {
    grid-column:2;
    grid-row:1 / span 3;
    align-self:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:112px;
    min-height:38px;
    box-sizing:border-box;
    padding:7px 12px;
    border-radius:9px;
    background:#14b8a6;
    color:#fff;
    text-decoration:none;
    font-size:11.5px;
    font-weight:900;
    white-space:nowrap;
}
.kh-active-flow-action.is-quota { background:#ea580c; }
.kh-active-flow-action.is-muted { background:#e4eeec; color:#53706b; }
.kh-active-flow-empty { padding:22px 8px; text-align:center; color:#7b8a87; font-size:12px; }
.kh-active-flow-empty[hidden] { display:none !important; }
body.cpi-seller-area .kh-active-flow-bar,
body.cpi-seller-area .kh-active-flow-overlay,
body.cpi-seller-area .kh-active-flow-sheet { display:none !important; }

@media (max-width:600px) {
    .kh-active-flow-bar { justify-content:space-between; gap:8px; padding:6px 9px; font-size:11.5px; }
    .kh-active-flow-bar-button { padding:7px 11px; font-size:11px; }
    .kh-active-flow-sheet { max-height:calc(90vh - var(--kh-live-header-height, 61px)); border-radius:0 0 15px 15px; }
    .kh-active-flow-header { padding:11px 12px; font-size:14px; }
    .kh-active-flow-scroll { max-height:calc(90vh - var(--kh-live-header-height, 61px) - 56px); padding:11px 9px 16px; }
    .kh-active-flow-card { grid-template-columns:minmax(0,1fr); gap:6px; padding:11px; }
    .kh-active-flow-parts,.kh-active-flow-status,.kh-active-flow-action { grid-column:1; }
    .kh-active-flow-action { grid-row:auto; width:100%; min-height:39px; margin-top:2px; }
    .kh-active-flow-status { align-items:flex-start; flex-direction:column; gap:3px; }
}

/* ========================================================================
   V9 — Persian/readability/mobile pass + identity level explainer.
   Keeps controls touch-friendly on small Android/iPhone screens without
   changing backend semantics.
========================================================================= */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-x:hidden; }
body { overflow-x:hidden; font-size:15px; line-height:1.75; }
button,input,select,textarea { font-family:inherit; }
input,select,textarea { min-height:44px; font-size:16px; line-height:1.55; }
button { min-height:44px; }
.kh-header { padding-top:calc(10px + env(safe-area-inset-top)); }
:root { --kh-header-height:calc(61px + env(safe-area-inset-top)); }
.kh-header summary { font-size:13px !important; min-height:40px; }
.kh-support-link { min-height:44px; display:flex; align-items:center; font-size:14px; }
.kh-bottom-nav-item { min-height:48px; font-size:12px; line-height:1.35; }
.kh-footer,.kooh-footer-menu a { font-size:14px; line-height:1.9; }

.kh-inline-panel .kh-part-row select.kh-part-qty {
    width:100%; min-width:82px; padding:10px 12px; border:1px solid #bbb;
    border-radius:8px; background:#fff; color:#173b38; font-size:16px;
}
.kh-inline-panel .kh-part-row label { min-width:0; }
.kh-inline-panel details textarea { min-height:105px; line-height:1.9; }

/* The verification badge is a separate, tappable circle below the avatar. */
.cpi-account-avatar-wrap { height:148px; }
.cpi-account-avatar-level-badge {
    top:94px; width:52px; height:52px; border-width:4px; font-size:21px;
    cursor:pointer; appearance:none; -webkit-appearance:none;
}
.cpi-account-avatar-level-badge:focus-visible { outline:3px solid rgba(20,184,166,.28); outline-offset:3px; }
.cpi-account-avatar-level-badge::after {
    content:'سطح'; position:absolute; top:100%; margin-top:4px; color:#60716e;
    font-size:10px; font-weight:800; white-space:nowrap;
}
.cpi-identity-level-dialog {
    width:min(560px,calc(100vw - 28px)); max-height:min(720px,calc(100vh - 40px));
    padding:22px; border:1px solid #b8ebe5; border-radius:18px; background:#fff;
    color:#173b38; box-shadow:0 24px 80px rgba(15,23,42,.28); overflow:auto;
}
.cpi-identity-level-dialog::backdrop { background:rgba(15,23,42,.5); backdrop-filter:blur(1px); }
.cpi-identity-level-dialog-close {
    float:left; width:42px; height:42px; min-height:42px; padding:0; border:0;
    border-radius:50%; background:#eef8f6; color:#45615d; font-size:26px; cursor:pointer;
}
.cpi-identity-level-dialog h2 { margin:4px 0 8px; padding-left:48px; font-size:19px; line-height:1.8; }
.cpi-identity-level-dialog-intro { margin:0 0 16px; color:#647773; font-size:13.5px; line-height:1.9; }
.cpi-identity-level-dialog-steps { display:grid; gap:10px; }
.cpi-identity-level-dialog-steps article {
    display:flex; gap:11px; align-items:flex-start; padding:12px; border:1px solid #e2e8e7;
    border-radius:12px; background:#f8fafc;
}
.cpi-identity-level-dialog-steps article>span {
    display:flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:38px;
    border-radius:50%; background:#cbd5e1; color:#fff; font-size:16px; font-weight:900;
}
.cpi-identity-level-dialog-steps strong { display:block; margin-bottom:3px; font-size:14px; }
.cpi-identity-level-dialog-steps p { margin:0; color:#667773; font-size:13px; line-height:1.85; }
.cpi-identity-level-dialog-steps article.is-done { border-color:#99f6e4; background:#f0fdfa; }
.cpi-identity-level-dialog-steps article.is-done>span { background:#14b8a6; }
.cpi-identity-level-dialog-steps article.is-current { border:2px solid #14b8a6; background:#ecfdf5; }
.cpi-identity-level-dialog-steps article.is-current>span { background:#0d9488; box-shadow:0 0 0 4px #ccfbf1; }
.cpi-identity-level-dialog-action { width:100%; margin-top:14px; min-height:46px; }

/* Readability floor for customer-facing cards and status text. */
.cpi-account-header-label { font-size:12px; }
.cpi-account-header-value { font-size:14px; line-height:1.7; }
.cpi-account-menu a,.cpi-account-logout { font-size:13px; line-height:1.6; }
.cpi-panel-title-row p,.cpi-card-heading p,.cpi-panel-form label,
.cpi-success-box,.cpi-info-box,.cpi-warning-box,.cpi-muted-note,
.cpi-transfer-box summary,.cpi-transfer-box>p { font-size:13px; }
.cpi-identity-level-step strong { font-size:13px; }
.cpi-identity-level-step small { font-size:12px; line-height:1.75; }
.cpi-os-date,.cpi-os-badge,.cpi-order-summary-grid,.cpi-inquiry-item-title,
.cpi-offer-card,.cpi-history,.cpi-address-card p,.cpi-security-multi-note,
.cpi-security-force-logout p,.cpi-security-device-grid,.cpi-security-current-badge,
.cpi-os-step-label { font-size:12px; line-height:1.7; }
.kh-active-flow-bar { font-size:13px; }
.kh-active-flow-bar-button,.kh-active-flow-status,.kh-active-flow-action,
.kh-active-flow-parts,.kh-active-flow-empty,.kh-active-flow-success span { font-size:12.5px; }
.kh-active-flow-card-heading span { font-size:11.5px; }
.kh-active-flow-status strong { font-size:13px; }

@media (max-width:700px) {
    body { font-size:15px; }
    .kh-container { padding-left:12px; padding-right:12px; }
    .kh-header { gap:7px; padding-right:10px; padding-left:10px; }
    .kh-logo-link { min-width:72px; }
    .kh-logo img { height:34px; }
    .cpi-city-widget { max-width:125px; font-size:13px; }
    .cpi-header-city { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .cpi-home { width:min(100% - 16px,760px); padding-top:14px; }
    .cpi-wrapper { padding:13px; border-radius:18px; }
    #cpi-service-panel { margin:14px 4px; padding:10px; }
    .kh-inline-panel h2 { font-size:18px; line-height:1.8; }
    .kh-inline-panel [data-part-rows] .kh-part-row { grid-template-columns:minmax(0,1fr) 104px; gap:9px; align-items:end; }
    .kh-inline-panel [data-remove-part] { grid-column:1/-1; min-height:40px; }
    .kh-inline-panel .kh-part-row select.kh-part-qty { min-width:0; }
    .kh-order-type label { min-height:46px; padding:10px 12px; }

    .cpi-account-header-bar { gap:12px; padding:12px; }
    .cpi-account-avatar-wrap { width:80px; height:124px; flex-basis:80px; }
    .cpi-account-avatar-photo-label,.cpi-account-avatar-img,.cpi-account-avatar-placeholder { width:74px; height:74px; }
    .cpi-account-avatar-placeholder { font-size:32px; }
    .cpi-account-avatar-cam { top:52px; left:0; width:26px; height:26px; }
    .cpi-account-avatar-level-badge { top:77px; width:46px; height:46px; font-size:18px; }
    .cpi-account-header-label { font-size:11.5px; }
    .cpi-account-header-value { font-size:13px; }
    .cpi-account-menu a,.cpi-account-logout { min-height:48px; padding:10px 7px; font-size:12.5px; }
    .cpi-panel-title-row h2 { font-size:17px; line-height:1.7; }
    .cpi-panel-title-row p { font-size:12.5px; }
    .cpi-dash-stat-box .lbl { font-size:12px; line-height:1.6; }
    .cpi-os-step-label { font-size:10.5px; }
    .cpi-security-device-grid { font-size:12.5px; }
    .kh-active-flow-bar { font-size:12.5px; }
    .kh-active-flow-bar-button { min-height:38px; font-size:12px; }
    .kh-active-flow-card-heading strong { font-size:13.5px; }
    .kh-active-flow-parts,.kh-active-flow-status,.kh-active-flow-action { font-size:12.5px; }
}

@media (max-width:390px) {
    .kh-header { padding-right:7px; padding-left:7px; }
    .kh-logo img { height:31px; }
    .kh-header summary { padding-left:8px !important; padding-right:8px !important; font-size:12px !important; }
    .cpi-city-widget { max-width:105px; font-size:12px; }
    .kh-bottom-nav-item { font-size:11.5px; }
    .cpi-account-header-bar { align-items:flex-start; }
    .cpi-account-header-grid { grid-template-columns:1fr; }
    .cpi-account-menu ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cpi-account-menu a,.cpi-account-logout { font-size:12px; }
    .cpi-birthdate-picker { grid-template-columns:1fr; }
    .cpi-birthdate-picker select { font-size:16px; padding:9px 8px; }
    .cpi-identity-level-dialog { width:calc(100vw - 16px); padding:16px 13px 18px; border-radius:16px; }
    .cpi-identity-level-dialog h2 { font-size:17px; }
    .cpi-identity-level-dialog-steps p { font-size:12.5px; }
}


/* ========================================================================
   V10 — fully Persian file picker in inquiry extra details.
   The native file input remains available to assistive technology, while
   Chromium/WebKit/Firefox English chrome is never shown to the customer.
========================================================================= */
.kh-file-field { display:grid; gap:7px; margin-top:12px; }
.kh-file-field>.kh-field-label { color:#314c48; font-size:14px; font-weight:700; line-height:1.8; }
.kh-file-picker {
    display:flex; align-items:center; gap:10px; min-width:0; padding:8px;
    border:1px solid #d7e4e2; border-radius:10px; background:#fbfdfd;
}
.kh-file-native {
    position:absolute !important; width:1px !important; height:1px !important; min-height:1px !important;
    padding:0 !important; margin:-1px !important; overflow:hidden; clip:rect(0,0,0,0);
    white-space:nowrap; border:0 !important; opacity:.01;
}
.kh-file-button {
    display:inline-flex !important; align-items:center; justify-content:center; flex:0 0 auto;
    min-height:42px; padding:8px 14px; border-radius:9px; background:var(--cpi-brand-dark);
    color:#fff !important; font-size:14px; font-weight:800; cursor:pointer; user-select:none;
}
.kh-file-native:focus-visible + .kh-file-button { outline:3px solid rgba(20,184,166,.28); outline-offset:2px; }
.kh-file-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#667a76; font-size:13px; direction:rtl; }
@media (max-width:390px) {
    .kh-file-picker { align-items:stretch; flex-direction:column; }
    .kh-file-button { width:100%; box-sizing:border-box; }
    .kh-file-name { width:100%; text-align:center; white-space:normal; overflow-wrap:anywhere; line-height:1.7; }
}

/* Seller dashboard V13: compact WordPress-like cards, RTL and mobile-first. */
.kh-seller-dashboard{direction:rtl;padding-bottom:32px}
.kh-seller-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:18px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}
.kh-seller-head h1{margin:4px 0 6px;font-size:clamp(21px,3vw,30px)}
.kh-seller-head p{margin:0;color:#475569}
.kh-seller-eyebrow{font-size:13px;color:#64748b}
.kh-status-ok{color:#137333}.kh-status-off{color:#b42318}
.kh-seller-availability{margin:0}.kh-seller-availability button{min-height:44px}
.kh-btn-muted{background:#fff;color:#334155;border:1px solid #cbd5e1}.kh-btn-primary{font-weight:700}
.kh-seller-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 10px;scrollbar-width:thin}.kh-seller-tabs a{white-space:nowrap;min-height:42px;display:flex;align-items:center}
.kh-seller-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.kh-seller-stat{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon num" "icon label";align-items:center;gap:2px 10px;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;text-decoration:none;color:inherit;min-height:94px}
.kh-seller-stat .kh-stat-icon{grid-area:icon;font-size:28px}.kh-seller-stat strong{grid-area:num;font-size:24px;line-height:1.15}.kh-seller-stat>span:last-child{grid-area:label;font-size:13px;color:#64748b}
.kh-seller-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kh-seller-overview-grid .kh-panel{margin:0}
.kh-chip{display:inline-block;margin:3px 2px;padding:4px 8px;border-radius:999px;background:#f1f5f9;font-size:12.5px}
.kh-action-link{display:inline-flex;margin-top:6px;font-weight:700}
.kh-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.kh-section-head h2,.kh-section-head p{margin:0}
.kh-seller-recent{margin-top:12px}.kh-seller-request-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(220px,2fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eef2f7}.kh-seller-request-row:first-of-type{border-top:0}.kh-seller-request-row>div:first-child{display:flex;flex-direction:column;gap:3px}.kh-seller-request-row span{font-size:13px;color:#64748b}.kh-request-parts{display:flex;flex-wrap:wrap;gap:6px}.kh-request-parts span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:4px 7px}
.kh-seller-inquiry-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kh-seller-inquiry-card>header h2{margin:0 0 4px}.kh-seller-inquiry-card>header p{margin:0;color:#64748b}
.kh-offer-form{margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb}.kh-offer-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.kh-offer-title h3{margin:0}.kh-offer-title span{font-size:13px;color:#64748b}.kh-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.kh-private-buy-box{margin:12px 0;border:1px dashed #cbd5e1;border-radius:12px;padding:12px}.kh-private-buy-box legend{padding:0 6px;font-weight:700}
.kh-specialty-box{border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin:16px 0}.kh-specialty-box legend{font-weight:800;padding:0 7px}.kh-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:10px 0}.kh-check-grid label{display:flex;align-items:center;gap:7px}.kh-check-grid input[type="checkbox"]{width:18px;height:18px;flex:0 0 auto}.kh-scope-block{margin-top:12px;padding:12px;border-radius:12px;background:#f8fafc}.kh-scope-block[hidden]{display:none!important}
@media(max-width:820px){.kh-seller-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-seller-overview-grid{grid-template-columns:1fr}.kh-seller-request-row{grid-template-columns:1fr}.kh-offer-grid{grid-template-columns:1fr}.kh-seller-head{align-items:stretch;flex-direction:column}.kh-seller-availability button{width:100%}}
@media(max-width:480px){.kh-seller-dashboard{padding-inline:10px}.kh-seller-stat-grid{gap:8px}.kh-seller-stat{padding:12px;min-height:82px}.kh-seller-stat strong{font-size:21px}.kh-check-grid{grid-template-columns:1fr}.kh-offer-title{align-items:flex-start;flex-direction:column}.kh-seller-inquiry-card>header{flex-direction:column}.kh-seller-tabs a{font-size:13px;padding:8px 10px}.kh-section-head{align-items:flex-start;flex-direction:column}}

/* === Seller dashboard / profile parity V14 === */
.kh-seller-new-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 16px;border:1px solid #99e3d9;background:#eefcf9;border-radius:12px;text-decoration:none;color:#0f5f56;font-weight:700}.kh-seller-new-banner strong{font-size:1.25rem}.kh-seller-greeting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin:0 0 18px;border-radius:16px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff}.kh-seller-greeting>div{display:flex;flex-direction:column;gap:4px}.kh-seller-greeting>div strong{font-size:1.08rem}.kh-seller-greeting>div span{font-size:.88rem;opacity:.9}.kh-seller-state-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-weight:700;white-space:nowrap}.kh-seller-state-pill.is-on{background:rgba(255,255,255,.25)}
.kh-seller-gauge-wrap{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) 210px minmax(120px,1fr) minmax(120px,1fr);align-items:center;gap:14px;margin:0 0 18px;padding:18px;border:1px solid #e7eceb;border-radius:16px;background:#fff}.kh-seller-gauge-stat{min-height:96px;padding:14px;border-radius:14px;background:#f7faf9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kh-seller-gauge-stat strong{font-size:1.65rem;line-height:1.1;color:#0f766e}.kh-seller-gauge-stat span{margin-top:7px;color:#5f6f6d;font-size:.86rem}.kh-seller-gauge{--seller-response:0;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(#14b8a6 calc(var(--seller-response) * 1%),#e9efee 0);position:relative}.kh-seller-gauge:before{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.kh-seller-gauge>div{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center}.kh-seller-gauge strong{font-size:2rem;color:#0f766e}.kh-seller-gauge span{font-size:.8rem;color:#667572}
.kh-seller-today,.kh-seller-stock-overview,.kh-seller-weekly,.kh-seller-recent-offers{margin-bottom:18px}.kh-seller-today-grid,.kh-seller-stock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kh-seller-stat-grid .kh-seller-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;text-align:center}.kh-seller-stat-grid .kh-seller-stat strong{font-size:1.45rem;color:#0f766e}.kh-seller-stat-grid .kh-seller-stat span{font-size:.83rem;margin-top:6px;color:#5e6b69}.kh-seller-period-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px;padding-top:12px;border-top:1px dashed #d9e2e0;font-size:.88rem;color:#53615f}.kh-seller-stock-warning{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding:10px 12px;background:#fff8e7;border:1px solid #f4d58b;border-radius:10px;color:#765c1b;font-size:.86rem}
.kh-seller-bars{height:230px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;padding:12px 0 4px}.kh-seller-bar-item{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.kh-seller-bar-track{height:150px;width:min(34px,70%);background:#edf2f1;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.kh-seller-bar-track span{display:block;width:100%;min-height:4px;background:#14b8a6;border-radius:8px 8px 0 0}.kh-seller-bar-item strong{font-size:.73rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.kh-seller-bar-item small{font-size:.72rem;color:#6b7775}.kh-responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.kh-responsive-table table{width:100%;border-collapse:collapse;min-width:620px}.kh-responsive-table th,.kh-responsive-table td{padding:10px 12px;border-bottom:1px solid #edf0ef;text-align:right;font-size:.88rem}
.kh-seller-profile-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.kh-seller-profile-head h1{margin:.2rem 0}.kh-inline-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.kh-seller-lock-note{padding:12px 14px;margin-bottom:16px;background:#fff7df;border:1px solid #efd28e;border-radius:12px;color:#705718;line-height:1.8}.kh-seller-info-card{margin-bottom:16px}.kh-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e9eeed;border:1px solid #e9eeed;border-radius:12px;overflow:hidden}.kh-info-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:#fff;min-width:0}.kh-info-grid>div>span{font-size:.78rem;color:#6b7775}.kh-info-grid>div>strong{font-size:.92rem;color:#24302e;overflow-wrap:anywhere}.kh-info-grid .kh-info-wide{grid-column:1/-1}.kh-seller-scope-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed #e0e5e4}.kh-seller-scope-row>span{min-width:110px;font-size:.82rem;color:#687572}.kh-seller-scope-row>div{display:flex;flex-wrap:wrap;gap:6px}.kh-seller-vehicle-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.kh-small-muted{font-size:.78rem;color:#72807d;margin-top:12px}
@media(max-width:900px){.kh-seller-gauge-wrap{grid-template-columns:repeat(2,minmax(0,1fr));}.kh-seller-gauge{grid-column:1/-1;grid-row:1;width:170px;height:170px}.kh-seller-today-grid,.kh-seller-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.kh-seller-new-banner{padding:11px 12px;font-size:.9rem}.kh-seller-greeting,.kh-seller-profile-head{align-items:stretch;flex-direction:column}.kh-seller-state-pill{align-self:flex-start}.kh-seller-gauge-wrap{padding:12px;gap:8px}.kh-seller-gauge-stat{min-height:82px;padding:10px}.kh-seller-gauge-stat strong{font-size:1.35rem}.kh-seller-gauge{width:150px;height:150px}.kh-seller-gauge:before{inset:13px}.kh-seller-gauge strong{font-size:1.65rem}.kh-seller-today-grid,.kh-seller-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-seller-bars{gap:5px;height:205px}.kh-seller-bar-track{height:128px;width:min(26px,78%)}.kh-seller-bar-item strong{font-size:.68rem}.kh-info-grid{grid-template-columns:1fr}.kh-info-grid .kh-info-wide{grid-column:auto}.kh-seller-scope-row{flex-direction:column;gap:5px}.kh-seller-scope-row>span{min-width:0}.kh-inline-btn{width:100%;min-height:44px}.kh-responsive-table th,.kh-responsive-table td{font-size:.83rem}}
@media(max-width:380px){.kh-seller-gauge-stat span,.kh-seller-stat-grid .kh-seller-stat span{font-size:.76rem}.kh-seller-gauge-stat strong,.kh-seller-stat-grid .kh-seller-stat strong{font-size:1.22rem}.kh-seller-bars{gap:3px}.kh-seller-bar-track{width:20px}.kh-seller-bar-item strong{font-size:.62rem}.kh-seller-bar-item small{font-size:.64rem}}


/* === Seller security + customer offer filters V15 === */
.kh-seller-security{margin-top:16px}.kh-security-note,.kh-security-warning,.kh-security-active-count{padding:11px 13px;border-radius:11px;margin:10px 0;line-height:1.9;font-size:.88rem}.kh-security-note{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.kh-security-warning{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12}.kh-security-active-count{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.kh-security-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.kh-security-actions form{margin:0}.kh-security-actions button{min-height:44px}.kh-security-danger{background:#b42318;color:#fff;border:1px solid #b42318;border-radius:10px;padding:9px 14px;font-weight:700}.kh-security-device-list{display:grid;gap:10px;margin-top:14px}.kh-security-device{padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.kh-security-device.is-current{border-color:#5eead4;background:#f0fdfa}.kh-security-device.is-off{opacity:.7}.kh-security-device-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.kh-security-device-head>span{font-size:.76rem;padding:4px 8px;border-radius:999px;background:#e2e8f0}.kh-security-device-head>span.is-active{background:#dcfce7;color:#166534}.kh-security-device-head>span.is-off{background:#f1f5f9;color:#64748b}.kh-security-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:10px;font-size:.82rem;color:#64748b}.kh-security-device-grid span{display:flex;justify-content:space-between;gap:8px}.kh-security-device-grid strong{color:#334155;font-weight:700}.kh-seller-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kh-seller-entry-grid .kh-panel{margin:0}.kh-seller-entry-grid h2{margin-top:0}.cpi-offer-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.cpi-offer-tools label{font-size:.78rem;color:#64748b;display:flex;flex-direction:column;gap:5px}.cpi-offer-tools select{min-height:42px;width:100%;font-size:16px}.cpi-offer-source-badge{display:inline-flex;margin-inline-start:6px;padding:2px 7px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.72rem;font-weight:700}.cpi-offer-card[hidden]{display:none!important}.cpi-offer-empty-filter{margin-top:8px}
@media(max-width:780px){.cpi-offer-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-seller-entry-grid{grid-template-columns:1fr}}
@media(max-width:480px){.cpi-offer-tools{grid-template-columns:1fr}.kh-security-actions{flex-direction:column}.kh-security-actions form,.kh-security-actions button{width:100%}.kh-security-device-head{align-items:flex-start;flex-direction:column}.kh-security-device-grid{grid-template-columns:1fr}.kh-security-device-grid span{flex-direction:column;gap:2px}}

/* V16: کیف پول، تسویه و فرم‌های مالی */
.kh-wallet-page{max-width:960px;margin-inline:auto;display:grid;gap:16px;padding-bottom:max(28px,env(safe-area-inset-bottom))}
.kh-wallet-page h1,.kh-wallet-page h2{line-height:1.5}
.kh-wallet-page form{display:grid;gap:12px}
.kh-wallet-page label{display:grid;gap:7px;font-weight:700}
.kh-wallet-page input,.kh-wallet-page select{min-height:48px;font-size:16px}
.kh-stack-list{display:grid;gap:10px;margin-top:14px}
.kh-list-card{display:flex;gap:10px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;line-height:1.8}
.kh-list-card small{flex-basis:100%;color:#64748b}
.kh-field-help{display:block;margin-top:6px;color:#64748b;font-size:.9rem;line-height:1.7}
@media(max-width:560px){.kh-wallet-page{padding-inline:10px}.kh-list-card{align-items:flex-start;flex-direction:column}.kh-wallet-page input,.kh-wallet-page select,.kh-wallet-page button{font-size:16px}}

/* V17: انتخاب جستجویی خودرو + مرکز تیکت */
.kh-vehicle-picker{display:grid;gap:10px;margin-top:8px}.kh-vehicle-picker input[type="search"]{width:100%;min-height:48px;font-size:16px}.kh-vehicle-picker-results{display:grid;gap:7px;max-height:340px;overflow:auto;padding:4px}.kh-vehicle-result{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px 11px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer}.kh-vehicle-result input{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 auto;margin-top:3px}.kh-vehicle-result span{display:flex;flex-direction:column;gap:3px;min-width:0}.kh-vehicle-result strong{font-size:.93rem}.kh-vehicle-result small{color:#64748b;font-size:.78rem;overflow-wrap:anywhere}.kh-vehicle-picker-selected{padding:10px;border-radius:12px;background:#f8fafc}.kh-vehicle-picker-selected>[data-vehicle-picker-selected]{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.kh-vehicle-chip{border:1px solid #99d7cf;border-radius:999px;background:#effcf9;color:#0f5f56;padding:7px 10px;cursor:pointer;line-height:1.5}
.kh-support-page{max-width:1100px;padding-bottom:max(30px,env(safe-area-inset-bottom))}.kh-support-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:16px}.kh-support-new form{display:grid;gap:9px}.kh-support-new input,.kh-support-new select,.kh-support-new textarea,.kh-ticket-detail-head+* textarea{font-size:16px;min-height:46px}.kh-readonly-box{padding:10px 12px;border:1px solid #dfe7e5;border-radius:10px;background:#f8faf9}.kh-support-list{min-width:0}.kh-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-top:1px solid #edf1f0;text-decoration:none;color:inherit}.kh-ticket-row:first-of-type{border-top:0}.kh-ticket-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.kh-ticket-row>div:last-child{align-items:flex-end}.kh-ticket-row strong{overflow-wrap:anywhere}.kh-ticket-row span,.kh-ticket-row small{font-size:.8rem;color:#64748b}.kh-ticket-status{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:999px;font-weight:700}.kh-ticket-status.is-open{background:#fff7ed;color:#9a3412}.kh-ticket-status.is-answered{background:#ecfdf5;color:#047857}.kh-ticket-status.is-closed{background:#f1f5f9;color:#475569}.kh-ticket-thread{display:grid;gap:10px;margin:14px 0}.kh-ticket-message{max-width:min(760px,92%);padding:13px 15px;border-radius:16px;border:1px solid #e2e8f0}.kh-ticket-message.is-user{justify-self:start;background:#fff}.kh-ticket-message.is-staff{justify-self:end;background:#effcf9;border-color:#b9e9e2}.kh-ticket-message header{display:flex;justify-content:space-between;gap:12px;font-size:.8rem}.kh-ticket-message time{color:#64748b}.kh-ticket-message p{margin:8px 0 0;line-height:1.9;overflow-wrap:anywhere}.kh-inline-form{display:inline-block;margin-top:10px}.kh-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
@media(max-width:760px){.kh-support-layout{grid-template-columns:1fr}.kh-ticket-row{align-items:flex-start;flex-direction:column}.kh-ticket-row>div:last-child{align-items:flex-start}.kh-ticket-message{max-width:96%}}
@media(max-width:390px){.kh-vehicle-result{padding:9px}.kh-vehicle-chip{width:100%;text-align:right}.kh-ticket-message{max-width:100%;padding:11px}.kh-ticket-message header{flex-direction:column;gap:2px}}

/* === Seller request inbox parity V20 === */
.kh-seller-new-banner[hidden]{display:none!important}
.kh-seller-new-banner.is-fresh{animation:khSellerFresh 1.1s ease 0s 2}
@keyframes khSellerFresh{0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(20,184,166,0)}50%{transform:translateY(-2px);box-shadow:0 7px 24px rgba(20,184,166,.18)}}
.kh-seller-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 20px}
.kh-seller-request-card{border:1px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.kh-seller-request-card.is-new{border-color:#14b8a6;box-shadow:0 0 0 2px rgba(20,184,166,.10)}
.kh-seller-request-card.is-priced{border-color:#8dd8cf}
.kh-seller-request-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:15px 16px;cursor:pointer;list-style:none;min-height:150px}
.kh-seller-request-summary::-webkit-details-marker{display:none}
.kh-seller-request-summary:focus-visible{outline:3px solid rgba(20,184,166,.25);outline-offset:-3px}
.kh-seller-request-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kh-seller-request-title-row h3{margin:0;font-size:16px;line-height:1.8;color:#172b27}.kh-seller-request-title-row h3 small{font-size:12px;color:#64748b;font-weight:600}.kh-request-id{font-size:12px;color:#94a3b8;white-space:nowrap}
.kh-request-new-badge,.kh-order-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;vertical-align:middle}.kh-request-new-badge{background:#ccfbf1;color:#0f766e}.kh-order-badge{background:#eef2ff;color:#4338ca}.kh-order-badge.is-wholesale{background:#fff7ed;color:#c2410c}
.kh-seller-request-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin:7px 0 10px;color:#64748b;font-size:12.5px}.kh-request-parts-card{margin-top:8px}
.kh-seller-request-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:155px}.kh-request-progress,.kh-request-countdown,.kh-request-open-text{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:7px 9px;font-size:12px;text-align:center}.kh-request-progress{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.kh-request-progress.is-done{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.kh-request-countdown{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.kh-request-open-text{background:#0f766e;color:#fff;font-weight:800;width:100%}
.kh-seller-request-detail{border-top:1px solid #e2e8f0;background:#fbfdfd;padding:16px}.kh-request-note{padding:9px 11px;margin:0 0 8px;border-radius:10px;background:#fff;border:1px solid #e8eeed;font-size:13px;line-height:1.8}
.kh-seller-item-offers{padding:15px;margin-top:12px;border:1px solid #dce8e6;border-radius:14px;background:#fff}.kh-seller-item-offers:first-of-type{margin-top:14px}.kh-prior-offers{margin:12px 0 16px}.kh-prior-offers h4{margin:0 0 8px;font-size:14px}.kh-prior-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kh-prior-offer-card{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:11px;min-width:0}.kh-prior-offer-card p{margin:5px 0;font-size:12.5px;line-height:1.7}.kh-prior-offer-card small{color:#64748b}.kh-prior-offer-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.kh-prior-offer-head>span{background:#e2e8f0;border-radius:999px;padding:2px 7px;font-size:10.5px;white-space:nowrap}.kh-private-line{color:#7c2d12}.kh-offer-repeat-note{font-size:12px;color:#64748b;margin:8px 0 0}
.kh-offer-batch-form{margin-top:14px;padding-top:14px;border-top:1px dashed #cbd5e1}.kh-offer-entry-list{display:grid;gap:10px}.kh-offer-entry{padding:12px;border:1px solid #e2e8f0;border-radius:13px;background:#fcfefe}.kh-offer-entry-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.kh-offer-entry-head strong{font-size:14px;color:#0f5f56}.kh-remove-offer-entry{border:0;background:transparent;color:#b42318;font-size:12px;font-weight:700;cursor:pointer;padding:5px}.kh-remove-offer-entry[hidden]{display:none!important}.kh-offer-batch-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.kh-offer-batch-actions button{min-height:44px}.kh-offer-batch-actions .kh-btn-primary{border:1px solid #0f766e;border-radius:10px;padding:9px 14px;background:#0f766e;color:#fff}.kh-offer-batch-actions .kh-btn-muted{border-radius:10px;padding:9px 14px}.kh-seller-paused-note{color:#9a3412;background:#fff7ed;border-color:#fed7aa}
@media(max-width:900px){.kh-seller-request-grid{grid-template-columns:1fr}.kh-prior-offer-grid{grid-template-columns:1fr}}
@media(max-width:620px){.kh-seller-request-summary{grid-template-columns:1fr;padding:13px;min-height:0}.kh-seller-request-side{align-items:stretch;min-width:0}.kh-request-progress,.kh-request-countdown,.kh-request-open-text{width:auto}.kh-seller-request-title-row{gap:6px}.kh-seller-request-title-row h3{font-size:15px}.kh-seller-request-detail{padding:11px}.kh-seller-item-offers{padding:11px}.kh-offer-batch-actions{flex-direction:column}.kh-offer-batch-actions button{width:100%}}
@media(max-width:380px){.kh-seller-request-meta{font-size:11.5px}.kh-prior-offer-card p{font-size:12px}.kh-seller-request-title-row{flex-direction:column}.kh-request-id{align-self:flex-start}}

/* === V21 live offer refresh / seller repricing window === */
.cpi-offer-refresh-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:12px 14px;border:1px solid #bde9e4;border-radius:12px;background:#f0fdfa}.cpi-offer-refresh-row.is-waiting{border-color:#fde68a;background:#fffbeb}.cpi-offer-refresh-row>div{display:grid;gap:4px;min-width:0}.cpi-offer-refresh-row strong{font-size:.9rem;color:#0f766e}.cpi-offer-refresh-row.is-waiting strong{color:#92400e}.cpi-offer-refresh-row span{font-size:.78rem;color:#64748b;line-height:1.8}.cpi-seller-offer-countdown{font-weight:700;color:#0f766e!important}.cpi-offer-refresh-btn{flex:0 0 auto;min-height:42px}.cpi-offer-refresh-btn:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:620px){.cpi-offer-refresh-row{align-items:stretch;flex-direction:column}.cpi-offer-refresh-btn{width:100%}}

/* === V22: seller offer form — WordPress parity + responsive hardening === */
.kh-seller-dashboard{max-width:1200px!important;width:100%;box-sizing:border-box}
.kh-seller-request-card,.kh-seller-request-detail,.kh-seller-item-offers,.kh-offer-batch-form,.kh-offer-entry,.kh-private-buy-box{min-width:0;box-sizing:border-box}
.kh-seller-request-detail{overflow:hidden}
.kh-seller-item-offers{overflow:hidden}
.kh-offer-entry{background:#fbfcfd;border-color:#dfe7e5;padding:14px}
.kh-offer-entry-head{margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #edf1f0}
.kh-offer-entry-head>span{font-size:12px;color:#74827f}
.kh-offer-grid{align-items:start}
.kh-offer-grid-main{grid-template-columns:repeat(3,minmax(0,1fr))}
.kh-offer-grid-main>label:last-child{grid-column:auto}
.kh-offer-grid-private{grid-template-columns:repeat(2,minmax(0,1fr))}
.kh-offer-grid-private>label:last-child{grid-column:1/-1;max-width:calc(50% - 6px)}
.kh-offer-entry label,.kh-private-buy-box label,.kh-offer-description{display:flex!important;flex-direction:column;gap:6px;min-width:0;color:#384b47;font-size:13px;font-weight:750;line-height:1.7}
.kh-offer-entry input,.kh-offer-entry textarea,.kh-private-buy-box input{display:block;width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box;border:1px solid #d4dddb;border-radius:9px;background:#fff;color:#172b27;font-family:inherit;font-size:16px;line-height:1.55;padding:10px 12px;outline:none}
.kh-offer-entry input{min-height:46px}
.kh-offer-entry textarea{min-height:76px;resize:vertical}
.kh-offer-entry input:focus,.kh-offer-entry textarea:focus,.kh-private-buy-box input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.13)}
.kh-private-buy-box{width:100%;padding:12px 13px;margin:13px 0;border:1px dashed #bfcfcb;background:#f9fcfb}
.kh-private-buy-box legend{font-size:12.5px;color:#5d6e6a}
.kh-offer-description{margin-top:10px}
.kh-offer-entry-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid #e5ecea}
.kh-offer-entry-actions .kh-btn-primary,.kh-offer-entry-actions .kh-remove-offer-entry{min-height:44px;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.kh-offer-entry-actions .kh-btn-primary{border:1px solid #0f766e;background:#0f766e;color:#fff}
.kh-offer-entry-actions .kh-remove-offer-entry{border:1px solid #efb7b4;background:#fff;color:#b42318}
.kh-offer-batch-actions{padding-top:2px}
.kh-offer-batch-actions .kh-btn-muted{min-height:44px;border:1px solid #b9cbc7;background:#fff;color:#0f5f56;font-weight:800}
@media(max-width:980px){
  .kh-offer-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kh-offer-grid-private{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kh-offer-grid-private>label:last-child{max-width:none;grid-column:1/-1}
}
@media(max-width:680px){
  .kh-seller-dashboard{padding-inline:10px!important}
  .kh-seller-request-detail{padding:10px!important}
  .kh-seller-item-offers{padding:10px!important;border-radius:12px}
  .kh-offer-entry{padding:11px}
  .kh-offer-grid-main,.kh-offer-grid-private{grid-template-columns:1fr}
  .kh-offer-grid-private>label:last-child{grid-column:auto}
  .kh-private-buy-box{padding:10px}
  .kh-offer-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .kh-offer-entry-actions .kh-btn-primary,.kh-offer-entry-actions .kh-remove-offer-entry{width:100%;padding:10px 8px;font-size:13px}
  .kh-offer-batch-actions{display:block}
  .kh-offer-batch-actions .kh-btn-muted{width:100%;min-height:46px}
}
@media(max-width:360px){
  .kh-offer-entry-actions{grid-template-columns:1fr}
  .kh-offer-entry-actions .kh-btn-primary{order:1}
  .kh-offer-entry-actions .kh-remove-offer-entry{order:2}
}

/* === V23 seller inventory / warehouse === */
.kh-seller-inventory-page{max-width:1220px;margin-inline:auto;padding-bottom:40px}.kh-seller-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.kh-seller-page-head h1{margin:0 0 6px;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.4}.kh-seller-page-head p{margin:0;color:var(--muted,#667085);line-height:1.9}.kh-seller-page-actions{display:flex;gap:8px;flex-wrap:wrap}.kh-btn-soft{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid #d8dde6;border-radius:12px;background:#fff;text-decoration:none;color:inherit}.kh-flash{margin:10px 0;padding:11px 14px;border-radius:12px;background:#f3f6fb;border:1px solid #e1e6ef;line-height:1.8}.kh-inventory-stats,.kh-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.kh-inventory-stats>div,.kh-report-summary>div{background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:14px;min-width:0;box-shadow:0 3px 14px rgba(16,24,40,.035)}.kh-inventory-stats span,.kh-report-summary span{display:block;color:#667085;font-size:.88rem;margin-bottom:5px}.kh-inventory-stats strong,.kh-report-summary strong{font-size:1.28rem;line-height:1.35;overflow-wrap:anywhere}.kh-inventory-stats small,.kh-report-summary small{margin-inline-start:5px;color:#667085}.kh-stock-alert-box,.kh-inventory-create,.kh-inventory-report{background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:16px;margin:16px 0}.kh-stock-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kh-stock-alert-grid article{padding:12px;border:1px solid #f0d9a8;background:#fffaf0;border-radius:13px}.kh-stock-alert-grid p{margin:6px 0}.kh-inventory-create>summary,.kh-stock-adjust>summary{cursor:pointer;font-weight:800;list-style:none}.kh-inventory-create>summary::-webkit-details-marker,.kh-stock-adjust>summary::-webkit-details-marker{display:none}.kh-inventory-create[open]>summary{margin-bottom:16px}.kh-inventory-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kh-field{min-width:0}.kh-field-wide{grid-column:1/-1}.kh-field label,.kh-inventory-form>label{display:block;font-weight:700;margin-bottom:6px}.kh-field input,.kh-field select,.kh-field textarea,.kh-inventory-search-form input,.kh-inventory-search-form select,.kh-report-filter input,.kh-report-filter select,.kh-inline-adjust input,.kh-inline-adjust select{width:100%;min-height:46px;border:1px solid #d6dce5;border-radius:11px;padding:9px 11px;background:#fff;font:inherit;box-sizing:border-box}.kh-field textarea{min-height:90px;resize:vertical}.kh-field small{display:block;color:#667085;margin-top:6px;line-height:1.7}.kh-switch-row{grid-column:1/-1;display:flex!important;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:#f7f9fc}.kh-switch-row input{width:20px!important;height:20px;min-height:0!important}.kh-form-submit{display:flex;justify-content:flex-start}.kh-btn-primary,.kh-inventory-form button,.kh-inventory-search-form button,.kh-report-filter button,.kh-inline-adjust button{min-height:44px;border:0;border-radius:11px;padding:9px 16px;font:inherit;font-weight:800;cursor:pointer}.kh-live-results{position:relative;z-index:4;display:grid;gap:4px;max-height:260px;overflow:auto;margin-top:5px}.kh-live-results button{width:100%;text-align:right;background:#fff;border:1px solid #e1e6ee;border-radius:10px;padding:10px 12px;color:inherit}.kh-picked-value{margin-top:6px;font-weight:700}.kh-picked-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.kh-picked-chip{min-height:36px!important;padding:6px 10px!important;background:#f1f5f9!important;border:1px solid #dce3ec!important;color:inherit!important}.kh-inventory-toolbar{display:flex;justify-content:space-between;gap:12px;margin:18px 0 10px}.kh-inventory-search-form{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:8px;width:100%;align-items:center}.kh-inventory-search-form a{white-space:nowrap}.kh-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.kh-section-head h2{margin:0}.kh-section-head p{margin:4px 0 0;color:#667085}.kh-inventory-list{display:grid;gap:12px}.kh-stock-card{background:#fff;border:1px solid #e5e9ef;border-radius:17px;padding:15px;box-shadow:0 4px 16px rgba(16,24,40,.035)}.kh-stock-card.is-online{border-color:#cfe7db}.kh-stock-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.kh-stock-card-head h3{margin:0 0 4px;font-size:1.08rem}.kh-stock-card-head p{margin:0;color:#667085}.kh-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 9px;border-radius:999px;background:#f1f3f6;font-size:.82rem;white-space:nowrap}.kh-status-pill.is-good{background:#eaf8f0;color:#17683b}.kh-stock-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.kh-stock-metrics>div{padding:10px;border-radius:11px;background:#f7f9fc;min-width:0}.kh-stock-metrics span{display:block;color:#667085;font-size:.82rem;margin-bottom:4px}.kh-stock-metrics strong{display:inline;font-size:1rem;overflow-wrap:anywhere}.kh-stock-metrics small{margin-inline-start:4px;color:#667085}.kh-stock-note{margin:10px 0 0}.kh-stock-adjust{margin-top:12px;border-top:1px dashed #dce2ea;padding-top:11px}.kh-stock-adjust[open]>summary{margin-bottom:10px}.kh-inline-adjust{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:9px;align-items:end}.kh-inline-adjust label{font-weight:700;min-width:0}.kh-inline-adjust label input,.kh-inline-adjust label select{margin-top:5px}.kh-empty-state{padding:24px;text-align:center;border:1px dashed #d6dce6;border-radius:14px;color:#667085;background:#fafbfc}.kh-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0}.kh-pager a{display:inline-flex;padding:8px 13px;border:1px solid #dce2ea;border-radius:10px;text-decoration:none;color:inherit;background:#fff}.kh-report-filter{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:9px;align-items:end;margin:12px 0}.kh-report-filter label{font-weight:700}.kh-report-filter input,.kh-report-filter select{margin-top:5px}.kh-report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.kh-report-list{display:grid;gap:7px;margin-top:10px}.kh-report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #edf0f4;border-radius:11px}.kh-report-row>div{display:flex;gap:9px;align-items:center;min-width:0}.kh-report-row small{color:#667085}.kh-report-row b{font-variant-numeric:tabular-nums}.kh-report-row strong{overflow-wrap:anywhere}
@media(max-width:900px){.kh-inventory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-inventory-form{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-stock-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-inline-adjust{grid-template-columns:1fr 1fr}.kh-inline-adjust .kh-field-wide,.kh-inline-adjust button{grid-column:1/-1}.kh-report-filter{grid-template-columns:1fr 1fr}.kh-report-filter button{grid-column:1/-1}.kh-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kh-seller-inventory-page{padding-inline:12px}.kh-seller-page-head,.kh-stock-card-head,.kh-section-head{flex-direction:column;align-items:stretch}.kh-seller-page-actions{display:grid;grid-template-columns:1fr 1fr}.kh-inventory-stats,.kh-report-summary,.kh-stock-alert-grid,.kh-inventory-form,.kh-stock-metrics,.kh-inline-adjust,.kh-report-filter{grid-template-columns:1fr}.kh-inventory-search-form{grid-template-columns:1fr}.kh-field-wide,.kh-switch-row,.kh-inline-adjust .kh-field-wide,.kh-inline-adjust button,.kh-report-filter button{grid-column:auto}.kh-stock-card{padding:12px}.kh-status-pill{align-self:flex-start}.kh-report-row{align-items:flex-start;flex-direction:column}.kh-report-row>div{width:100%;justify-content:space-between}.kh-field input,.kh-field select,.kh-field textarea,.kh-inventory-search-form input,.kh-inventory-search-form select,.kh-report-filter input,.kh-report-filter select,.kh-inline-adjust input,.kh-inline-adjust select{font-size:16px}.kh-inventory-create,.kh-inventory-report,.kh-stock-alert-box{padding:12px}}

/* V24 — lightweight, on-demand offer preview bottom sheet. */
body.kh-offer-preview-open { overflow:hidden; }
.kh-offer-preview-overlay {
    position:fixed; inset:0; z-index:10008; background:rgba(15,23,42,.48);
    opacity:0; transition:opacity .22s ease;
}
.kh-offer-preview-overlay[hidden], .kh-offer-preview-sheet[hidden] { display:none !important; }
.kh-offer-preview-overlay.is-open { opacity:1; }
.kh-offer-preview-sheet {
    position:fixed; left:50%; bottom:0; z-index:10009; width:min(760px,100%);
    max-height:min(82vh,760px); box-sizing:border-box; border:0; border-radius:22px 22px 0 0;
    background:#fff; color:#173b38; box-shadow:0 -18px 50px rgba(15,23,42,.26);
    overflow:hidden; transform:translate(-50%,105%); transition:transform .24s ease;
    padding-bottom:env(safe-area-inset-bottom);
}
.kh-offer-preview-sheet.is-open { transform:translate(-50%,0); }
.kh-offer-preview-header {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:13px 16px; border-bottom:1px solid #e7eeec; background:#fff;
}
.kh-offer-preview-header > div { min-width:0; }
.kh-offer-preview-header strong { display:block; font-size:15px; }
.kh-offer-preview-header span { display:block; margin-top:2px; color:#70817e; font-size:11.5px; overflow-wrap:anywhere; }
.kh-offer-preview-body { max-height:calc(min(82vh,760px) - 126px); overflow:auto; padding:12px 13px 14px; overscroll-behavior:contain; }
.kh-offer-preview-loading,.kh-offer-preview-error { padding:20px 10px; text-align:center; color:#61736f; font-size:13px; }
.kh-offer-preview-error { color:#b42318; background:#fff4f2; border-radius:10px; }
.kh-offer-preview-item { padding:11px; border:1px solid #e3ebe9; border-radius:13px; background:#fbfdfd; }
.kh-offer-preview-item + .kh-offer-preview-item { margin-top:9px; }
.kh-offer-preview-item-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.kh-offer-preview-item-head strong { font-size:13.5px; }
.kh-offer-preview-item-head span { color:#71817e; font-size:11px; white-space:nowrap; }
.kh-offer-preview-list { display:grid; gap:7px; }
.kh-offer-preview-row {
    display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; align-items:center;
    padding:9px 10px; border-radius:10px; background:#f3f9f7;
}
.kh-offer-preview-row.is-selected { outline:2px solid #14b8a6; background:#ecfdf5; }
.kh-offer-preview-row-title { min-width:0; font-size:12px; font-weight:850; overflow-wrap:anywhere; }
.kh-offer-preview-row-title small { display:block; margin-top:2px; color:#6c7c79; font-size:10.5px; font-weight:600; }
.kh-offer-preview-price { color:#0f766e; font-size:13px; font-weight:950; white-space:nowrap; }
.kh-offer-preview-meta { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:4px 8px; color:#6c7c79; font-size:10.5px; }
.kh-offer-preview-badge { padding:2px 6px; border-radius:999px; background:#dff7f2; color:#0f766e; font-size:10px; font-weight:850; }
.kh-offer-preview-empty { padding:8px; color:#778784; font-size:11.5px; text-align:center; }
.kh-offer-preview-more { margin-top:9px; color:#6c7c79; font-size:11.5px; text-align:center; }
.kh-offer-preview-footer {
    display:flex; gap:8px; padding:10px 13px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid #e7eeec; background:#fff;
}
.kh-offer-preview-footer .kh-btn-soft,.kh-offer-preview-footer .kh-btn-primary { flex:1 1 0; min-height:42px; display:flex; align-items:center; justify-content:center; text-align:center; }
body.cpi-seller-area .kh-offer-preview-overlay,body.cpi-seller-area .kh-offer-preview-sheet { display:none !important; }
@media (max-width:600px) {
    .kh-offer-preview-sheet { width:100%; max-height:88vh; border-radius:18px 18px 0 0; }
    .kh-offer-preview-body { max-height:calc(88vh - 126px); padding:10px 9px 12px; }
    .kh-offer-preview-row { grid-template-columns:minmax(0,1fr); }
    .kh-offer-preview-price,.kh-offer-preview-meta { grid-column:1; }
    .kh-offer-preview-price { white-space:normal; }
    .kh-offer-preview-footer { flex-direction:column-reverse; }
}


/* V25 — seller usability, readiness and finance polish. */
.kh-inventory-create>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}.kh-inventory-create>summary small{font-weight:600;color:#718096;font-size:.78rem}.kh-inventory-create>summary:after{content:"⌄";font-size:1.2rem;color:#64748b;transition:transform .18s ease}.kh-inventory-create[open]>summary:after{transform:rotate(180deg)}
.kh-seller-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.kh-seller-quick-grid a{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon sub";gap:1px 9px;align-items:center;min-width:0;padding:13px 14px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 4px 16px rgba(15,23,42,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.kh-seller-quick-grid a:hover{transform:translateY(-1px);border-color:#a7d8d0;box-shadow:0 8px 22px rgba(15,118,110,.08)}.kh-seller-quick-grid a>span{grid-area:icon;font-size:1.55rem}.kh-seller-quick-grid strong{grid-area:title;font-size:.93rem}.kh-seller-quick-grid small{grid-area:sub;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kh-seller-readiness{margin-bottom:16px}.kh-readiness-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.kh-readiness-head h2{margin:0 0 4px}.kh-readiness-head p{margin:0;color:#667085}.kh-readiness-head>strong{font-size:1.45rem;color:#0f766e}.kh-readiness-track{height:9px;margin:12px 0;background:#e8efed;border-radius:999px;overflow:hidden}.kh-readiness-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#21c7b5)}.kh-readiness-checks{display:flex;flex-wrap:wrap;gap:7px}.kh-readiness-checks span{padding:5px 9px;border-radius:999px;background:#fff6e5;color:#805d14;font-size:.8rem;font-weight:700}.kh-readiness-checks span.is-done{background:#eaf8f1;color:#17683b}.kh-readiness-note{margin:10px 0 0;color:#8a6518;font-size:.84rem}.kh-readiness-note.is-good{color:#17683b}
.kh-wallet-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.kh-wallet-title h1{margin:2px 0 0}.kh-wallet-title>div>span{color:#64748b;font-size:.82rem}.kh-wallet-policy{display:grid;gap:5px;margin-top:13px;padding:13px 14px;border:1px solid #cfe7df;border-radius:13px;background:#f0fbf7}.kh-wallet-policy strong{color:#0f5f56}.kh-wallet-policy span{font-weight:750}.kh-wallet-policy small{color:#5f716d;line-height:1.8}.kh-wallet-status{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:#f1f5f9;font-size:.78rem;font-weight:800}.kh-wallet-status.is-paid,.kh-wallet-status.is-released{background:#e9f8ef;color:#17683b}.kh-wallet-status.is-pending{background:#fff5dd;color:#805d14}.kh-wallet-status.is-processing,.kh-wallet-status.is-approved{background:#eef5ff;color:#2457a6}.kh-wallet-status.is-rejected,.kh-wallet-status.is-reversed,.kh-wallet-status.is-cancelled{background:#fff0ee;color:#a6372b}.kh-wallet-withdraw-row form{margin:0!important;display:block!important}.kh-wallet-withdraw-row button{min-height:36px;padding:6px 10px}.kh-wallet-settlement-row{display:grid!important;grid-template-columns:auto auto 1fr auto;gap:7px 12px;align-items:center!important}.kh-wallet-settlement-row small{grid-column:1/-1;color:#667085}
@media(max-width:820px){.kh-seller-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-wallet-settlement-row{grid-template-columns:1fr 1fr}.kh-wallet-settlement-row small{grid-column:1/-1}}
@media(max-width:560px){.kh-inventory-create>summary{align-items:flex-start}.kh-inventory-create>summary small{display:block}.kh-seller-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.kh-seller-quick-grid a{padding:11px}.kh-seller-quick-grid small{font-size:.72rem}.kh-readiness-head{align-items:flex-start}.kh-readiness-head p{font-size:.82rem}.kh-wallet-title{align-items:stretch;flex-direction:column}.kh-wallet-title .kh-btn-soft{width:100%}.kh-wallet-settlement-row{grid-template-columns:1fr!important}.kh-wallet-settlement-row small{grid-column:auto}.kh-wallet-withdraw-row form,.kh-wallet-withdraw-row form button{width:100%}}

/* V26 — inquiry repeat + seller offer/stock images */
.cpi-repeat-inquiry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:14px;border:1px solid #ead8a5;border-radius:16px;background:#fffaf0}.cpi-repeat-inquiry>div{display:flex;flex-direction:column;gap:4px}.cpi-repeat-inquiry span{font-size:.88rem;color:#665d4c}.cpi-repeat-inquiry form{margin:0;flex:0 0 auto}
.kh-media-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;border:1px dashed #cfd5df;border-radius:14px;background:#fafbfc}.kh-media-picker .kh-field-label{width:100%;font-weight:700}.kh-file-picker{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:8px 14px!important;border:1px solid #c9d0dc;border-radius:12px;background:#fff;cursor:pointer;font-weight:700}.kh-file-picker:hover{background:#f4f6f8}.kh-media-picker small{color:#697386}.kh-offer-photo-strip,.cpi-offer-photos,.kh-stock-photo-strip{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.kh-offer-photo-strip img,.cpi-offer-photos img,.kh-stock-photo img{width:74px;height:74px;object-fit:cover;border-radius:12px;border:1px solid #dde2ea;background:#f4f5f7}.cpi-offer-photos img{width:82px;height:82px}.kh-stock-photo{position:relative}.kh-stock-photo form{position:absolute;top:-6px;left:-6px;margin:0}.kh-stock-photo form button{width:26px;height:26px;min-height:0;padding:0;border:0;border-radius:999px;background:#a71d2a;color:#fff;font-size:18px;line-height:1;box-shadow:0 2px 8px #0002}.kh-stock-image-manager{margin:8px 0 14px;border:1px solid #e2e6ec;border-radius:12px;padding:0 10px}.kh-stock-image-manager>summary{padding:10px 0;cursor:pointer;font-weight:700}.kh-stock-image-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 12px}.kh-stock-image-upload button{min-height:42px}.kh-stock-image-upload small:last-child{width:100%;color:#697386}.kh-offer-preview-row{grid-template-columns:auto minmax(0,1fr) auto!important}.kh-offer-preview-thumb{width:58px;height:58px;border-radius:11px;object-fit:cover;border:1px solid #e0e4ea;background:#f4f5f7;grid-row:1/3}.kh-offer-preview-row-title{min-width:0}
@media(max-width:620px){.cpi-repeat-inquiry{align-items:stretch;flex-direction:column}.cpi-repeat-inquiry button{width:100%}.kh-media-picker{align-items:stretch;flex-direction:column}.kh-file-picker{width:100%}.kh-offer-photo-strip img,.cpi-offer-photos img,.kh-stock-photo img{width:68px;height:68px}.kh-stock-image-upload{align-items:stretch;flex-direction:column}.kh-stock-image-upload .kh-file-picker,.kh-stock-image-upload button{width:100%}.kh-offer-preview-row{grid-template-columns:52px minmax(0,1fr)!important}.kh-offer-preview-thumb{width:52px;height:52px}.kh-offer-preview-price,.kh-offer-preview-meta{grid-column:2}}