/* Warm cream/brown auth theme — scoped to the login + seller-registration
       modals only. The rest of the site keeps its existing dark theme. */
    #loginModal .modal, #sellerRegisterModal .modal{ background:#fdf8f4; border:1px solid #e8ddd3; border-radius:20px; box-shadow:0 24px 60px rgba(43,33,25,0.18); position:relative; }
    #loginModal .font-semibold, #sellerRegisterModal .font-semibold{ font-family:'Playfair Display','Vazirmatn',serif; color:#2b2119; }
    #loginModal .card, #sellerRegisterModal .card{ background:#fffdfb; border:1px solid #ede1d3; border-radius:14px; box-shadow:none; }
    #loginModal .small-muted, #sellerRegisterModal .small-muted{ color:#8a7d74; }
    #loginModal label.small-muted, #sellerRegisterModal label.small-muted{ color:#6b5d52; font-weight:600; }
    #loginModal .font-medium, #sellerRegisterModal .font-medium{ color:#2b2119; }
    #loginModal .input-dark, #sellerRegisterModal .input-dark{ background:#fffefd; border:1px solid #e3d5c5; color:#2b2119; border-radius:10px; }
    #loginModal .input-dark::placeholder, #sellerRegisterModal .input-dark::placeholder{ color:#b5a89b; }
    #loginModal .input-dark:focus, #sellerRegisterModal .input-dark:focus{ outline:none; border-color:#c99a6c; box-shadow:0 0 0 3px rgba(201,154,108,0.25); }
    #loginModal .btn-warm, #sellerRegisterModal .btn-warm{ display:inline-flex; align-items:center; justify-content:center; width:100%; background:#b98a63; color:#fff; font-weight:700; border:none; border-radius:999px; padding:.75rem 1.2rem; transition:background .2s ease, transform .2s ease; cursor:pointer; }
    #loginModal .btn-warm:hover, #sellerRegisterModal .btn-warm:hover{ background:#a67750; transform:translateY(-1px); }
    #loginModal .btn-ghost, #sellerRegisterModal .btn-ghost{ color:#8a7d74; border-color:#e3d5c5; }
    #loginModal a.link-warm, #sellerRegisterModal a.link-warm{ color:#b98a63; font-weight:700; text-decoration:none; }
    #loginModal a.link-warm:hover, #sellerRegisterModal a.link-warm:hover{ text-decoration:underline; }
    .modal-close-x{ position:absolute; top:14px; inset-inline-end:14px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; border:1px solid #e8ddd3; background:#fffdfb; color:#8a7d74; font-size:.9rem; line-height:1; cursor:pointer; transition:background .2s ease, color .2s ease; }
    .modal-close-x:hover{ background:#F3EEE6; color:#2b2119; }
    .modal-welcome{ text-align:center; padding:.25rem 1.5rem 1.25rem; }
    .modal-welcome-title{ font-family:'Playfair Display','Vazirmatn',serif; font-size:1.5rem; font-weight:700; color:#2b2119; }
    .modal-welcome-subtitle{ color:#8a7d74; font-size:.88rem; margin-top:.35rem; }
    .google-btn{ display:flex; align-items:center; justify-content:center; gap:.6rem; width:100%; background:#fffdfb; border:1px solid #e3d5c5; color:#2b2119; font-weight:600; font-size:.92rem; padding:.75rem 1.2rem; border-radius:999px; cursor:pointer; transition:background .2s ease, box-shadow .2s ease; }
    .google-btn:hover{ background:#f8f2ea; box-shadow:0 4px 14px rgba(43,33,25,0.08); }
    .modal-divider{ display:flex; align-items:center; gap:.75rem; color:#b5a89b; font-size:.72rem; font-weight:700; letter-spacing:.08em; margin:1rem 0; }
    .modal-divider::before, .modal-divider::after{ content:''; flex:1; height:1px; background:#e8ddd3; }
    .otp-row{ display:flex; gap:10px; justify-content:center; margin:16px auto; direction:ltr; }
    .otp-box{ margin:0; width:48px; height:58px; text-align:center; font-size:1.6rem; font-weight:800; font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; color:#1c140d; background:#fffefd; border:2px solid #e3d5c5; border-radius:12px; caret-color:#B5502E; transition:border-color .15s ease, box-shadow .15s ease, background .15s ease; }
    .otp-box:focus{ outline:none; border-color:#B5502E; box-shadow:0 0 0 3px rgba(201,154,108,0.3); }
    .otp-box.filled:not(:focus){ border-color:#c9a26c; background:#fffaf3; }