body, input, button, select, textarea { 
    font-family: 'Almarai', sans-serif !important; 

}
:root{
    --primary:#0D7377;--primary-hover:#0A5C5F;
    --primary-light:#E6F4F4;
    --secondary:#2B9348;
    --secondary-light:#D4EDDA;
    --warning:#E8A317;
    --warning-light:#FFF3CD;
    --danger:#DC3545;
    --white:#FFFFFF;
    --bg:#F5F6FA;
    --bg-dark:#1A1A2E;
    --text-primary:#1A1A2E;
    --text-secondary:#6B7280;
    --text-muted:#9CA3AF;
    --border:#E5E7EB;
    --border-light:#F3F4F6;
    --shadow-sm:0 1px 3px rgba(0,0,0,0.08);
    --shadow-md:0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg:0 8px 30px rgba(0,0,0,0.12);
    --shadow-xl:0 12px 40px rgba(0,0,0,0.15);
    --radius-sm:6px;
    --radius-md:8px;
    --radius-lg:12px;
    --radius-xl:16px;
    --radius-full:50px;
    --font-family:'Almarai',sans-serif;
    --transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)

}
*,::after,::before{
    box-sizing:border-box;
    margin:0;
    padding:0

}
html{
    font-size:16px;
    scroll-behavior:smooth;
    font-family:var(--font-family)

}
a{
    text-decoration:none;
  color:inherit;
  transition:var(--transition)

}
img
{max-width:100%;
 height:auto}
button,input,select,textarea{
    font-family:var(--font-family);
    font-size:1rem;
    border:none;
    outline:0

}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(20px)

    }
    to{opacity:1;transform:translateY(0)}

}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.4}}.layout-auth{background:var(--bg-dark)}.auth-wrapper{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-bg-overlay{position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.5) 100%) center/cover no-repeat,url('../images/background-image.jpeg') center/cover no-repeat;z-index:0}.auth-header{position:relative;z-index:10;padding:6px 9px;display:flex;justify-content:flex-start;animation:.6s ease-out fadeIn;background-color:#fff}.company-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon{width:236px;height:52px;flex-shrink:0}.logo-icon img,.logo-icon svg{width:100%;height:100%}.logo-icon img{object-fit:contain}.logo-text{display:flex;flex-direction:column}.logo-text-ar{font-size:.95rem;font-weight:700;color:var(--white);line-height:1.3}.logo-text-en{font-size:.65rem;font-weight:500;color:rgba(255,255,255,.7);letter-spacing:.5px;text-transform:uppercase;direction:ltr;text-align:left}.auth-content{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-footer{position:relative;z-index:10;text-align:center;padding:20px;color:#000;font-size:.85rem;background-color:#fff}.school-selection{animation:.6s ease-out fadeInUp}.school-cards{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}.school-card{background:var(--white);border-radius:var(--radius-xl);padding:36px 32px 28px;width:355px;text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.school-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:var(--transition)}.school-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.school-card:hover::before{opacity:1}.school-logo{width:169px;height:106px;margin:0 auto 16px}.school-logo img,.school-logo svg{width:100%;height:100%}.school-logo img{object-fit:contain}.school-name-ar{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.school-name-en{font-size:.75rem;color:var(--text-secondary);font-weight:400}.auth-folder-tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:0;background:0 0}.auth-folder-tab{padding:12px 24px;font-size:.95rem;font-weight:600;color:var(--text-secondary);background-color:var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;text-align:center;transition:var(--transition);margin-bottom:-2px;border:2px solid transparent;border-bottom:2px solid var(--border);margin-left:6px}.auth-folder-tab:hover{background-color:#e5e7eb}.auth-folder-tab.active{background-color:var(--white);color:var(--primary);font-weight:700;border:2px solid var(--border);border-bottom:2px solid var(--primary)}.auth-card{width:100%;max-width:520px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);background:var(--white);animation:.5s ease-out fadeInUp}.auth-card-header{background:linear-gradient(135deg,var(--primary) 0,#0a5c5f 100%);padding:32px 36px;text-align:center;color:var(--white)}.auth-card-header h1{font-size:1.4rem;font-weight:800;margin-bottom:8px}.auth-card-header p{font-size:.85rem;opacity:.9;line-height:1.6}
.auth-card-body {
    background: #FFF0;
    padding: 36px
}.auth-card-body h2{font-size:1.15rem;font-weight:700;text-align:center;margin-bottom:20px;color:var(--text-primary)}.alert-warning{display:flex;align-items:flex-start;gap:12px;background:var(--warning-light);border:1px solid rgba(232,163,23,.3);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:24px;direction:rtl}.alert-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.alert-warning p{font-size:.8rem;color:#856404;line-height:1.6}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-control{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);background:var(--white);direction:ltr;text-align:right;transition:var(--transition)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(13,115,119,.1)}.form-control::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);background:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;transition:var(--transition)}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,115,119,.1)}.text-danger{color:var(--danger);font-size:.8rem;margin-top:4px;display:block}.otp-info{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.otp-phone{text-align:center;font-size:.9rem;color:var(--primary);font-weight:600;margin-bottom:24px;direction:ltr}.otp-inputs{display:flex;gap:10px;justify-content:center;direction:ltr;margin-bottom:16px}.otp-digit{width:52px;height:56px;border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);transition:var(--transition);caret-color:var(--primary)}.otp-digit:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(13,115,119,.1)}.otp-digit.filled{border-color:var(--primary);background:var(--primary-light)}.resend-link{display:block;text-align:center;color:var(--primary);font-size:.85rem;font-weight:600;margin-bottom:20px;cursor:pointer}.resend-link:hover{text-decoration:underline;color:var(--primary-hover)}.back-link{display:block;text-align:center;color:var(--text-secondary);font-size:.85rem;margin-top:16px}.back-link:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:.95rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:2px solid transparent;min-height:48px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);color:var(--white);border-color:var(--primary)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#084649 100%);transform:translateY(-1px);box-shadow:0 4px 15px rgba(13,115,119,.3)}.btn-primary:active{transform:translateY(0)}.btn-outline-primary{background:0 0;color:var(--secondary);border:2px solid var(--secondary);font-weight:600}.btn-outline-primary:hover{background:var(--secondary);color:var(--white);transform:translateY(-1px)}.btn-block{width:100%}.layout-app{background:var(--bg)}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.top-banner{background:#0d9488;color:var(--white);padding:8px 0;font-size:.8rem;direction:ltr}.banner-content{max-width:100%;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.banner-item{display:flex;align-items:center;gap:6px;font-weight:500}.banner-item svg{margin-right:4px}.banner-items-group{display:flex;gap:32px;align-items:center}.banner-icon{font-size:.9rem}.app-navbar{background:var(--white);border-bottom:1px solid var(--border);padding:0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.navbar-content{padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.navbar-right{display:flex;align-items:center}.company-logo-sm .logo-icon{width:155px;height:44px}.company-logo-sm .logo-text-ar{font-size:.8rem;color:var(--text-primary)}.company-logo-sm .logo-text-en{font-size:.55rem;color:var(--text-secondary)}.navbar-center{display:flex;align-items:center;gap:32px}.nav-link{font-size:.95rem;font-weight:600;color:var(--text-secondary);padding:8px 4px;position:relative}.nav-link::after{content:'';position:absolute;bottom:-14px;right:0;left:0;height:3px;background:var(--primary);border-radius:2px 2px 0 0;opacity:0;transition:var(--transition)}.nav-link.active{color:#0d9488}.nav-link.active::after{opacity:1}.nav-link:hover{color:var(--primary)}.navbar-left{display:flex;align-items:center;gap:16px}.role-toggle{display:flex;border:2px solid var(--primary);border-radius:var(--radius-full);overflow:hidden}.toggle-btn{padding:6px 20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition);background:0 0;color:var(--primary);white-space:nowrap}.toggle-btn.active{background:var(--primary);color:var(--white)}.toggle-btn:not(.active):hover{background:var(--primary-light)}.nav-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);transition:var(--transition);position:relative}.nav-icon:hover{background:var(--bg);color:var(--primary)}.cart-icon{position:relative}.cart-icon .cart-badge{position:absolute;top:0;left:0;background:var(--danger);color:var(--white);font-size:.65rem;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);line-height:1}.app-content{flex:1;width:100%;margin:0 auto;padding:24px!important}.app-footer{text-align:center;padding:12px 24px;color:#000;font-size:.9rem;border-top:1px solid #e5e7eb;background:var(--white);margin-top:auto}.app-footer p{margin:0}.children-dashboard{animation:.5s ease-out fadeInUp}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-size:1.6rem;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.dashboard-header p{font-size:.9rem;color:#000;max-width:700px;margin:0 auto;line-height:1.8}.children-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}.child-card{background:var(--white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-light);animation:.5s ease-out both fadeInUp}.child-card:first-child{animation-delay:.1s}.child-card:nth-child(2){animation-delay:.2s}.child-card:nth-child(3){animation-delay:.3s}.child-card:nth-child(4){animation-delay:.4s}.child-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.child-card-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.child-info h3{font-size:1rem;font-weight:700;margin-bottom:4px}.child-grade,.child-semester{font-size:.82rem;color:#000;margin-bottom:2px}.status-badge{align-items:center;gap:6px;border-radius:var(--radius-full);margin-top:10px}.status-dot{width:8px;height:8px;border-radius:50%}.status-received{background:var(--secondary-light);color:var(--secondary)}.status-received .status-dot{background:var(--secondary)}.status-ordered{background:#e3f2fd;color:#1565c0}.status-ordered .status-dot{background:#1565c0}.status-not-ordered{background:var(--warning-light);color:#856404}.status-not-ordered .status-dot{background:var(--warning);animation:1.5s ease-in-out infinite dotPulse}.child-avatar{flex-shrink:0}.avatar-placeholder{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#f8f9fa;border:3px solid var(--border-light)}.avatar-placeholder svg{width:100%;height:100%}.child-card .btn{width:100%;font-size:.88rem}.shop-page{animation:.4s ease-out fadeIn}.child-tabs{display:flex;gap:16px;justify-content:center;margin-bottom:24px;padding-bottom:8px}.child-tab{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);background:var(--white);min-width:100px}.child-tab:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.child-tab.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,115,119,.1)}.tab-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#f8f9fa}.tab-avatar svg{width:100%;height:100%}.tab-name{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center}@media (max-width:768px){.school-cards{flex-direction:column;align-items:center}.school-card{width:280px}.children-grid{grid-template-columns:1fr}.child-tabs{overflow-x:auto;justify-content:flex-start;padding:0 8px 8px}.navbar-content{flex-wrap:wrap;gap:12px}.navbar-center{order:3;width:100%;justify-content:center}.banner-content{flex-direction:column;gap:4px;text-align:center}.auth-card{max-width:100%}.otp-digit{width:44px;height:48px;font-size:1.2rem}}@media (max-width:480px){.auth-card-body,.auth-card-header{padding:24px 20px}.otp-inputs{gap:6px}.otp-digit{width:38px;height:42px;font-size:1rem}}.tracking-page-container{font-family:var(--font-family);background-color:#f3f4f6;min-height:100vh;padding-top:40px;padding-bottom:40px;animation:.4s ease-out fadeIn}.exchanges-container{margin:0 auto;padding:0 15px}.tracking-header{text-align:right;margin-bottom:24px}.tracking-title{font-size:1.75rem;font-weight:800;color:#111827;margin-bottom:8px}.tracking-subtitle{font-size:1rem;color:#4b5563}.tabs-container{display:flex;justify-content:flex-start;margin-bottom:30px}.tabs-right{justify-content:flex-end!important}.tabs-wrapper{background-color:#e5e7eb;border-radius:6px;display:inline-flex;overflow:hidden}.tab-button{padding:10px 32px;font-weight:700;font-size:.95rem;text-decoration:none;color:#4b5563;background:0 0;border:none;cursor:pointer;transition:.3s}.tab-button.active{background-color:teal;color:#fff;border-radius:6px}.exchange-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.card-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;border-bottom:1px solid #f3f4f6}.order-number{font-weight:700;color:#1f2937;font-size:.95rem;text-align:right}.order-date{color:#1f2937;font-size:.95rem;font-weight:600;text-align:center}.status-badge-container{text-align:left}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600}.status-review{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.status-waiting{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.card-body{padding:24px;display:flex;gap:32px;align-items:center}.details-container{display:flex;flex:1;justify-content:space-between;gap:24px}.detail-column{flex:1;text-align:right}.text-center{text-align:center!important}.text-right{text-align:right!important}.detail-label{font-weight:800;color:#111827;margin-bottom:12px;font-size:1rem}.detail-value{color:#4b5563;font-size:.95rem;line-height:1.5}.card-footer{padding:16px 24px;border-top:1px solid #f3f4f6;text-align:left}.track-link{color:teal;text-decoration:none;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:8px}.track-link:hover{text-decoration:underline}.track-link svg{width:20px;height:20px}@media (max-width:768px){.card-body{flex-direction:column;align-items:stretch}.details-container{flex-direction:column;gap:16px}.card-header{grid-template-columns:1fr;gap:12px;text-align:center}.order-date,.order-number,.status-badge-container{text-align:center}.aramex-box{width:100%}}.dashboard-page{min-height:100vh;font-family:var(--font-family);direction:rtl;width:100%;max-width:100%;overflow-x:hidden}.dashboard-top-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dashboard-title-area h1{font-size:1.5rem;font-weight:800;color:#111827;margin-bottom:4px}.dashboard-title-area p{font-size:.95rem;color:#6b7280}.dashboard-main-tabs{background-color:#e5e7eb;border-radius:6px;display:inline-flex;overflow:hidden}.dashboard-tab{padding:8px 32px;font-weight:700;font-size:.95rem;color:#4b5563;text-decoration:none;transition:background-color .2s}.dashboard-tab.active{background-color:teal;color:#fff}.summary-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.summary-card{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.02);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.summary-card::after{content:'';position:absolute;top:0;bottom:0;right:0;width:17px}.summary-card.border-yellow::after{background-color:#f59e0b}.summary-card.border-blue::after{background-color:#2563eb}.summary-card.border-teal::after{background-color:#0d9488}.summary-card.border-red::after{background-color:#b91c1c}.summary-card-title{font-size:.95rem;font-weight:700;color:#374151;margin-bottom:12px}.summary-card-value{font-size:2rem;font-weight:800;color:#111827}.dashboard-layout{display:flex;gap:24px;align-items:flex-start;width:100%;max-width:100%}.dashboard-sidebar{width:350px;background-color:#f8fafc;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center}.sidebar-title{font-size:1.1rem;font-weight:800;color:#111827;display:flex;align-items:center;gap:8px}.sidebar-filter-btn{background-color:#e5e7eb;color:#4b5563;border:none;padding:4px 16px;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer}.sidebar-list{display:flex;flex-direction:column;gap:12px;padding:0 20px 20px;overflow-y:auto}.sidebar-card{background-color:#fff;border:2px solid transparent;border-radius:8px;padding:16px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:border-color .2s}.sidebar-card.active{border-color:#0d9488}.sc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sc-badge{padding:2px 10px;border-radius:20px;font-size:.65rem;font-weight:700}.sc-badge.badge-review{background-color:#fef3c7;color:#d97706;border:1px solid #d97706}.sc-badge.badge-waiting{background-color:#eff6ff;color:#2563eb;border:1px solid #2563eb}.sc-badge.badge-final{background-color:#dcfce7;color:#16a34a;border:1px solid #16a34a}.sc-badge--header{font-size:.85rem;padding:6px 16px}.sc-order-num{font-size:.85rem;font-weight:700;color:#6b7280}.sc-customer{font-weight:800;color:#111827;font-size:.95rem;margin-bottom:4px}.sc-item{font-size:.85rem;color:#6b7280;margin-bottom:12px}.sc-time{font-size:.75rem;color:#9ca3af}.dashboard-main{flex:1;min-width:0;width:100%;max-width:100%;background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 4px rgba(0,0,0,.02);overflow:hidden}.dashboard-main--orders{background-color:#eef2f6;padding:0;border-radius:8px;border:1px solid #cbd5e1;display:flex;flex-direction:column}.order-applicant-section{padding:24px;margin-bottom:0}.section-title--flat{margin-bottom:24px;color:#1e293b;border:none;padding:0}.form-control-ro--white{background-color:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px rgba(0,0,0,.05)}.form-grid--spaced{margin-bottom:24px}.order-detail-panel{background-color:#fff;flex-grow:1;display:flex;flex-direction:column;min-width:0}.order-detail-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid #e2e8f0;border-top:1px solid #cbd5e1}.order-detail-header-title{font-weight:800;font-size:1.1rem;color:#1e293b}.order-detail-header-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.order-detail-header-meta .meta-label{font-weight:700;color:#1e293b}.order-detail-header-meta .meta-value{color:#64748b;font-size:.95rem;font-weight:600}.order-detail-body{padding:24px}.order-item-block{background-color:#f8fafc;border-radius:8px;padding:24px;margin-bottom:24px}.order-item-block--last{margin-bottom:0}.order-item-divider{border-top:2px dashed #cbd5e1;margin-bottom:24px}.order-detail-footer{padding:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;background-color:#f8fafc}.btn-order-action{padding:14px 48px;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.btn-order-action--approve{background-color:#0d9488;color:#fff}.btn-order-action--reject{background-color:#dc3545;color:#fff}.filter-bar{background-color:#fff;border-radius:12px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.filter-pills{display:flex;gap:8px}.filter-pill{padding:6px 16px;border-radius:6px;font-size:.9rem;font-weight:600;background-color:#f3f4f6;color:#4b5563;border:none;cursor:pointer}.filter-pill.active{background-color:teal;color:#fff}.search-input{padding:8px 16px;border-radius:20px;border:1px solid #e5e7eb;background-color:#f9fafb;width:250px;font-size:.9rem}.detail-section{margin-bottom:32px}.section-title{font-size:1.1rem;font-weight:800;color:#111827;margin-bottom:20px}.detail-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.detail-order-num{font-size:1rem;font-weight:800;color:#4b5563}.stepper{--step-circle-size:84px;--step-blue:#1a5f9e;--step-gray:#c5cdd8;--step-gray-text:#a8b2bf;display:flex;direction:rtl;padding:40px 24px 32px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.stepper .step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.stepper .step:not(:last-child)::after{content:'';position:absolute;top:calc(var(--step-circle-size)/ 2);left:0;width:50%;border-top:2px dashed var(--step-gray);z-index:0;transform:translateY(-50%)}.stepper .step:not(:first-child)::before{content:'';position:absolute;top:calc(var(--step-circle-size)/ 2);right:0;width:50%;border-top:2px dashed var(--step-gray);z-index:0;transform:translateY(-50%)}.stepper .step.line-after-blue:not(:last-child)::after,.stepper .step.line-before-blue:not(:first-child)::before{border-top-color:var(--step-blue)}.stepper .step-circle{position:relative;z-index:1;width:var(--step-circle-size,84px);height:var(--step-circle-size,84px);border-radius:50%;background-color:#fff;border:2px solid var(--step-gray);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;color:var(--step-gray-text);flex-shrink:0}.stepper .step-label{font-size:1.05rem;font-weight:600;color:var(--step-gray-text);text-align:center;line-height:1.5;padding:0 8px}.stepper .step-blue .step-circle,.stepper .step.active .step-circle{background-color:var(--step-blue);border-color:var(--step-blue);color:#fff}.stepper .step-blue .step-label,.stepper .step.active .step-label{color:var(--step-blue);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group-ro{display:flex;flex-direction:column;gap:8px}.form-group-ro label{font-size:.9rem;font-weight:700;color:#4b5563}.form-control-ro{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px;font-size:.95rem;color:#64748b;text-align:right;width:100%}.form-control-ro--no-resize{resize:none}.form-control-ro--editable{background-color:#fff;border-color:#cbd5e1}.form-control-ro--teal{color:#0d9488;font-weight:700}.form-control-ro--danger{color:#ef4444;font-weight:700}.form-grid--three{grid-template-columns:1fr 1fr 1fr}.form-group-ro--spaced{margin-top:20px}.form-label-block{font-size:.9rem;font-weight:700;color:#4b5563;display:block}.shipping-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shipping-card{border:2px solid #e2e8f0;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:.2s}.shipping-card.active{border-color:#0d9488;background-color:#f0fdf4}.shipping-card-title{font-size:1.05rem;font-weight:800;color:#111827;margin-bottom:8px}.shipping-card.active .shipping-card-title{color:#0d9488}.shipping-card-subtitle{font-size:.9rem;color:#6b7280}.warning-text{color:#d97706;font-size:.9rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px}.action-buttons{display:flex;gap:16px;justify-content:flex-end;margin-top:40px;border-top:1px solid #e2e8f0;padding-top:24px}.btn-reject{background-color:#ef4444;color:#fff;padding:12px 32px;border-radius:6px;font-weight:700;border:none;cursor:pointer}.btn-approve{background-color:#0d9488;color:#fff;padding:12px 32px;border-radius:6px;font-weight:700;border:none;cursor:pointer}.dashed-divider{border-top:2px dashed #cbd5e1;margin:24px 0}.detail-view-container{display:none;animation:.3s ease-out fadeIn}.detail-view-container.active{display:block}.waiting-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;text-align:center}.waiting-state-container svg{margin-bottom:24px;stroke:#cbd5e1}.waiting-state-container h2{font-size:1.5rem;font-weight:800;color:#cbd5e1}.customer-image{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-bottom:24px;border:1px solid #e2e8f0}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;background-color:#f8fafc;padding:24px;border-radius:8px}.custom-checkbox{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:700;color:#4b5563;cursor:pointer}.custom-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#0d9488}.parent-dashboard-page{height:100%;min-height:0;padding:10px 20px;font-family:var(--font-family);direction:rtl}.parent-welcome-section{text-align:center;max-width:800px;margin:0 auto 24px}.parent-welcome-section h1{font-size:1.8rem;font-weight:800;color:#111827;margin-bottom:16px}.parent-welcome-section p{font-size:1rem;color:#4b5563;line-height:1.6}.children-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto}.kid-card{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;position:relative;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.02);min-height:220px}.kid-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.kid-info h2{font-size:1.2rem;font-weight:800;color:#111827;margin-bottom:8px}.kid-info p{font-size:.9rem;color:#6b7280;margin-bottom:4px}.kid-avatar{width:70px;height:70px;border-radius:12px;overflow:hidden}.kid-avatar img{width:100%;height:100%;object-fit:cover}.kid-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;border:1px solid}.kid-status-badge.status-received{color:#16a34a;border-color:#16a34a;background-color:#f0fdf4}.kid-status-badge.status-received::before{content:'';display:inline-block;width:8px;height:8px;background-color:#16a34a;border-radius:50%}.kid-status-badge.status-pending{color:#d97706;border-color:#d97706;background-color:#fef3c7}.kid-status-badge.status-pending::before{content:'';display:inline-block;width:8px;height:8px;background-color:#d97706;border-radius:50%}.btn-start-purchase{position:absolute;bottom:0;left:0;background-color:#1a60a8;color:#fff;font-weight:700;padding:12px 32px;border:none;border-top-right-radius:12px;border-bottom-left-radius:12px;cursor:pointer;font-size:1rem;transition:background-color .2s}.checkout-page{min-height:calc(100vh - 80px);padding:0 20px;font-family:var(--font-family);direction:rtl}.checkout-header-title{display:flex;align-items:center;gap:12px;justify-content:flex-start;max-width:100%;margin:0 auto 30px}.checkout-header-title h1{font-size:1.5rem;font-weight:800;color:#111827}.checkout-header-title svg{color:#0d9488}.checkout-layout{display:grid;grid-template-columns:1fr 450px;gap:24px;max-width:100%;margin:0 auto}.checkout-section{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:30px;margin-bottom:24px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.checkout-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.checkout-section-title{font-size:1.2rem;font-weight:800;color:#111827;display:flex;align-items:center;gap:8px}.checkout-section-title svg{color:#0d9488}.btn-change-address{background-color:#0d9488;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer}.address-warning{background-color:#fefce8;border:1px solid #fef08a;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.address-warning p{color:#854d0e;font-size:.9rem;line-height:1.5;margin:0}.payment-logos{display:flex;justify-content:center;gap:16px;margin-bottom:30px}.payment-logo-box{border:1px solid #e5e7eb;border-radius:8px;padding:15px 48px;display:flex;align-items:center;justify-content:center;background-color:#fff}.payment-logo-box img{height:24px;object-fit:contain}.btn-confirm-pay{width:200px;background-color:#0d9488;color:#fff;font-size:1.1rem;font-weight:800;padding:12px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s}.btn-confirm-pay:hover{background-color:#0f766e}.order-sidebar{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.order-sidebar-title{font-size:1.1rem;font-weight:800;color:#111827;margin-bottom:20px;text-align:right}.cart-product-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;position:relative}.cpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cpi-name{font-size:.95rem;font-weight:800;color:#0ea5e9}.cpi-badge{background-color:#dcfce7;color:#16a34a;font-size:.75rem;padding:2px 8px;border-radius:4px;border:1px solid #bbf7d0}.cpi-title{font-size:.95rem;font-weight:800;color:#111827;margin-bottom:4px}.cpi-details{font-size:.85rem;color:#6b7280;display:flex;justify-content:space-between}.cpi-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;border-top:1px dashed #e5e7eb;padding-top:12px}.btn-delete-item{color:#ef4444;background:0 0;border:none;font-size:.85rem;font-weight:700;cursor:pointer}.qty-control{display:flex;align-items:center;gap:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:4px 12px}.qty-btn{background:0 0;border:none;font-weight:800;color:#4b5563;cursor:pointer}.delivery-options{display:flex;gap:16px;margin:24px 0;justify-content:flex-end}.delivery-radio{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#4b5563}.summary-breakdown{border-top:1px dashed #cbd5e1;padding-top:16px;margin-bottom:16px}.summary-line{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#6b7280}.summary-line.bold{font-weight:700;color:#111827}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e5e7eb}.summary-total-label{font-weight:800;color:#0d9488;font-size:1.1rem}.summary-total-value{font-weight:800;color:#0d9488;font-size:1.2rem}.custom-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center;backdrop-filter:blur(2px);animation:.2s ease-out fadeIn}.custom-modal-overlay.active{display:flex}.custom-modal{width:100%;max-width:500px;background:0 0;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.2);transform:scale(.95);animation:.3s ease-out forwards modalPop}@keyframes modalPop{to{transform:scale(1)}}.modal-header-teal{background-color:#0d9488;color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.modal-title-wrap{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:800}.btn-close-modal{background:0 0;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.btn-close-modal:hover{opacity:.8}.modal-body-white{background-color:#fff;padding:30px}.btn-save-modal{background-color:#0d9488;color:#fff;border:none;padding:12px 40px;border-radius:8px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:background-color .2s}.btn-save-modal:hover{background-color:#0f766e}.orders-tracking-page{min-height:calc(100vh - 80px);padding:0 20px;font-family:var(--font-family);direction:rtl}.ot-header{text-align:right;max-width:100%;margin:0 auto 30px}.ot-header h1{font-size:1.6rem;font-weight:800;color:#111827;margin-bottom:12px}.ot-header p{font-size:1rem;color:#4b5563}.ot-tabs-container{display:flex;justify-content:flex-start;max-width:100%;margin:0 auto 24px}.ot-tabs--spaced{margin-bottom:24px}.ot-tabs{background-color:#e5e7eb;border-radius:8px;padding:4px;display:inline-flex}.ot-tab-btn{background:0 0;border:none;padding:4px 21px;border-radius:6px;font-size:.8rem;font-weight:700;color:#4b5563;cursor:pointer;transition:.2s}.ot-tab-btn.active{background-color:#0d9488;color:#fff}.ot-content-area{max-width:100%;margin:0 auto}.ot-card{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.02)}.ot-card-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f3f4f6;padding-bottom:16px;margin-bottom:16px}.ot-header-items-row{display:flex;gap:60px}.ot-h-item{display:flex;flex-direction:column;gap:6px}.ot-h-label{font-size:.9rem;color:#6b7280;font-weight:700}.ot-h-value{font-size:1rem;font-weight:800;color:#111827}.ot-status-badge{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;border:1px solid;white-space:nowrap}.ot-status-delivered{color:#16a34a;border-color:#bbf7d0;background-color:#f0fdf4}.ot-status-shipping{color:#0284c7;border-color:#bae6fd;background-color:#f0f9ff}.ot-status-review{color:#d97706;border-color:#fde68a;background-color:#fef3c7}.ot-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ot-item-row{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.ot-item-desc{font-size:.95rem;color:#4b5563;font-weight:600}.ot-item-price{font-size:.95rem;color:#111827;font-weight:800}.ot-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3f4f6;padding-top:16px}.btn-dark-action{background-color:#374151;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s}.btn-dark-action:hover{background-color:#1f2937}.btn-track-action{color:#0d9488;background:0 0;border:none;font-size:.95rem;font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer}.ot-footer-text{font-size:.9rem;color:#6b7280}.aramex-box{background-color:#fefce8;border:1px solid #fef08a;border-radius:12px;padding:24px;margin-top:16px;width:100%;max-width:400px;text-align:center}.aramex-title{color:#b45309;font-weight:800;font-size:1.1rem;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.aramex-desc{color:#78350f;font-size:.9rem;margin-bottom:16px;line-height:1.5}.btn-aramex{background-color:#d97706;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:800;cursor:pointer;width:100%;transition:background-color .2s}.btn-aramex:hover{background-color:#b45309}.ot-exchange-columns{display:flex;justify-content:space-between;margin-bottom:24px;padding-top:16px}.ot-ex-col{flex:1;display:flex;flex-direction:column;gap:8px;text-align:center}.ot-ex-label{font-size:1rem;font-weight:800;color:#111827}.ot-ex-value{font-size:.95rem;color:#4b5563}.tracking-info-box{background-color:#f0f9ff;text-align:right}.tracking-info-line{font-size:.95rem;color:#4b5563;margin-bottom:8px}.tracking-info-line strong{color:#111827}.tracking-timeline-title{font-size:1.1rem;font-weight:800;color:#111827;margin-bottom:20px;text-align:right}.tracking-timeline{margin-bottom:20px;text-align:right}.timeline-step{position:relative;margin-bottom:24px}.timeline-step:last-child{margin-bottom:0}.timeline-step .step-circle{position:absolute;right:-21px;top:4px;width:12px;height:12px;border-radius:50%;background-color:#d1d5db;z-index:2;border:2px solid #fff}.timeline-step.completed .step-circle{background-color:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.2)}.step-content h4{font-size:1rem;font-weight:700;color:#111827;margin-bottom:4px}.step-content p{font-size:.85rem;color:#6b7280}.timeline-step.completed .step-content h4{color:#111827}.timeline-step.pending .step-content h4{color:#9ca3af}.exchange-action-cards{display:flex;gap:16px;margin-bottom:20px}.ex-action-card{flex:1;border:1px solid #cbd5e1;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:.2s;background-color:#fff}.ex-action-card.active{background-color:#f0fdf4;border-color:#0d9488;color:#0d9488}.ex-action-card h4{font-size:1rem;font-weight:800;margin-bottom:4px;color:inherit}.ex-action-card.active h4{color:#0d9488}.ex-action-card p{font-size:.85rem;color:#6b7280}.ex-form-group{margin-bottom:16px;text-align:right}.ex-form-group label{display:block;font-size:.95rem;font-weight:700;color:#4b5563;margin-bottom:8px}.ex-form-select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background-color:#fff;font-family:inherit;font-size:.95rem;color:#4b5563;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 12px center;background-size:16px}.ex-warning-box{background-color:#fefce8;border:1px solid #fef08a;border-radius:8px;padding:20px;margin-bottom:24px;text-align:right}.ex-warning-title{display:flex;align-items:center;gap:8px;font-weight:800;color:#854d0e;margin-bottom:8px}.ex-warning-text{font-size:.85rem;color:#78350f;line-height:1.5;margin-bottom:16px}.ex-checkbox-wrap{display:flex;align-items:flex-start;gap:12px}.ex-checkbox-wrap input[type=checkbox]{margin-top:4px;width:16px;height:16px;flex-shrink:0}.ex-checkbox-wrap label{font-size:.85rem;color:#4b5563;line-height:1.4;font-weight:600}.btn-submit-exchange{width:100%;background-color:#0d9488;color:#fff;border:none;padding:16px;border-radius:8px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:background-color .2s}.btn-submit-exchange:hover{background-color:#0f766e}.shop-page-wrapper{min-height:calc(100vh - 80px);font-family:var(--font-family);direction:rtl}.shop-avatars-row{display:flex;justify-content:center}.shop-avatar-card{display:flex;flex-direction:column;align-items:center;gap:8px}.shop-avatar-card:hover{border-color:#99f6e4}.shop-avatar-card span{color:#111827}.shop-main-layout{display:flex;flex-direction:row-reverse;gap:24px;max-width:100%;margin:0 auto;align-items:flex-start}.shop-cart-panel{flex-shrink:0;position:sticky}.shop-cart-panel .cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6;padding-bottom:16px;margin-bottom:20px}.shop-cart-panel .cart-header h3{font-size:1.05rem;font-weight:800;color:#111827;display:flex;align-items:center;gap:8px}.shop-cart-panel .cart-badge{background-color:#e2e8f0;color:#4b5563;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px}.cart-empty-state{text-align:center;padding:40px 0}.cart-empty-state svg{color:#d1d5db;margin-bottom:16px}.cart-empty-state p{color:#9ca3af;font-size:.95rem;line-height:1.6}.cart-filled-state{display:block}.cart-item-row{border-bottom:1px solid #f3f4f6;padding-bottom:16px;margin-bottom:16px}.cart-item-child-badge{background-color:#f0f9ff;color:#0284c7;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:4px;display:inline-block;margin-bottom:8px}.cart-item-title{font-size:.9rem;font-weight:800;color:#111827;margin-bottom:4px}.cart-item-details{font-size:.8rem;color:#6b7280;display:flex;justify-content:space-between;margin-bottom:8px}.cart-item-action{color:#ef4444;font-size:.8rem;background:0 0;border:none;cursor:pointer;font-weight:600}.cart-delivery-options{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #d1d5db}.cart-del-opt{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#4b5563}.cart-summary-line{display:flex;justify-content:space-between;font-size:.85rem;color:#6b7280;margin-bottom:8px}.cart-total-line{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:800;color:#111827;margin-top:16px;margin-bottom:24px}.btn-checkout-cart{width:100%;background-color:#0d9488;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:800;cursor:pointer;transition:background-color .2s}.btn-checkout-cart:hover{background-color:#0f766e}.shop-products-panel{flex:1;background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:30px}.panel-section-header{margin-bottom:30px;border-bottom:1px solid #f3f4f6;padding-bottom:20px}.panel-s-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-s-title-row h2{font-size:1.2rem;font-weight:800;color:#111827}.badge-free-package{background-color:#dcfce7;color:#16a34a;border:1px solid #16a34a;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:700}.badge-tax-package{background-color:#fef9c3;color:#ca8a04;border:1px solid #ca8a04;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:700}.panel-s-desc{color:#6b7280;font-size:.95rem}.shop-categories-row{display:flex;gap:12px;justify-content:flex-start;margin-bottom:24px}.shop-cat-btn{background-color:#f3f4f6;color:#4b5563;border:none;padding:8px 24px;border-radius:6px;font-size:.95rem;font-weight:700;cursor:pointer}.shop-cat-btn.active{background-color:#0d9488;color:#fff}.btn-added-success{background-color:#d1fae5!important;color:#059669!important;border:1px solid #10b981!important}.shop-product-card{display:flex;flex-direction:row;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:20px;gap:24px;align-items:stretch;background-color:#fff}.spc-image{width:160px;height:160px;border-radius:12px;object-fit:cover;flex-shrink:0}.spc-main-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.spc-code{background-color:#e2e8f0;color:#4b5563;font-size:.75rem;padding:4px 8px;border-radius:4px;align-self:flex-start;margin-bottom:8px}.spc-title{font-size:1.15rem;font-weight:800;color:#111827;margin-bottom:8px}.spc-desc{font-size:.9rem;color:#6b7280;margin-bottom:24px;line-height:1.5}.spc-selectors{display:flex;gap:16px;margin-top:auto}.spc-form-group{display:flex;flex-direction:column;gap:8px}.spc-form-group label{font-size:.85rem;font-weight:700;color:#4b5563}.spc-select{padding:8px 12px 8px 36px;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;font-family:inherit;font-size:.9rem;color:#4b5563;min-width:140px;direction:rtl;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 12px center;background-size:16px}.spc-action-area{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:200px;flex-shrink:0}.spc-price{text-align:left;font-size:1.25rem;font-weight:800;color:#111827;width:100%}.spc-price span{display:block;font-size:.8rem;color:#6b7280;font-weight:400;margin-top:4px}.btn-add-cart{background-color:#1a60a8;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;width:100%;transition:.2s}.hidden{display:none!important}.visually-hidden{visibility:hidden}.icon-teal{color:#0d9488}.icon-yellow{color:#eab308;flex-shrink:0}.icon-inline-truck{display:inline;margin-left:4px;vertical-align:-3px}.icon-margin-left-sm{margin-left:8px}.text-teal-bold{color:#0d9488;font-weight:700}.text-danger-bold{color:#ef4444;font-weight:700}.text-muted-sm{color:#6b7280;font-size:.9rem}.spc-price--hidden{visibility:hidden}.shop-search-bar{display:flex;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border,#e5e7eb);align-items:center}.shop-search-input-wrap{flex:1;position:relative}.shop-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.9rem;pointer-events:none}.shop-search-input{width:100%;padding:10px 40px 10px 14px;border:1.5px solid #e5e7eb;border-radius:var(--radius-md,8px);font-size:.9rem;font-family:inherit;background:#f9fafb;transition:border-color .2s,box-shadow .2s}.shop-search-input:focus{border-color:var(--primary,#0d7377);box-shadow:0 0 0 3px rgba(13,115,119,.1);background:#fff}.shop-search-btn{padding:10px 24px;background:var(--primary,#0d7377);color:#fff;border:none;border-radius:var(--radius-md,8px);font-weight:700;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .2s;white-space:nowrap}.shop-search-btn:hover{background:var(--primary-hover,#0a5c5f)}.balance-badge,.shop-balance-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857;border:1px solid #a7f3d0;border-radius:var(--radius-md,8px);padding:12px 16px;font-size:.9rem;font-weight:700;margin-top:16px}.balance-badge i,.shop-balance-badge i{font-size:1.1rem;color:#059669}.empty-state{text-align:center;padding:48px 24px;color:#9ca3af}.empty-state-icon{margin-bottom:16px;color:#d1d5db}.empty-state-title{font-size:1.1rem;font-weight:800;color:#6b7280;margin-bottom:8px}.empty-state-desc{font-size:.9rem;color:#9ca3af;line-height:1.6}.empty-state-wrap{display:flex;justify-content:center;align-items:center;min-height:200px}.spc-image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8;font-size:2.5rem;border-radius:12px}.spc-meta{display:flex;gap:16px;font-size:.85rem;color:#6b7280;margin-bottom:8px}.spc-meta i{margin-left:4px;color:#9ca3af}.spc-stock-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;margin-top:auto}.spc-out-of-stock{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.spc-price--free{text-align:left;width:100%}.cart-price-text{font-weight:700}.cart-totals-block{padding-top:16px;margin-top:16px;margin-bottom:16px}.btn-danger{background-color:#dc2626!important}.btn-danger:hover{background-color:#b91c1c!important}.avatar-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#bae6fd);display:flex;align-items:center;justify-content:center;color:#0284c7;font-size:1.2rem}.shop-avatar-card.active .avatar-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488}.detail-order-stack{display:flex;flex-direction:column;gap:4px}.detail-order-label{font-size:.9rem;color:#111827}.detail-order-value{font-size:.85rem;font-weight:600;color:#6b7280}.detail-order-inline{display:flex;gap:8px;align-items:center}.detail-order-inline .detail-order-label{font-size:.95rem;font-weight:700}.detail-header-row--spaced{margin-bottom:24px}.section-title--tight{margin-bottom:8px}.section-title--flush{margin-bottom:0}.section-note{color:#6b7280;font-size:.9rem;margin-bottom:16px}.order-item-card--spaced{margin-bottom:24px}.dashed-divider--spaced{margin:24px 0}.action-buttons--center{justify-content:center;gap:24px}.btn-fixed-width{width:200px}.btn-pay-width{width:245px;margin:0 auto}.text-center-mt{text-align:center;margin-top:24px}.text-center-mt-lg{text-align:center;margin-top:32px}.checkout-header-start{justify-content:flex-start}.payment-icon{height:20px}.kid-status-wrap{margin-top:20px}.sidebar-card--active-teal{border-color:#0d9488}.ot-item-price-muted{color:#6b7280;font-size:.9rem}.ot-items-list--spaced{margin-bottom:16px}.ot-card-header--lined{border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:0}.ot-header-items-row--between{width:100%;justify-content:space-between}.ot-h-value--bold{font-weight:600;font-size:.95rem}.ot-ex-col--start{text-align:start}.ot-ex-col--start-flex{align-items:flex-start}.ot-ex-col--end{align-items:flex-end;text-align:right}.ot-card-footer--end{justify-content:flex-end}.ot-card-footer--end-mt{justify-content:flex-end;margin-top:16px}.ot-exchange-layout{display:flex;gap:24px}.ot-exchange-columns--grow{flex:1;padding-top:24px}.success-modal{text-align:center;padding:60px 40px;background-color:#fff}.success-icon-wrap--spaced{margin-bottom:24px}.success-icon-circle{width:90px;height:90px;background-color:#0d9488;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 10px rgba(13,148,136,.3)}.success-modal-title{color:#0d9488;font-size:1.6rem;font-weight:800;margin-bottom:16px}.success-modal-text{color:#4b5563;font-size:1.15rem;font-weight:600}.success-modal-ref{color:#111827;font-weight:800;margin-right:8px}.modal-narrow{max-width:600px}.modal-header-teal--stack{flex-direction:column;align-items:flex-start;position:relative}.btn-close-modal--corner{position:absolute;top:20px;left:20px}.modal-title-lg{font-size:1.2rem;font-weight:800;margin-bottom:4px}.modal-subtitle-sm{font-size:.85rem;opacity:.9}.cart-item-header-col{text-align:right}.cart-item-footer-row{display:flex;justify-content:space-between;align-items:center}.cart-price-text{font-size:.85rem;color:#4b5563}.cart-price-free{color:#16a34a;font-weight:700}@media (max-width:1200px){.dashboard-sidebar{width:300px}.dashboard-main{padding:24px}.form-grid--three{grid-template-columns:1fr 1fr}.stepper{--step-circle-size:72px;padding:32px 16px 24px}.stepper .step-circle{font-size:1.6rem}.stepper .step-label{font-size:.95rem}}@media (max-width:1024px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.shop-main-layout{flex-direction:column}.shop-cart-panel{width:100%;margin-bottom:24px;position:static}.checkout-layout{display:flex;flex-direction:column}.dashboard-layout{flex-direction:column;gap:16px}.checkout-main-col,.dashboard-sidebar,.order-sidebar{width:100%;max-width:100%;margin-bottom:0}.dashboard-main,.dashboard-main--orders{width:100%;min-width:0;max-width:100%}.dashboard-main{padding:20px 16px}.sidebar-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:0 16px 16px;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sidebar-card{min-width:260px;flex-shrink:0}.form-grid--three{grid-template-columns:1fr 1fr}.order-applicant-section,.order-detail-body{padding:20px 16px}.order-detail-header{padding:14px 16px}.order-item-block{padding:20px 16px}.stepper{--step-circle-size:60px;padding:24px 12px}.stepper .step-circle{font-size:1.35rem}.stepper .step-label{font-size:.85rem}.checkbox-grid,.shipping-options{grid-template-columns:1fr 1fr}}@media (max-width:768px){.auth-content{padding:20px 16px}.school-cards{flex-direction:column;align-items:center}.school-card{width:100%;max-width:100%}.banner-content{flex-direction:column;gap:8px;text-align:center}.banner-items-group{flex-wrap:wrap;justify-content:center;gap:16px}.navbar-content{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px}.navbar-center{order:3;width:100%;justify-content:center;gap:20px;margin-top:8px}.navbar-left{gap:8px}.company-logo-sm .logo-icon{width:130px;height:auto}.ot-tabs{transform:scale(.9)}.children-grid{grid-template-columns:1fr}.modal-content,.modal-content-wide{max-width:95%;margin:20px auto;padding:24px}.shop-product-card{flex-direction:column;align-items:center;text-align:center}.spc-image{width:100%;max-width:250px;margin-bottom:16px}.spc-action-area{width:100%;min-width:unset;border-right:none;border-top:1px solid var(--border-light);padding-top:16px}.form-grid,.form-grid--three,.form-grid--two{grid-template-columns:1fr}.summary-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:16px 12px}.summary-card-value{font-size:1.5rem}.summary-card-title{font-size:.8rem}.del-opts-grid{grid-template-columns:1fr}.items-list .order-item-card{padding:16px}.detail-header-row{flex-direction:column;align-items:flex-start;gap:12px}.action-buttons{flex-direction:column;gap:16px}.btn-approve,.btn-reject{width:100%}.payment-logos{flex-wrap:wrap}.payment-logo-box{padding:10px 24px;flex:1 1 30%;min-width:80px}}@media (max-width:1024px) and (min-width:769px){.children-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}.kid-card{padding:24px 20px 56px}.shop-avatars-row{flex-wrap:wrap;justify-content:center}.shop-products-panel{padding:24px 20px}.ot-header-items-row{gap:32px;flex-wrap:wrap}.dashboard-main{padding:24px 20px}.stepper{--step-circle-size:64px;padding:24px 12px}.stepper .step-circle{font-size:1.4rem}.stepper .step-label{font-size:.85rem}}@media (max-width:768px){html{font-size:15px}.app-content{padding:16px 12px!important}.top-banner{font-size:.72rem;padding:6px 0}.banner-content{padding:0 12px}.banner-items-group{gap:12px}.navbar-content{padding:10px 12px}.navbar-left{flex-wrap:wrap;justify-content:flex-end}.ot-tabs{transform:none}.ot-tab-btn{padding:6px 14px;font-size:.75rem}.nav-link{font-size:.88rem}.parent-dashboard-page{padding:0}.parent-welcome-section{margin-bottom:20px;padding:0 4px}.parent-welcome-section h1{font-size:1.35rem;line-height:1.4}.parent-welcome-section p{font-size:.9rem}.children-cards-grid{grid-template-columns:1fr;gap:16px}.kid-card{padding:20px 16px 56px;min-height:unset}.kid-card-header{margin-bottom:12px}.kid-info h2{font-size:1.05rem}.kid-status-badge{font-size:.75rem;padding:6px 12px;line-height:1.4}.kid-avatar{width:56px;height:56px;flex-shrink:0}.shop-page-wrapper{padding:0}.shop-avatars-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:12px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-avatars-row::-webkit-scrollbar{display:none}.shop-avatar-card{min-width:88px;flex-shrink:0;padding:12px}.shop-avatar-card img{width:48px;height:48px}.shop-avatar-card span{font-size:.78rem;text-align:center}.shop-products-panel{padding:20px 16px}.panel-s-title-row{flex-direction:column;align-items:flex-start;gap:10px}.panel-s-title-row h2{font-size:1.05rem}.shop-categories-row{flex-wrap:wrap}.spc-selectors{flex-direction:column}.spc-select{width:100%;min-width:unset}.spc-action-area{width:100%;align-items:stretch}.btn-add-cart{font-size:.85rem}.checkout-page,.orders-tracking-page{padding:0}.ot-header h1{font-size:1.3rem}.ot-header p{font-size:.9rem}.ot-card{padding:16px}.ot-card-header{flex-direction:column;gap:12px;align-items:stretch}.ot-header-items-row{flex-direction:column;gap:12px}.ot-header-items-row--between{align-items:flex-start}.ot-status-badge{align-self:flex-start}.ot-item-row{flex-direction:column;align-items:flex-start;gap:8px}.ot-card-footer{flex-direction:column;gap:12px;align-items:stretch}.btn-dark-action,.btn-track-action{width:100%;justify-content:center}.ot-footer-text{text-align:center}.ot-exchange-columns,.ot-exchange-columns--grow{flex-direction:column;gap:16px}.ot-ex-col{text-align:right}.ot-exchange-layout{flex-direction:column;gap:16px}.aramex-box{width:100%}.exchange-action-cards{flex-direction:column}.checkout-section{padding:20px 16px}.checkout-section-header{flex-direction:column;align-items:flex-start;gap:12px}.checkout-header-title h1{font-size:1.2rem}.delivery-options{flex-direction:column;align-items:flex-start}.btn-confirm-pay,.btn-pay-width{width:100%}.order-sidebar{padding:16px}.cart-delivery-options{flex-direction:column;gap:12px;align-items:flex-start}.dashboard-top-header{flex-direction:column;gap:12px;margin-bottom:16px}.dashboard-title-area h1{font-size:1.25rem;line-height:1.4}.dashboard-title-area p{font-size:.88rem}.dashboard-page .ot-tabs--spaced{margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.summary-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.summary-card{padding:14px 10px}.summary-card-title{font-size:.78rem;text-align:center;line-height:1.3}.summary-card-value{font-size:1.4rem}.dashboard-main{padding:16px 12px;border-radius:8px}.dashboard-main--orders{padding:0}.order-applicant-section,.order-detail-body{padding:16px 12px}.order-detail-header{padding:12px;flex-direction:column;align-items:flex-start}.order-detail-footer{flex-direction:column;padding:16px 12px;gap:12px}.btn-order-action{width:100%;padding:14px 20px;font-size:.95rem}.order-item-block{padding:16px 12px;margin-bottom:16px}.form-grid--spaced,.order-item-divider{margin-bottom:16px}.detail-section{margin-bottom:20px}.section-title{font-size:1rem;margin-bottom:14px}.form-control-ro{padding:10px 12px;font-size:.88rem}.filter-bar{flex-direction:column;gap:12px;align-items:stretch;padding:14px 12px;margin-bottom:16px}.filter-pills{flex-wrap:wrap;gap:6px}.filter-pill{padding:6px 12px;font-size:.82rem}.search-input{width:100%}.sidebar-header{padding:14px 16px}.sidebar-list{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:320px;padding:0 12px 12px}.sidebar-card{min-width:unset;width:100%;padding:12px}.form-grid,.form-grid--three,.form-grid--two{grid-template-columns:1fr;gap:14px}.shipping-options{grid-template-columns:1fr;gap:12px}.shipping-card{padding:16px}.checkbox-grid{grid-template-columns:1fr;padding:16px;gap:12px}.customer-image{height:180px}.waiting-state-container{padding:32px 16px}.waiting-state-container svg{width:72px;height:72px}.waiting-state-container h2{font-size:1.15rem}.action-buttons{margin-top:24px;padding-top:16px}.btn-approve,.btn-reject{padding:12px 20px;font-size:.9rem}.stepper{--step-circle-size:48px;flex-direction:column;padding:20px 16px;gap:0}.stepper .step{flex-direction:row;align-items:center;gap:16px;padding:12px 0;width:100%}.stepper .step:not(:first-child)::before,.stepper .step:not(:last-child)::after{display:none}.stepper .step-circle{font-size:1.1rem}.stepper .step-label{font-size:.9rem;text-align:right}.custom-modal{max-width:calc(100% - 24px);margin:12px}.modal-body-white,.modal-header-teal{padding:16px}.auth-header{padding:8px 12px}.logo-icon{width:160px;height:auto}.school-card{width:100%;max-width:320px}.app-footer,.auth-footer{font-size:.78rem;padding:12px 16px}}@media (max-width:480px){html{font-size:14px}.banner-content>div:first-child{display:none}.company-logo-sm .logo-icon{width:110px}.navbar-center{gap:16px}.toggle-btn{padding:5px 12px;font-size:.72rem}.parent-welcome-section h1{font-size:1.2rem}.summary-cards-grid{grid-template-columns:1fr}.summary-card-value{font-size:1.75rem}.ot-tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.ot-tabs{min-width:max-content}.payment-logo-box{flex:1 1 45%}.kid-status-wrap{margin-top:8px}}@media (max-width:640px){.dashboard-title-area h1{font-size:1.1rem}.summary-cards-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:12px 8px}.summary-card-value{font-size:1.35rem}.sidebar-card{min-width:200px}.sc-customer{font-size:.88rem}.sc-item{font-size:.8rem}.order-detail-header-title{font-size:1rem}.dashboard-main{padding:12px 10px}.form-grid,.form-grid--three{grid-template-columns:1fr;gap:14px}.detail-header-row{margin-bottom:16px}.sc-badge--header{font-size:.75rem;padding:4px 12px}}.ex-item-card{border:1px solid #bfe0ed;border-radius:8px;padding:16px;margin-bottom:12px;background-color:#fcfdfe}.ex-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#333}.ex-item-header input[type=checkbox]{width:18px;height:18px;accent-color:#008080;cursor:pointer}.ex-item-reason{display:flex;flex-direction:column;gap:8px}.ex-item-reason label{font-size:13px;color:#444}.ex-item-reason select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;color:#666;background-color:#fff;outline:0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:16px}.ex-defect-box{background-color:#fff5f6;border:1px solid #fed2d4;border-radius:8px;padding:16px;margin-bottom:20px}.ex-defect-title{display:flex;align-items:center;gap:8px;color:#c92a3f;font-weight:600;font-size:14px;margin-bottom:8px}.ex-defect-title svg{color:#d14d60}.ex-defect-desc{color:#d96877;font-size:13px;line-height:1.5;margin-bottom:16px}.ex-upload-area{display:flex;gap:16px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ex-upload-thumbnails-container{display:flex;gap:12px;flex-wrap:wrap}.ex-thumb-wrapper{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid #eee}.ex-thumb-wrapper:hover .ex-thumb-edit{opacity:1}.ex-upload-thumb{width:100%;height:100%;object-fit:cover;display:block}.ex-thumb-edit{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;gap:8px}.btn-remove-thumb{background:#ff4d4f;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:.2s}.btn-remove-thumb:hover{background:#d9363e}.ex-upload-dashed{width:120px;height:100px;border:1px dashed #666;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;color:#333;font-size:14px;cursor:pointer;transition:.2s;margin:0}.ex-upload-dashed:hover{background-color:rgba(0,0,0,.02)}.ex-upload-dashed svg{margin-bottom:8px;color:#333}
.emp-login-card {
    background :#ffffff5c;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #f3f4f6
}.emp-login-header{text-align:center;margin-bottom:32px}.emp-login-icon-wrap{width:64px;height:64px;background:#f0fdfa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.emp-login-icon-wrap i{font-size:28px;color:#0d9488}.emp-login-header h1{font-size:1.5rem;font-weight:800;color:#111827;margin-bottom:8px}
.emp-login-header p {
    color: white;
    font-size: .95rem
}.emp-login-alert{background:#fef2f2;color:#ef4444;border:1px solid #fca5a5;padding:12px;border-radius:8px;margin-bottom:24px;text-align:center;font-weight:700}.emp-login-alert p{margin:0}.emp-form-group{margin-bottom:20px}.emp-form-group-mb{margin-bottom:32px}
.emp-label {
    display: block;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 8px;
    font-size: .9rem;
    text-align: right
}.emp-input-wrap{position:relative}.emp-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#0d9488;font-size:1.1rem;font-weight:700}.emp-input{width:100%;padding:12px 40px 12px 12px;border-radius:8px;border:1px solid #d1d5db;outline:0;transition:border-color .2s,background .2s;font-size:.95rem;background:#f9fafb}.emp-input:focus{border-color:#0d9488;background:#fff}.emp-btn-primary{width:100%;background:#0d9488;color:#fff;padding:14px;border-radius:8px;border:none;font-weight:700;font-size:1.05rem;cursor:pointer;transition:background .2s;box-shadow:0 4px 6px -1px rgba(13,148,136,.2)}.emp-btn-primary:hover{background:#0f766e}.emp-dash-sidebar{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px;width:350px;flex-shrink:0}.dashboard-content{flex:1;min-width:0}.emp-dash-sb-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.emp-dash-sb-title{font-weight:700;font-size:1.1rem;color:#111827}.emp-dash-sb-badge{background:#f3f4f6;color:#4b5563;font-size:.8rem;padding:4px 12px;border-radius:20px;font-weight:700}.emp-dash-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;display:block;background:#fff;transition:.2s}.emp-dash-card.selected{border-color:#0d9488;background:#f0fdfa}.emp-sc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.emp-sc-header-right{display:flex;justify-content:space-between;margin-bottom:8px}.emp-sc-badge-status{background:#fff;color:#eab308;border:1px solid #eab308;font-weight:700;border-radius:20px;padding:2px 10px;font-size:.75rem}.emp-sc-order-num{background:#e0f2fe;margin-top:16px ;color:#0284c7;font-weight:700;border-radius:6px;padding:4px 10px;font-size:.75rem}.emp-sc-customer{font-weight:700;color:#111827;font-size:.95rem;text-align:right}.emp-sc-desc{color:#6b7280;font-size:.8rem;margin-top:4px;text-align:right}.emp-sc-time{color:#9ca3af;font-size:.75rem;margin-top:12px;text-align:left}.emp-sc-time-sm{margin-top:8px}.emp-detail-panel{background:#f3f4f6;border-radius:12px;padding:32px;border:1px solid #e5e7eb}.emp-detail-panel-white{background:#fff}.emp-detail-empty{display:flex;justify-content:center;align-items:center;min-height:400px}.emp-detail-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.emp-detail-header-flex-mb{margin-bottom:32px}.emp-detail-h3{font-weight:800;color:#111827;font-size:1.2rem;margin:0}.emp-detail-h4{font-weight:800;color:#4b5563;margin-bottom:24px;font-size:1.05rem;text-align:right}.emp-detail-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:40px}.emp-detail-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.emp-detail-grid-2-mb{margin-bottom:24px}.emp-detail-grid-2-lg{margin-bottom:40px}.emp-form-control-ro{background:#fff;padding:14px;border-radius:8px;border:1px solid #e5e7eb;color:#6b7280;font-size:.95rem;text-align:right}.emp-form-control-ro-gray{background:#f9fafb}.emp-form-control-ro-primary{color:#0d9488;font-weight:800}.emp-form-control-ro-muted{color:#9ca3af}.emp-form-control-ro-ltr{direction:ltr}.emp-detail-divider-flex{border-bottom:1px solid #d1d5db;margin-bottom:32px;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center}.emp-detail-order-span{color:#6b7280;font-size:.95rem;font-weight:600}.emp-item-block{margin-bottom:32px}.emp-item-divider{border:none;border-top:1px dashed #d1d5db;margin-bottom:0}.emp-btn-wrap{text-align:center;margin-top:40px}.emp-btn-action{background:#0d9488;color:#fff;padding:14px 40px;border-radius:8px;border:none;font-weight:700;font-size:1.05rem;cursor:pointer;min-width:250px;transition:background .2s}.emp-btn-action:hover{background:#0f766e}.emp-stepper-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}.emp-stepper-line-bg{position:absolute;top:50%;left:40px;right:40px;height:2px;background:#e5e7eb;z-index:1;transform:translateY(-50%)}.emp-stepper-line-fill{position:absolute;top:50%;right:40px;width:50%;height:2px;background:#0284c7;z-index:2;transform:translateY(-50%)}.emp-step-item{position:relative;z-index:3;text-align:center}.emp-step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 12px;font-size:1.2rem}.emp-step-circle-active{background:#0284c7;color:#fff}.emp-step-circle-inactive{background:#fff;border:2px solid #9ca3af;color:#6b7280}.emp-step-text{font-size:.9rem}.emp-step-text-active{color:#0284c7;font-weight:700}.emp-step-text-inactive{color:#6b7280}.emp-filter-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px 24px;margin-bottom:24px}.emp-status-filters{display:flex;gap:8px;flex-wrap:wrap}.emp-filter-btn{background:#f3f4f6;color:#4b5563;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:700;text-decoration:none;transition:.2s;border:1px solid transparent}.emp-filter-btn:hover{background:#e5e7eb;color:#111827}.emp-filter-btn.active{background:#0d9488;color:#fff}.emp-search-box{flex:1;max-width:350px}.emp-search-form{display:flex;width:100%}.emp-search-input{width:100%;background:#f3f4f6;border:1px solid #e5e7eb;padding:10px 16px;border-radius:8px;font-size:.95rem;outline:0;transition:border-color .2s}.emp-search-input:focus{border-color:#0d9488;background:#fff}@media (max-width:1024px){.dashboard-layout{flex-direction:column}.emp-dash-sidebar{width:100%}.emp-filter-bar{flex-direction:column;align-items:flex-start;gap:16px}.emp-search-box{max-width:100%;width:100%}.emp-detail-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:1025px){.dashboard-content{width:100%}.emp-detail-grid-2,.emp-detail-grid-2-lg,.emp-detail-grid-2-mb,.emp-detail-grid-3{grid-template-columns:1fr}.emp-detail-panel,.emp-detail-panel-white{padding:16px}.emp-detail-divider-flex,.emp-detail-header-flex,.emp-detail-header-flex-mb{flex-direction:column;align-items:flex-start;gap:12px}.emp-btn-action{width:100%;min-width:0}.emp-stepper-wrap{flex-direction:column;align-items:flex-start;padding:24px 16px;gap:24px}.emp-stepper-line-bg{top:24px;bottom:24px;left:auto;right:35px;width:2px;height:auto;transform:none}.emp-stepper-line-fill{top:24px;left:auto;right:35px;width:2px;height:50%;transform:none}.emp-step-item{display:flex;align-items:center;gap:16px;text-align:right;width:100%}.emp-step-circle{margin:0;flex-shrink:0}}@media (max-width:480px){.emp-login-card{padding:24px;border-radius:12px}}.cart-header-modern{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea}.cart-header-modern-title{color:#374151}.cart-header-icon{color:var(--primary);margin-right:8px}.cart-empty-state-modern{padding:40px 20px;text-align:center;color:#9ca3af}.cart-empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.cart-empty-title{font-weight:700;font-size:1.1rem;margin-bottom:8px;color:#6b7280}.cart-empty-desc{font-size:.85rem;line-height:1.6}.products-panel-header-modern{border-bottom:1px solid #eaeaea}.products-header-flex{display:flex;justify-content:space-between;align-items:flex-start}.badge-free-modern{background-color:#dcfce7}.products-header-title{color:#1f2937}.products-header-subtitle{color:#6b7280}.shop-product-card-horizontal{display:flex;flex-direction:row-reverse}.spch-image-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.spch-img-real{width:100%;height:100%;object-fit:cover}.spch-img-placeholder{font-size:48px;color:#d1d5db}.spch-code-row{text-align:left;margin-bottom:12px}.spch-title{color:#1f2937;margin:0 0 8px}.spch-desc{font-size:.85rem;color:#6b7280;margin:0 0 20px;line-height:1.6}.spch-dropdowns-row{display:flex;gap:16px;margin-bottom:20px}.spch-dropdown-col{flex:1}.spch-dropdown-label{display:block;font-size:.8rem;color:#4b5563;margin-bottom:8px}.spch-dropdown-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.spch-btn-add{background-color:#1d4ed8;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:700;cursor:pointer}.spch-btn-add:disabled{background-color:#9ca3af;cursor:not-allowed}.spch-price-val{font-weight:700;font-size:1.1rem;color:#1f2937}.spch-price-tax-note{font-size:.75rem;color:#9ca3af;font-weight:400}.cart-item-card-modern{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;background-color:#f9fafb}.cart-item-info{text-align:right;flex:1}.cart-item-title-row{margin-bottom:8px;font-weight:700;gap:9px;color:#1f2937;display:flex;align-items:center}.cart-item-subtitle{color:#6b7280;font-size:.8rem}.cart-item-badge-free{background-color:#dcfce7;color:#166534;padding:2px 8px;border-radius:12px;font-size:.7rem;border:1px solid #bbf7d0;margin-right:8px}.cart-item-actions-col{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;min-width:80px}.cart-item-student-pill{background-color:#e0f2fe;color:#0369a1;padding:2px 12px;border-radius:12px;font-size:.75rem;font-weight:700}.cart-item-qty-box{display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:20px;padding:2px 8px;background:#fff;width:80px;margin:8px 0}.cart-item-qty-btn{background:0 0;border:none;font-size:1rem;cursor:pointer;color:#374151}.cart-item-qty-btn:disabled{color:#d1d5db;cursor:not-allowed}.cart-item-qty-val{margin:0 12px;font-weight:700;font-size:.9rem}.cart-item-btn-del{background:0 0;border:none;color:#dc2626;font-size:.8rem;cursor:pointer;padding:0}.cart-delivery-options-modern{display:flex;justify-content:space-around;font-size:.9rem}.cart-summary-box-modern{margin-top:16px}.cart-summary-line-modern{display:flex;justify-content:space-between;color:#4b5563}.cart-summary-val-bold{font-weight:700;color:#1f2937}.cart-summary-total-modern{display:flex;justify-content:space-between;align-items:center;color:#1f2937}.cart-item-form-modern{margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end}.btn-checkout-submit-modern{background-color:#16a34a;color:#fff;border:none;padding:16px;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;width:23%;margin-top:24px}.btn-checkout-submit-modern:disabled{background-color:#86efac;cursor:not-allowed}.ot-card-modern{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;background-color:#fff;overflow:hidden}.ot-card-header-modern{background-color:#f9fafb;padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ot-header-items-row-modern{display:flex;gap:48px}.ot-h-item-modern{display:flex;flex-direction:column}.ot-h-label-modern{font-size:.8rem;color:#6b7280;margin-bottom:4px}.ot-h-value-modern{font-weight:700;color:#1f2937}.ot-status-badge-modern{background-color:#dcfce7;color:#166534;padding:6px 16px;border-radius:20px;font-weight:700;font-size:.85rem}.ot-items-list-modern{padding:24px;display:flex;gap:16px;overflow-x:auto}.ot-item-box-modern{border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;gap:16px;min-width:300px;background-color:#fff}.ot-item-img-container{width:60px;height:60px;background-color:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ot-item-img-placeholder{color:#d1d5db;font-size:24px}.ot-item-info-col{display:flex;flex-direction:column;justify-content:center;flex:1}.ot-item-title-modern{font-weight:700;font-size:.9rem;color:#1f2937;margin-bottom:4px}.ot-item-subtitle-modern{font-size:.8rem;color:#6b7280}.ot-item-qty-modern{font-size:.8rem;color:#6b7280;margin-top:4px}.ot-card-footer-modern{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.ot-link-track{color:#2563eb;font-weight:700;text-decoration:underline;font-size:.9rem}.ot-btn-return{background-color:transparent;border:1px solid #dc2626;color:#dc2626;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;font-size:.9rem;transition:background-color .2s}.ot-btn-return:hover{background-color:#fef2f2}.cart-layout-container{display:flex;flex-direction:row-reverse;gap:32px;margin:0 auto;padding:24px;align-items:flex-start}.cart-sidebar{flex:0 0 350px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:sticky;top:24px}.cart-main-area{flex:1}.cart-section-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.cart-section-title-wrap{margin-bottom:20px;border-bottom:1px solid #eaeaea;padding-bottom:16px}.cart-section-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:12px}.cart-address-warning{background-color:#fef2f2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start;font-size:.9rem;border:1px solid #fecaca}.address-selection-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.address-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit;transition:.2s}.address-card:hover{border-color:#93c5fd;background-color:#eff6ff}.address-card.selected{border-color:#3b82f6;background-color:#eff6ff;border-width:2px}.address-card-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:8px;color:#1f2937}.address-card p{margin:0;font-size:.9rem;color:#6b7280}.cart-address-row{margin-bottom:16px}.cart-address-col-2{display:flex;flex-direction:column;gap:8px}.cart-address-label{font-weight:700;font-size:.9rem;color:#374151}.cart-address-input{padding:12px;border:1px solid #d1d5db;border-radius:6px;background-color:#f3f4f6;color:#4b5563;font-size:.95rem}.payment-methods-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.payment-method-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px 24px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#4b5563;transition:.2s;font-weight:700}.payment-method-card:hover{border-color:#93c5fd;background-color:#eff6ff}.payment-method-card.active{border-color:#10b981;background-color:#ecfdf5;color:#065f46;border-width:2px}.shop-main-layout{display:flex;gap:32px;align-items:flex-start;flex-direction:row}.shop-products-column{flex:1;display:flex;flex-direction:column}.shop-cart-panel{background-color:#fff;border:1px solid #e5e7eb;position:sticky;top:24px}.shop-avatars-row{display:flex;justify-content:center;gap:16px}.shop-avatar-card{background-color:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.shop-avatar-card.active{border:2px solid #0d9488}.shop-tabs-modern{display:flex;justify-content:flex-end;gap:12px;margin-bottom:16px}.shop-tab-btn{padding:8px 24px;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;background-color:#f3f4f6;color:#4b5563;border:none}.shop-tab-btn.active{background-color:#0d9488;color:#fff}.cart-header-modern-title{display:flex;justify-content:space-between;align-items:center}.cart-item-modern{position:relative}.ci-top-row{display:flex;justify-content:space-between;margin-bottom:12px}.ci-bottom-row{display:flex;justify-content:space-between;align-items:center}.ci-details{font-size:.85rem;color:#6b7280}.ci-actions{display:flex;align-items:center;gap:16px}.ci-qty-box{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb}.ci-qty-val{min-width:20px;text-align:center}.cart-delivery-options-modern{display:flex;gap:12px;border:1px dashed #d1d5db;border-radius:8px}.cart-delivery-options-modern label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;cursor:pointer;color:#4b5563}.cart-summary-line-modern{display:flex;justify-content:space-between}.cs-label{font-weight:600}.cs-val-dark{color:#111827}.cs-val-light{font-weight:700}.cart-summary-total-modern{display:flex;justify-content:space-between}.products-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-direction:row-reverse}.badge-free-modern{border:1px solid #22c55e;color:#22c55e;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;width:105px}.badge-tax-modern{margin-bottom:12px}.products-header-text-area{text-align:right;width:100%}.shop-product-card-horizontal{display:flex;gap:24px;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.02)}.spch-image-container{width:160px;height:160px;background-color:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid #f1f5f9}.spch-content{flex:1;display:flex;flex-direction:column}.spch-code-pill{background-color:#e2e8f0;color:#000;padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:700;align-self:flex-start}.spch-title{font-size:1.15rem;font-weight:800;margin-top:12px;margin-bottom:8px}.spch-selectors-row{display:flex;gap:16px;margin-top:16px;margin-bottom:24px}.spch-select-group{display:flex;flex-direction:column;gap:8px}.spch-select-group label{font-size:.85rem;font-weight:700;color:#4b5563}.spch-footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.spch-btn-add-free{background-color:#1a60a8;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer}.spch-btn-add-free:disabled,.spch-btn-add-paid:disabled{opacity:.5;cursor:not-allowed}.spch-btn-add-paid{background-color:transparent;color:#10b981;border:1px solid #10b981;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer}.tracking-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1000;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.tracking-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 25px rgba(0,0,0,.2);overflow:hidden;animation:.3s modalFadeIn}@keyframes modalFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tracking-modal-header{background-color:#00827b;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.tracking-modal-header .header-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center}.tracking-modal-header .close-modal{background:0 0;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:opacity .2s}.tracking-modal-header .close-modal:hover{opacity:.8}.tracking-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.tracking-info-box{border:1px solid #d1d5db;border-radius:8px;padding:16px;margin-bottom:24px}.tracking-info-box .info-row{margin-bottom:8px;display:flex;align-items:flex-start}.tracking-info-box .info-row:last-child{margin-bottom:0}.tracking-info-box .info-label{color:#4b5563;font-weight:600;min-width:150px;font-size:.9rem}.tracking-info-box .info-value{color:#111827;font-size:.9rem}.timeline-title{font-size:1rem;font-weight:700;color:#111827;margin-bottom:16px}.tracking-timeline{position:relative;padding-right:15px}.tracking-timeline::before{content:'';content:'';position:absolute;top:5px;bottom:0;right:4px;width:2px;background-color:#e5e7eb}.timeline-item{position:relative;padding-bottom:24px;padding-right:25px}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child::before{content:'';position:absolute;top:5px;bottom:0;right:-11px;width:2px;background-color:#fff}.timeline-dot{position:absolute;right:-3px;top:4px;width:16px;height:16px;border-radius:50%;background-color:#55a846;border:3px solid #fff;box-shadow:0 0 0 1px #55a846;z-index:1}.timeline-content{background:0 0}.timeline-status{font-weight:700;font-size:.95rem;color:#111827;margin-bottom:4px}.timeline-date,.timeline-location{font-size:.85rem;color:#6b7280;text-align:right}.no-events-msg{color:#6b7280;font-size:.9rem;text-align:center;padding:20px 0}:root{--bg-main:#f4f6f8;--color-primary:#008060;--color-primary-hover:#00664d;--color-text-main:#212b36;--color-text-muted:#637381;--color-border:#dfe3e8;--card-bg:#ffffff;--btn-blue:#2c68c4;--btn-blue-hover:#1e4b94;--tax-yellow:#fff4e5;--tax-orange:#b76e00}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg);line-height:1.7;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background-color:var(--bg-main);color:var(--color-text-main);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.shop-page-wrapper{direction:rtl;margin:0 auto;padding:20px}.shop-avatars-row{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.shop-avatar-card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:12px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-text-main);box-shadow:0 1px 3px rgba(0,0,0,.04);min-width:100px;transition:.2s}.shop-avatar-card.active{border:2px solid var(--color-primary)}.shop-avatar-card img{object-fit:cover;width:60px;height:60px;object-fit:cover;margin-bottom:8px;border-radius:50%}.shop-avatar-card span{font-weight:700;font-size:14px}.shop-top-tabs-container{display:flex;justify-content:flex-start;margin-bottom:20px}.shop-top-tabs{background:#e9ecef;border-radius:8px;padding:4px;display:flex;gap:4px}.shop-top-tabs a{padding:8px 24px;border-radius:6px;text-decoration:none;color:var(--color-text-main);font-weight:700;font-size:14px}.shop-top-tabs a.active{background:var(--color-primary);color:#fff}.shop-main-layout{display:flex;gap:20px;align-items:flex-start}.shop-products-column{flex:1}.shop-cart-panel{width:320px;background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid var(--color-border)}#products-panel{background:var(--card-bg);border:1px solid var(--color-border);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.products-panel-header-modern{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.products-header-flex{display:flex;justify-content:space-between;align-items:flex-start}.products-header-title{font-size:18px;font-weight:700;margin:0 0 5px;color:var(--color-text-main)}.products-header-subtitle{font-size:13px;color:var(--color-text-muted);margin:0}.badge-tax-modern{background:#fef3c7;color:#d97706;border:1px solid #f59e0b;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.badge-free-header{background:#f0fdf4;color:#22c55e;border:1px solid #22c55e;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.shop-filters-bar{display:flex;gap:8px;margin-bottom:20px}.shop-filters-bar button{background:#e9ecef;border:none;padding:6px 20px;border-radius:6px;font-weight:700;font-size:14px;color:var(--color-text-muted);cursor:pointer}.shop-filters-bar button.active{background:var(--color-primary);color:#fff}#products-panel .shop-product-card-horizontal{background:0 0;border:none;border-bottom:1px solid var(--color-border);border-radius:0;padding:15px 0;display:flex;flex-direction:row!important;margin-bottom:0;overflow:hidden;min-height:160px;box-shadow:none}#products-panel .shop-product-card-horizontal:last-child{border-bottom:none}#products-panel .spch-image-container{width:150px;height:auto!important;background:#f8f9fa;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:0!important;border:none!important}#products-panel .spch-image-container img{width:100%;height:100%;object-fit:cover}#products-panel .spch-content{flex:1;display:flex;flex-direction:column;padding:20px}#products-panel .spch-content-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}#products-panel .spch-title{font-size:16px;font-weight:700;margin:0;color:var(--color-text-main)}#products-panel .spch-code-pill{background:#e9ecef;color:#000;padding:4px 10px;border-radius:4px;font-size:11px}#products-panel .spch-desc{font-size:13px;color:var(--color-text-muted);margin:0 0 15px;line-height:1.5}#products-panel .spch-selectors-row{display:flex;gap:15px;margin-top:auto;justify-content:flex-start}#products-panel .spch-select-group{width:140px}#products-panel .spch-select-group label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:6px}#products-panel .spch-select-group select{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:6px;font-size:13px;outline:0;background:#fff}#products-panel .spch-left-area{width:225px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;flex-shrink:0}#products-panel .spch-price-block{text-align:left;width:100%}#products-panel .spch-price-val{font-size:14px;font-weight:700;color:var(--color-text-main);display:flex;align-items:center;gap:5px;justify-content:flex-end}#products-panel .spch-price-val strong{font-size:20px}#products-panel .spch-price-tax-note{font-size:11px;color:var(--color-text-muted);font-weight:400;text-align:left}#products-panel .spch-btn-add-free,#products-panel .spch-btn-add-paid{background:#e6f2ef;color:#008060;border:1px solid #008060;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;width:100%;text-align:center;transition:.2s}#products-panel .spch-btn-add-free:hover,#products-panel .spch-btn-add-paid:hover{background:#008060;color:#fff}.cart-header-modern{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:15px;margin-bottom:15px}.cart-header-modern-title{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;color:var(--color-text-main)}.badge-season-2026{background:#e2e8f0;color:#475569;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700}.cart-item-modern{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:stretch}.ci-content-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex:1}.ci-name-wrapper{margin-bottom:8px}.ci-badge-name{background:#e0f2fe;color:#0284c7;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700}.ci-title{font-size:13px;font-weight:700;color:var(--color-text-main);margin-bottom:4px}.ci-subtitle{font-size:11px;color:#94a3b8}.ci-actions-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:left}.ci-top-action{margin-bottom:auto}.ci-badge-free{border:1px solid #22c55e;color:#22c55e;background:#f0fdf4;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700}.ci-qty-box{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:20px;background:#fff;padding:2px 5px}.ci-qty-btn{background:0 0;border:none;font-weight:700;cursor:pointer;font-size:14px;padding:0 5px;color:var(--color-text-main)}.ci-qty-val{font-size:12px;font-weight:700;padding:0 8px}.ci-btn-del{color:#ef4444;background:0 0;border:none;font-size:11px;font-weight:400;cursor:pointer;padding:0;margin-top:10px}.ci-btn-del:hover{text-decoration:underline}.cart-delivery-options-modern{display:flex;justify-content:space-between;margin:20px 0 15px;padding:9px 10px}.custom-radio-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;cursor:pointer}.custom-radio{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #cbd5e1;border-radius:4px;outline:0;cursor:pointer;position:relative;background:#fff;margin:0}.custom-radio:checked{border-color:#475569}.custom-radio:checked::after{content:'\2713';font-size:12px;color:#475569;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cart-summary-divider{border:none;border-top:1px dashed #cbd5e1;margin:15px 0}.cart-summary-box-modern{padding:0 10px}.cart-summary-line-modern{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px}.cs-label{color:#64748b}.cs-val-dark{color:var(--color-text-main);font-weight:700}.cs-val-light{color:#64748b}.cart-summary-bold .cs-label{color:var(--color-text-main);font-weight:700}.cart-summary-total-modern{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:20px;font-size:14px;font-weight:700;color:var(--color-text-main)}.cart-summary-total-val{font-size:18px}.btn-checkout-full{background:#008060;color:#fff;border:none;width:100%;padding:12px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s}.btn-checkout-full:hover{background:#00664d}.u-style-7ae97d{margin-bottom:2rem;justify-content:center}.u-style-cb4589{display:none}.u-style-8ced3a{margin-top:10px}.u-style-894707{margin:0 10px;font-weight:700}.u-style-366d0a{padding:15px;border:1px dashed #d1d5db;border-radius:6px;margin:20px 0;display:flex;gap:20px}.u-style-9c0dd8{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#1f2937;cursor:pointer}.u-style-84bf42{width:18px;height:18px}.u-style-3607c3{display:flex;justify-content:space-between;align-items:center}.u-style-cbbb73{color:var(--primary)}.u-style-705318{background-color:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.u-style-5ee129{background-color:#fffbeb;border:1px solid #fef3c7;color:#92400e;padding:12px;border-radius:6px;display:flex;gap:10px;margin-bottom:20px}.u-style-ac67f7{margin-top:3px}.u-style-6b6e0b{font-size:.85rem;line-height:1.5}.u-style-b77529{display:flex;gap:20px}.u-style-fbfcb8{flex:2;display:flex;flex-direction:column}.u-style-394a17{display:block;margin-bottom:8px;font-weight:700;font-size:.85rem;color:#4b5563}.u-style-40770c{flex:1;width:100%;border:1px solid #d1d5db;border-radius:6px;padding:10px;resize:none;font-size:.9rem;background-color:#f9fafb;color:#374151;box-sizing:border-box}.u-style-9ac825{flex:1;display:flex;flex-direction:column}.u-style-e718df{display:block;margin-bottom:8px;font-weight:700;font-size:.85rem;color:#4b5563;text-align:left}.u-style-275e32{flex:1;width:100%;border:1px solid #d1d5db;border-radius:6px;padding:10px;font-size:.9rem;text-align:left;direction:ltr;background-color:#f9fafb;color:#374151;box-sizing:border-box}.u-style-28bbfa{text-align:right}.u-style-ccb62a{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.u-style-fc621f{border:2px solid}/* --- Responsive & Utility Classes Added --- */
.mt-5 
{ margin-top: 5px !important; 

}
.mt-10 
{ 
    margin-top: 10px !important;

}
.mt-15 { 
    margin-top: 15px !important; 

}
.mt-20 {
    margin-top: 20px !important; 

}
.mt-30 { 
    margin-top: 30px !important; 

}
.mb-5 { 
    margin-bottom: 5px !important; 

}
.mb-10 { 
    margin-bottom: 10px !important; 

}
.mb-15 {
    margin-bottom: 15px !important; 

}
.mb-20 { 
    margin-bottom: 20px !important;

}
.mb-30 { 
    margin-bottom: 30px !important; 

}
.ml-10 { 
    margin-left: 10px !important; 

}
.mr-8 {
    margin-right: 8px !important;

}
.d-inline-block {
    display: inline-block !important; 

}
.ltr-dir { 
    direction: ltr !important;

}
.text-center {
    text-align: center !important; 

}
.d-none { 
    display: none !important;

}
.justify-content-center { 
    justify-content: center !important; 

}
.rt-icon { 
    margin-left: 10px !important; 
    font-size: 1.2rem !important;

}
.rt-ltr-inline {
    direction: ltr !important; 
    display: inline-block !important; 

}
.rt-no-tracking { 
    text-align: center !important;
    padding: 30px 20px !important; 

}
.rt-no-tracking-icon {
    font-size: 3rem !important; 
    color: #d1d5db !important;
    margin-bottom: 15px !important;

}
.rt-no-tracking-title { 
    font-size: 1rem !important; 
    font-weight: 600 !important;
    color: #374151 !important; 
    margin-bottom: 8px !important; 

}
.rt-no-tracking-desc {
    font-size: 0.85rem !important; 
    color: #9ca3af !important; 

}
.st-container { 
    margin-top: 20px !important; 
    padding: 20px !important;
    border: 1px solid #e5e7eb !important; 
    border-radius: 8px !important; 
    background: #f9fafb !important; 

}
.st-title { 
    font-size: 1rem !important;
    font-weight: bold !important; 
    margin-bottom: 15px !important; 
    color: #111827 !important; 

}
.st-info-row {
    margin-bottom: 10px !important; 

}
.st-info-label {
    color: #6b7280 !important; 
    font-size: 0.85rem !important;

}
.st-info-val {
    margin-right: 8px !important; 

}
.st-info-val-ltr {
    margin-right: 8px !important;
    direction: ltr !important; 
    display: inline-block !important;

}
.st-timeline { 
    margin-top: 15px !important;

}
.st-timeline-item { 
    display: flex !important; 
    gap: 12px !important;
    padding: 10px 0 !important; 
    border-bottom: 1px solid #e5e7eb !important; 

}
.st-timeline-dot {
    width: 10px !important; 
    height: 10px !important;
    border-radius: 50% !important;
    background: #00827b !important; 
    margin-top: 6px !important; 
    flex-shrink: 0 !important; 

}
.st-timeline-content { 
    flex: 1 !important;

}
.st-timeline-status {
    font-weight: bold !important;
    font-size: 0.9rem !important;
    color: #111827 !important; 

}
.st-timeline-loc { 
    font-size: 0.8rem !important; 
    color: #6b7280 !important; 

}
.st-timeline-date { 
    font-size: 0.8rem !important;
    color: #9ca3af !important; 
    direction: ltr !important;
    display: inline-block !important;

}
.st-msg {
    margin: 0 !important; 
    color: #6b7280 !important;
    font-size: 0.9rem !important;

}
.mb-32 {
    margin-bottom: 2rem !important; 

}
.ci-free-badge { 
    background-color: #dcfce7 !important; 
    color: #166534 !important;
    padding: 2px 8px !important; 
    border-radius: 12px !important; 
    font-size: 0.7rem !important;
    border: 1px solid #bbf7d0 !important; 
    margin-right: 8px !important;

}
.ci-qty-box-custom {
    margin-top: 10px !important;

}
.ci-qty-val-custom { 
    margin: 0 10px !important;
    font-weight: bold !important; 

}
.cart-delivery-form {
    padding: 15px !important;
    border: 1px dashed #d1d5db !important; 
    border-radius: 6px !important; 
    margin: 20px 0 !important; 
    display: flex !important; 
    gap: 20px !important; 
}
.cart-radio-lbl {
    display: flex !important; 
    align-items: center !important; 
    gap: 8px !important; 
    font-size: 1rem !important; 
    font-weight: bold !important; 
    color: #1f2937 !important;
    cursor: pointer !important; 

}
.cart-radio-inp { 
    width: 18px !important;
    height: 18px !important; 
}
.cart-sec-title-flex { 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important;
}
.cart-sec-title-icon { 
    color: var(--primary) !important;
}
.cart-btn-change-addr {
    background-color: var(--primary) !important;
    color: #fff !important; 
    border: none !important; 
    padding: 6px 12px !important; 
    border-radius: 4px !important; 
    cursor: pointer !important;
    font-size: 0.85rem !important; 
}
.cart-addr-warn { 
    background-color: #fffbeb !important;
    border: 1px solid #fef3c7 !important; 
    color: #92400e !important;
    padding: 12px !important;
    border-radius: 6px !important; 
    display: flex !important;
    gap: 10px !important; 
    margin-bottom: 20px !important; 
}
.cart-addr-warn-icon {
    margin-top: 3px !important;
}
.cart-addr-warn-txt { 
    font-size: 0.85rem !important; 
    line-height: 1.5 !important;
    margin: 0 !important; 
}
.cart-addr-row-flex {
    display: flex !important;
    gap: 20px !important;
}
.cart-addr-col2 { 
    flex: 2 !important; 
    display: flex !important; 
    flex-direction: column !important; 
}
.cart-addr-col1 {
    flex: 1 !important; 
    display: flex !important;
    flex-direction: column !important;
}
.cart-addr-lbl-top { 
    display: block !important; 
    margin-bottom: 8px !important; 
    font-weight: bold !important; 
    font-size: 0.85rem !important;
    color: #4b5563 !important;
}
.cart-addr-lbl-top2 {
    display: block !important;
    margin-bottom: 15px !important; 
    font-weight: bold !important; 
    font-size: 0.85rem !important;
    color: #4b5563 !important; 
    text-align: start !important;
}
.cart-addr-tarea { 
    flex: 1 !important; 
    width: 100% !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important; 
    padding: 10px !important; 
    resize: none !important; 
    font-size: 0.9rem !important;
    background-color: #f9fafb !important; 
    color: #374151 !important; 
    box-sizing: border-box !important; 
}
.cart-addr-inpt { 
    flex: 1 !important;
    width: 100% !important; 
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 10px !important;
    font-size: 0.9rem !important;
    text-align: start !important;
    direction: ltr !important; 
    background-color: #f9fafb !important;
    color: #374151 !important; 
    box-sizing: border-box !important;
}
.payment-methods-row,
.cart-pay-row { 
    display: flex !important; 
    gap: 15px !important; 
    justify-content: center !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}
.payment-method-card,
.cart-pay-card-base { 
    border-radius: 8px !important; 
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; 
    transition: all 0.2s !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

.cart-pay-name { 
    font-size: 0.8rem !important;
    text-align: center !important;
    display: none; 
}
.modal-overlay { 
    display: none; 
    position: fixed !important; 
    top: 0 !important;
    left: 0 !important; 
    width: 100% !important; 
    height: 100% !important; 
    background: rgba(0,0,0,0.5) !important;
    z-index: 9999 !important; 
    justify-content: center !important; 
    align-items: center !important;
}
.modal-box { 
    background: #fff !important; 
    width: 90% !important; 
    max-width: 600px !important;
    border-radius: 8px !important;
    padding: 20px !important;
    position: relative !important; 
    max-height: 90vh !important; 
    overflow-y: auto !important; 
}
.modal-close-btn { position: absolute !important; 
                   top: 15px !important; 
                   left: 15px !important; 
                   background: none !important; 
                   border: none !important; 
                   font-size: 1.5rem !important; 
                   cursor: pointer !important; 
}
.modal-title { 
    margin-top: 0 !important; margin-bottom: 20px !important; color: var(--primary) !important; }
.modal-addrs-list { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 20px !important; }
.modal-loading-txt { text-align: center !important; color: #6b7280 !important; }
.modal-hr { border: none !important; border-top: 1px solid #e5e7eb !important; margin: 20px 0 !important; }
.modal-subtitle { margin-top: 0 !important; margin-bottom: 15px !important; }
.modal-form { display: flex !important; flex-direction: column !important; gap: 15px !important; }
.modal-form-row { display: flex !important; gap: 10px !important; }
.modal-inpt { flex: 1 !important; padding: 10px !important; border: 1px solid #d1d5db !important; border-radius: 4px !important; }
.modal-inpt-full { padding: 10px !important; border: 1px solid #d1d5db !important; border-radius: 4px !important; }
.modal-chk-lbl { display: flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; font-size: 0.9rem !important; color: #4b5563 !important; }
.modal-chk { width: 16px !important; height: 16px !important; accent-color: var(--primary) !important; }
.modal-submit { background: var(--primary) !important; color: #fff !important; border: none !important; padding: 12px !important; border-radius: 4px !important; font-weight: bold !important; cursor: pointer !important; }

/* Extracted Inline Styles */
.ext-style-1
{ display: flex !important; align-items: center !important; gap: 20px !important; }
.ext-style-2
{ width: 70px !important; height: 70px !important; border-radius: 50% !important; object-fit: cover !important;  padding: 3px !important; }
.ext-style-3
{ text-align: right !important; flex: 1 !important; }
.ext-style-4
{ margin-bottom: 20px !important; padding: 10px !important; border-radius: 6px !important; background-color: #fef3c7 !important; color: #92400e !important; border: 1px solid #fde68a !important; }
.ext-style-5
{ margin: 0 !important; }
.ext-style-6
{ display:inline-block !important; }
.ext-style-7
{ margin-bottom: 2rem !important; justify-content: center !important; }
.ext-style-8
{ display: flex !important; gap: 10px !important;justify-content:center !important; flex-wrap: wrap !important; }
.ext-style-9
{ background-color: #00827b !important; }
.ext-style-10
{  margin: 0 auto !important; padding: 20px !important; }
.ext-style-11
{ text-align: right !important; margin-bottom: 30px !important; }
.ext-style-12
{ font-size: 1.5rem !important; font-weight: bold !important; margin-bottom: 5px !important; color: #111827 !important; }
.ext-style-13
{ color: #6b7280 !important; font-size: 0.9rem !important; margin: 0 !important; }
.ext-style-14
{ display: flex !important; justify-content: flex-start !important; margin-bottom: 20px !important; }
.ext-style-15
{ background-color: #f3f4f6 !important; border-radius: 8px !important; display: inline-flex !important; overflow: hidden !important; }
.ext-style-16
{ display: flex !important; flex-direction: column !important; gap: 20px !important; }
.ext-style-17
{ border: 1px solid #e5e7eb !important; border-radius: 8px !important; background-color: #fff !important; overflow: hidden !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; }
.ext-style-18
{ display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 15px 20px !important; border-bottom: 1px solid #e5e7eb !important; }
/*.ext-style-19
{ flex: 1 !important; text-align: left !important; }
*/.ext-style-20
{ flex: 1 !important; text-align: center !important; }
.ext-style-21
{ font-size: 0.8rem !important; color: #6b7280 !important; margin-bottom: 4px !important; }
.ext-style-22
{ font-size: 0.95rem !important; font-weight: bold !important; color: #111827 !important; direction: ltr !important; display: inline-block !important; }
.ext-style-23
{ flex: 1 !important; text-align: right !important; }
.ext-style-24
{ font-size: 0.95rem !important; font-weight: bold !important; color: #111827 !important; }
.ext-style-25{ 
    font-size: 0.75rem !important; 
    color: #6b7280 !important; 
    margin-top: 4px !important; 

}
.ext-style-26{ 
    direction: ltr !important; 
    display: inline-block !important;

}
.ext-style-27{ 
    padding: 20px !important; 
    display: flex !important; 
    flex-direction: column !important;
    gap: 10px !important; 

}
.ext-style-28{ 
    background-color: #f9fafb !important; 
    border: 1px solid #f3f4f6 !important; 
    border-radius: 6px !important; 
    padding: 15px !important; 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important;

}
.ext-style-29{ 
    text-align: left !important; font-size: 0.85rem !important; color: #6b7280 !important; direction: ltr !important; }
.ext-style-30{ 
    text-align: right !important; 
    font-size: 0.9rem !important; 
    color: #374151 !important;

}
.ext-style-31{ 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
    padding: 15px 20px !important;
    border-top: 1px solid #e5e7eb !important; 
    background-color: #fff !important; 

}
.ext-style-32{ 
    display: flex !important;
    align-items: center !important;
    gap: 15px !important; 

}
.ext-style-90 {
    flex: 1 !important;
    text-align: start !important;
}
.ext-style-33 {
    background-color: #374151 !important;
    color: #fff !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.ext-style-34{ 
    font-size: 0.8rem !important;
    color: #6b7280 !important; }
.ext-style-35{ 
    color: #00827b !important; 
    text-decoration: none !important;
    font-size: 0.9rem !important; 
    font-weight: bold !important; 
    display: flex !important; 
    align-items: center !important;
    gap: 6px !important; 

}
.ext-style-36{ 
    flex: 1 !important;
    text-align: end !important;
}
.ext-style-37{ 
    text-align: end !important; 
    font-size: 0.85rem !important;
    color: #6b7280 !important; }
.ext-style-38 { display: inline-block !important; 
                padding: 2px 8px !important; 
                border-radius: 4px !important; 
                background: #e5e7eb !important; 
                color: #374151 !important; 
                font-weight: bold !important;
              }
.ext-style-39 {
    font-weight: bold !important;
}
.ext-style-40 {
    display: flex !important;
    gap: 30px !important;
    align-items: center !important;
}
.ext-style-41{ 
    color: #d97706 !important; 
    font-size: 0.85rem !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: flex-start !important;
    gap: 6px !important;
}
.ext-style-42{ 
  background: none !important;
  border: none !important;
  color: #00827b !important; 
  font-size: 0.9rem !important; 
  font-weight: bold !important;
  cursor: pointer !important; 
  display: inline-flex !important; 
  align-items: center !important; 
  gap: 6px !important; 
}
.ext-style-43
{ display: none;

}
.ext-style-43.modal-visible { 
    display: flex !important; 
}
.ext-style-44 {
    padding: 40px !important;
    text-align: center !important; 
    color: #4b5563 !important;
}
.ext-style-45 {
    padding: 40px !important; 
    text-align: center !important; 
    color: #dc2626 !important; 
}
.ext-style-46 {
    padding: 10px 20px 20px !important; 
}
.ext-style-47 {
    background: #00827b !important; 
    color: white !important;
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important; 
    gap: 10px !important; 
    width: 100% !important; 
    max-width: 300px !important; 
    margin: 0 auto !important; 
    border-radius: 8px !important;
    padding: 12px !important; 
    font-weight: bold !important; 
    border: none !important; 
    cursor: pointer !important;
}
.ext-style-48 {
    margin-left: 10px !important;
    font-size: 1.2rem !important;
}
.ext-style-49 {
    padding: 0 20px 10px !important;
    color: #374151 !important; 
    font-size: 0.9rem !important;
}
.ext-style-50 {
    padding: 20px !important;
}
.ext-style-51 {
    text-align: right !important; 
}
.ext-style-52 {
    font-size:50px !important;
    color:#ccc !important;
    display:flex !important; 
    align-items:center !important;
    justify-content:center !important; 
    height:100% !important;
}
.ext-style-53 {
    color:var(--color-primary) !important; 
}
.ext-style-54 {
    text-align:center !important;
    padding: 20px 0 !important;
}
.ext-style-55 {
    font-size:30px !important;
    color:#ccc !important; 
    margin-bottom:10px !important;
}
.ext-style-56 {
    font-size:13px !important; 
    font-weight:bold !important; 
    color:#999 !important; 
}
.ext-style-57 {
    font-size:16px !important; 
}

/* --- Global Responsive Adjustments --- */
@media (max-width: 768px) {
    .cart-addr-row-flex, .cart-delivery-form, .modal-form-row {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .cart-pay-row,
    .payment-methods-row {
        flex-wrap: wrap !important;
    }
    .cart-pay-card-base,
    .payment-method-card {
        margin-bottom: 10px;
    }
    .modal-box {
        width: 95% !important;
        padding: 15px !important;
        margin: 10px !important;
    }
    .cart-sec-title-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    .tracking-modal-content {
        width: 95% !important;
        margin: 20px auto !important;
    }
    .st-timeline-item {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .st-timeline-dot {
        display: none !important;
    }
}
.swal2-container {
    z-index: 10500 !important;
}

/* Shop Page Responsive Fixes */
@media (max-width: 1024px) {
    .shop-main-layout {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .shop-cart-panel {
        width: 100% !important;
        position: static !important;
        margin-top: 20px !important;
        box-sizing: border-box !important;
    }
    .shop-products-column {
        width: 100% !important;
        flex: none !important;
        box-sizing: border-box !important;
    }
    .shop-top-tabs-container, .shop-avatars-row {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

@media (max-width: 768px) {
    #products-panel .shop-product-card-horizontal,
    .shop-product-card-horizontal {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #products-panel .spch-image-container,
    .spch-image-container {
        width: 100% !important;
        max-width: 180px !important;
        margin: 0 auto 12px !important;
    }
    #products-panel .spch-content,
    .spch-content {
        padding: 0 !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    #products-panel .spch-content-header,
    .spch-content-header {
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }
    #products-panel .spch-selectors-row,
    .spch-selectors-row {
        justify-content: center !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }
    .spch-select-group {
        width: 100% !important;
        max-width: 220px !important;
        box-sizing: border-box !important;
    }
    #products-panel .spch-left-area,
    .spch-left-area {
        width: 100% !important;
        align-items: center !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    #products-panel .spch-price-block,
    .spch-price-block {
        text-align: center !important;
        margin-bottom: 15px !important;
    }
    #products-panel .spch-price-val,
    .spch-price-val {
        justify-content: center !important;
    }
    #products-panel .spch-price-tax-note,
    .spch-price-tax-note {
        text-align: center !important;
    }
    .products-header-flex {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 15px !important;
    }
}

/* ===== Cart Page Responsive ===== */
@media (max-width: 1024px) {
    .cart-layout-container {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .cart-sidebar {
        width: 100% !important;
        box-sizing: border-box !important;
        order: 2 !important;
    }
    .cart-main-area {
        width: 100% !important;
        order: 1 !important;
    }
    .cart-address-row {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .cart-address-col-2,
    .cart-address-col-1,
    .cart-addr-col2,
    .cart-addr-col1 {
        width: 100% !important;
        flex: none !important;
    }
    .cart-section-box {
        padding: 16px !important;
    }
}

@media (max-width: 768px) {
    .cart-page-wrapper {
        padding: 10px !important;
    }
    .cart-item-card-modern {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    .cart-item-actions-col {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    .cart-section-title-wrap.cart-sec-title-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    .cart-btn-change-addr {
        width: 100% !important;
        text-align: center !important;
    }
    .payment-methods-row {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .payment-method-card,
    .cart-pay-card-base {
        box-sizing: border-box !important;
    }
    .cart-delivery-options-modern {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .cart-summary-total-modern {
        flex-direction: column !important;
        text-align: center !important;
        gap: 5px !important;
    }
    .btn-checkout-submit-modern {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .modal-box {
        width: 95% !important;
        padding: 20px !important;
        max-height: 90vh !important;
    }
    .modal-form-row {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .modal-form-row .modal-inpt {
        width: 100% !important;
    }
    /* Nav responsive */
    .app-navbar {
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 10px !important;
    }
    .app-nav-links {
        flex-wrap: wrap !important;
        gap: 5px !important;
        font-size: 12px !important;
    }
    /* Children avatars responsive */
    .shop-avatars-row,
    .children-avatars-row {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }
    .shop-avatar-card,
    .child-avatar-card {
        flex-shrink: 0 !important;
    }
    /* Employee page responsive */
    .employee-layout,
    .emp-main-layout {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .employee-sidebar,
    .emp-sidebar {
        width: 100% !important;
    }
    .employee-main,
    .emp-main-content {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .cart-sidebar {
        padding: 12px !important;
        border-radius: 8px !important;
    }
    .cart-section-box {
        padding: 12px !important;
        border-radius: 8px !important;
    }
    .cart-summary-line-modern {
        font-size: 11px !important;
    }
    .cart-summary-total-val {
        font-size: 16px !important;
    }
    .cart-address-input,
    .cart-addr-inpt {
        font-size: 12px !important;
        padding: 8px !important;
    }
    .top-banner,
    .app-top-bar {
        font-size: 11px !important;
        padding: 6px 10px !important;
    }
}

.emp-detail-grid-2-lg {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 24px;
}
.input-error {
    border: 2px solid #ef4444 !important;
}

/* ── Disabled add-to-cart buttons (out of stock / unavailable) ───────────── */
.spch-btn-add-free:disabled,
.spch-btn-add-paid:disabled,
[data-action="add-to-cart"]:disabled,
.spch-btn-add-free[disabled],
.spch-btn-add-paid[disabled],
[data-action="add-to-cart"][disabled] {
    opacity: .55;
    cursor: not-allowed !important;
    pointer-events: none;
    filter: grayscale(35%);
    box-shadow: none !important;
}

/* Success state after item added */
.btn-added-success {
    background: #16a34a !important;
    border-color: #16a34a !important;
    color: #fff !important;
}

/* ── Required delivery address (red highlight) ───────────────────────────── */
.cart-section-box--required {
    border: 2px solid #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}

.address-required-hint {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0 4px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 13px;
    font-weight: 600;
}

.address-required-hint i {
    font-size: 15px;
}
/* Missing Employee Order Styles */
.emp-status-pill { display: inline-flex; align-items: center; justify-content: center; padding: 4px 12px; border-radius: 9999px; font-size: 0.875rem; font-weight: 700; background-color: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; }
.status-confirmed { color: #059669 !important; background-color: #d1fae5 !important; border-color: #10b981 !important; }
.status-processing { color: #0284c7 !important; background-color: #f0f9ff !important; border-color: #bae6fd !important; }
.status-completed { color: #4f46e5 !important; background-color: #e0e7ff !important; border-color: #c7d2fe !important; }
.emp-completed-badge { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; background-color: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; border-radius: 8px; font-weight: 700; font-size: 1.1rem; width: 27%; text-align: center; margin-top: 10px; }
.emp-btn-confirm { background-color: #10b981; }
.emp-btn-confirm:hover { background-color: #059669; }
.emp-btn-complete { background-color: #4f46e5; }
.emp-btn-complete:hover { background-color: #4338ca; }
.emp-no-items { text-align: center; color: #6b7280; padding: 24px; font-style: italic; background: #f9fafb; border-radius: 8px; border: 1px dashed #d1d5db; margin-bottom: 24px; }


/* Form Validation Styles */
.was-validated input:invalid, .was-validated select:invalid, .was-validated textarea:invalid { border-color: #dc2626 !important; box-shadow: 0 0 0 2px rgba(220,38,38,0.1); }

/* --- Modern Dashboard Cards for Exchanges --- */
.emp-dash-card-modern {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    color: inherit;
}
.emp-dash-card-modern:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.emp-dash-card-modern.selected {
    border: 2px solid #00827b;
    box-shadow: 0 4px 12px rgba(0, 130, 123, 0.15);
}
.emp-card-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.emp-status-pill-modern {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
}
.emp-status-waiting {
    color: #3b82f6; border-color: #93c5fd; background: transparent;
}
.emp-status-initial {
    color: #d97706; border-color: #fcd34d; background: transparent;
}
.emp-status-final {
    color: #16a34a; border-color: #86efac; background: transparent;
}
.emp-status-default {
    color: #475569; border-color: #cbd5e1; background: transparent;
}
.emp-id-pill-modern {
    background: #f1f5f9;
    color: #334155;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}
.emp-card-mid-row {
    text-align: right;
}
.emp-customer-name-modern {
    font-size: 16px;
    font-weight: 800;
    color: #1e293b;
}
.emp-card-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.emp-time-modern {
    font-size: 12px;
    color: #64748b;
}
.emp-details-modern {
    font-size: 13px;
    color: #64748b;
    text-align: right;
    direction: rtl;
}

/* Wallet block on the cart page */
.cart-wallet-block {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    padding: 12px 14px;
    margin: 12px 0;
}
.cart-wallet-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.cart-wallet-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-primary);
    cursor: pointer;
    margin: 0;
}
.cart-wallet-check {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.cart-wallet-check:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.cart-wallet-text {
    font-weight: 600;
}
.cart-wallet-amount {
    font-weight: 700;
    color: var(--primary);
    font-size: 13px;
}
.cart-wallet-discount-line {
    color: var(--danger);
    font-weight: 600;
    margin-top: 8px;
}
.cart-wallet-hint {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 6px;
}

/* Global Currency SVG Styling */
.currency-svg,
.cart-summary-line-modern svg,
.cart-summary-total-modern svg,
.cart-item-details svg,
.btn-checkout-submit-modern svg,
.spch-price-val svg,
.spc-price svg,
.emp-acc-since svg,
.emp-acc-products svg {
    height: 1.2em !important;
    width: 1.5em !important; /* using fixed em width for predictability */
    max-width: 25px !important;
    vertical-align: middle !important;
    margin: 0 2px !important;
    display: inline-block !important;
    fill: currentColor !important;
}

/* Product image on the shop product card */
.spch-product-img {
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
    display: inline-block;
}

/* Quantity control on shop product card */
.spch-qty-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: #fff;
    padding: 4px 10px;
    width: 100%;
    gap: 4px;
}
.spch-qty-btn {
    background: transparent;
    border: none;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
    padding: 0 8px;
    color: var(--primary);
    line-height: 1;
}
.spch-qty-btn:disabled {
    color: var(--text-muted);
    cursor: not-allowed;
}
.spch-qty-val {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    min-width: 24px;
    text-align: center;
}

/* ==============================
   Return / Refund modal
   ============================== */
.rr-modal-open {
    overflow: hidden;
}

.rr-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 12px;
    overflow-y: auto;
    opacity: 0;
    transition: opacity 0.15s ease;
}
.rr-modal-overlay[hidden] { display: none; }
.rr-modal-overlay.is-open { opacity: 1; }

.rr-modal-card {
    width: 100%;
    max-width: 720px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    direction: rtl;
    text-align: right;
    margin: auto 0;
}

.rr-modal-header {
    background: linear-gradient(135deg, #00827b 0%, #0d7377 100%);
    color: #ffffff;
    padding: 16px 20px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    justify-content: space-between;
}
.rr-modal-header-text { flex: 1; min-width: 0; }
.rr-modal-title {
    font-size: 1.05rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.3;
}
.rr-modal-subtitle {
    font-size: 0.82rem;
    opacity: 0.95;
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.rr-modal-sep { opacity: 0.6; }
.rr-modal-close {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #ffffff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease;
}
.rr-modal-close:hover { background: rgba(255, 255, 255, 0.28); }

.rr-modal-body {
    padding: 18px 20px;
    max-height: calc(100vh - 240px);
    overflow-y: auto;
}
.rr-items-title {
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.rr-items-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.rr-empty {
    padding: 16px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    color: #64748b;
    text-align: center;
}

.rr-item-card {
    display: grid;
    grid-template-columns: auto 56px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}
.rr-item-card:hover { border-color: #94a3b8; }
.rr-item-card.is-selected {
    border-color: #00827b;
    background: #ecfdf5;
}
.rr-item-card.rr-item-invalid {
    border-color: #ef4444;
    background: #fef2f2;
}
.rr-item-check {
    width: 20px;
    height: 20px;
    accent-color: #00827b;
    cursor: pointer;
}
.rr-item-thumb {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    background: #f1f5f9;
    object-fit: cover;
    display: block;
}
.rr-item-thumb-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 22px;
}
.rr-item-body,
.rr-item-details { min-width: 0; flex: 1; }
.rr-item-name,
.rr-item-title {
    font-weight: 700;
    color: #0f172a;
    font-size: 0.95rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.rr-item-meta {
    color: #475569;
    font-size: 0.82rem;
    margin-top: 3px;
}
.rr-badge-free {
    background: #10b981;
    color: #ffffff;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    margin-inline-start: 4px;
}
.rr-item-returned {
    grid-template-columns: auto 56px 1fr;
    cursor: default;
    background: #f8fafc;
    border-color: #e2e8f0;
    opacity: 0.85;
}
.rr-item-returned:hover { border-color: #e2e8f0; }
.rr-item-returned .rr-item-thumb { filter: grayscale(0.4); }
.rr-item-returned-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    color: #10b981;
    font-size: 18px;
}
.rr-item-returned-row {
    margin-top: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.rr-badge-returned {
    background: #e2e8f0;
    color: #475569;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}
.rr-item-track {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 1px solid #00827b;
    color: #00827b;
    padding: 3px 12px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}
.rr-item-track:hover {
    background: #00827b;
    color: #ffffff;
}
.rr-item-reason-row {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    grid-column: 1 / -1;
}

/* Alternatives Grid Styles */
.rr-alternatives-container {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #cbd5e1;
    grid-column: 1 / -1;
}
.rr-alt-title {
    font-size: 0.85rem;
    color: #475569;
    font-weight: 600;
    margin-bottom: 10px;
}
.rr-alt-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.rr-alt-card {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    background: #f8fafc;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}
.rr-alt-card:hover {
    border-color: #cbd5e1;
    background: #f1f5f9;
}
.rr-alt-card.is-selected {
    border-color: #00827b;
    background: #ecfdf5;
}
.rr-alt-thumb {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 4px;
}
.rr-alt-thumb-placeholder {
    width: 32px;
    height: 32px;
    background: #e2e8f0;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px;
}
.rr-alt-details {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    color: #334155;
    line-height: 1.3;
}
.rr-alt-check {
    opacity: 0;
    color: #00827b;
    margin-left: 4px;
    transition: opacity 0.2s ease;
    font-size: 14px;
}
.rr-alt-card.is-selected .rr-alt-check {
    opacity: 1;
}
.rr-alt-loading {
    font-size: 0.85rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 8px;
}
.rr-alt-empty {
    font-size: 0.8rem;
    color: #ef4444;
}
.rr-reason-label {
    font-size: 0.78rem;
    color: #475569;
    font-weight: 600;
}
.rr-reason-select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.9rem;
    font-family: inherit;
}
.rr-reason-select:disabled {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

.rr-attach-block {
    margin-top: 16px;
    padding: 14px;
    border-radius: 12px;
    border: 1px dashed #f472b6;
    background: #fdf2f8;
}
.rr-attach-header {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #9d174d;
}
.rr-attach-header i { font-size: 20px; margin-top: 4px; }
.rr-attach-title { font-weight: 700; margin-bottom: 2px; }
.rr-attach-desc { color: #831843; font-size: 0.82rem; line-height: 1.5; }
.rr-attach-previews {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.rr-attach-thumb {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #fbcfe8;
}
.rr-attach-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.rr-attach-remove {
    position: absolute;
    top: 2px;
    inset-inline-start: 2px;
    background: rgba(15, 23, 42, 0.7);
    color: #fff;
    border: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}
.rr-attach-upload {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 10px;
    border: 2px dashed #f472b6;
    background: #fff;
    color: #be185d;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.rr-attach-upload:hover { background: #fdf2f8; }

.rr-notes-block { margin-top: 14px; }
.rr-notes-label {
    display: block;
    font-size: 0.85rem;
    color: #334155;
    margin-bottom: 4px;
    font-weight: 600;
}
.rr-notes-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    font-family: inherit;
    font-size: 0.9rem;
    resize: vertical;
    min-height: 60px;
}

.rr-modal-footer {
    padding: 12px 20px 18px;
    border-top: 1px solid #e5e7eb;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.rr-modal-error {
    color: #b91c1c;
    background: #fee2e2;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
}
.rr-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #00827b 0%, #0d7377 100%);
    color: #ffffff;
    padding: 12px 16px;
    border: none;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease;
    width: 100%;
}
.rr-submit-btn:hover { box-shadow: 0 10px 20px rgba(0, 130, 123, 0.25); }
.rr-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; }

/* Footer layout for exchanges cards when cancel button is present */
.rr-footer-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.btn-cancel-return {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    background: #ffffff;
    color: #b91c1c;
    border: 1px solid #ef4444;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.btn-cancel-return:hover {
    background: #ef4444;
    color: #ffffff;
}
.btn-cancel-return:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .rr-modal-overlay {
        padding: 8px;
    }
    .rr-modal-card {
        width: 100%;
        max-width: 100%;
        border-radius: 12px;
        margin: auto 0;
    }
    .rr-item-card {
        grid-template-columns: 24px 48px 1fr;
        gap: 8px;
        padding: 10px;
    }
    .rr-item-thumb { width: 48px; height: 48px; }
    .rr-modal-body { padding: 12px; max-height: calc(100vh - 160px); }
    .rr-modal-header { padding: 12px; }
}

.emp-orders-page,
.cust-orders-page {
    margin: 0 auto;
    padding: 20px 16px 60px;
}

.cust-orders-page .emp-acc-actions {
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.cust-orders-page .emp-acc-tracking-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
}
.cust-orders-page .emp-acc-tracking-link:hover {
    text-decoration: underline;
}

.emp-acc-page-header {
    margin-bottom: 18px;
}
.emp-acc-page-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--text-primary);
    margin: 0 0 4px;
}
.emp-acc-page-subtitle {
    color: #475569;
    font-size: 0.92rem;
    margin: 0;
}
.emp-acc-page-subtitle b { color: var(--primary); }

.emp-acc-tabs {
    display: flex;
    gap: 8px;
    background: #ffffff;
    padding: 6px;
    border-radius: 14px;
    border: 1px solid var(--border);
    margin-bottom: 18px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    max-width: 1120px;
}
.emp-acc-tab {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 10px;
    background: transparent;
    color: #475569;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.95rem;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.emp-acc-tab:hover {
    background: #f1f5f9;
    color: var(--text-primary);
}
.emp-acc-tab.is-active {
    background: linear-gradient(135deg, var(--primary) 0%, #00827b 100%);
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(13, 115, 119, 0.25);
}
.emp-acc-tab.is-active:hover { color: #ffffff; }
.emp-acc-tab-count {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 800;
    padding: 2px 10px;
    border-radius: 999px;
    margin-inline-start: 4px;
}

.emp-acc-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.emp-acc-item {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, opacity 0.25s ease, transform 0.25s ease;
}
.emp-acc-item:hover { border-color: #cbd5e1; }
.emp-acc-item.is-open {
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    border-color: var(--primary);
}
.emp-acc-item.is-removing {
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
}

.emp-acc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 14px 18px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: right;
    font-family: inherit;
    color: inherit;
    transition: background-color 0.12s ease;
}
.emp-acc-header:hover { background: #f8fafc; }

.emp-acc-header-main {
    display: grid;
    grid-template-columns: minmax(140px, auto) minmax(140px, 1fr) auto auto;
    gap: 12px 20px;
    flex: 1;
    align-items: center;
}
.emp-acc-header-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.emp-acc-order-number,
.emp-acc-customer {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.emp-acc-label {
    font-size: 0.72rem;
    color: #94a3b8;
    font-weight: 600;
}
.emp-acc-value {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 0.98rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.emp-acc-since,
.emp-acc-count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 600;
}
.emp-acc-since i,
.emp-acc-count i { color: var(--primary); }

.emp-acc-payment-pill,
.emp-acc-status-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}
.emp-acc-payment-pill {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #e2e8f0;
}
.emp-acc-status-confirm {
    background: #dbeafe;
    color: #1d4ed8;
    border: 1px solid #93c5fd;
}
.emp-acc-status-preparation {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}
.emp-acc-status-processed {
    background: #d1fae5;
    color: #047857;
    border: 1px solid #6ee7b7;
}
.emp-acc-status-delivered {
    background: #f3e8ff;
    color: #7e22ce;
    border: 1px solid #d8b4fe;
}

.emp-acc-chevron {
    color: var(--primary);
    transition: transform 0.2s ease;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--primary-light);
}
.emp-acc-item.is-open .emp-acc-chevron {
    transform: rotate(-180deg);
}

.emp-acc-body {
    border-top: 1px solid var(--border-light);
    padding: 16px 18px 18px;
    background: #fbfbfd;
    animation: emp-acc-fade 0.18s ease;
}
@keyframes emp-acc-fade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
.emp-acc-body-placeholder,
.emp-acc-body-error {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 22px;
    color: #64748b;
    font-weight: 600;
}
.emp-acc-body-error {
    color: #b91c1c;
    background: #fef2f2;
    border: 1px dashed #fecaca;
    border-radius: 10px;
}
.emp-acc-body-placeholder i { color: var(--primary); font-size: 1.1rem; }

.emp-acc-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px 14px;
    margin-bottom: 14px;
}
.emp-acc-info-grid.emp-acc-info-grid-combined {
    grid-template-columns: repeat(6, 1fr);
}
.emp-acc-info-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 10px;
}
.emp-acc-info-label {
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.emp-acc-info-label i { color: var(--primary); }
.emp-acc-info-value {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.emp-acc-products-wrap {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 14px;
}
.emp-acc-products-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--primary-light);
    color: var(--primary);
    font-weight: 800;
    font-size: 0.9rem;
    border-bottom: 1px solid var(--border);
}
.emp-acc-products {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
.emp-acc-products thead th {
    background: #f8fafc;
    color: #475569;
    font-weight: 700;
    padding: 10px 12px;
    text-align: right;
    font-size: 0.82rem;
    border-bottom: 1px solid var(--border);
}
.emp-acc-products tbody td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--border-light);
    color: var(--text-primary);
    vertical-align: middle;
}
.emp-acc-products tbody tr:last-child td { border-bottom: none; }
.emp-acc-product-thumb {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    background: #f1f5f9;
}
.emp-acc-product-thumb-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 18px;
}
.emp-acc-product-name {
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.4;
}
.emp-acc-product-code {
    color: #64748b;
    font-size: 0.78rem;
    margin-top: 2px;
    direction: ltr;
    text-align: right;
}
.emp-acc-product-qty {
    font-weight: 800;
    color: var(--primary);
}
.emp-acc-no-items {
    padding: 14px;
    text-align: center;
    color: #64748b;
    background: #fff;
    border: 1px dashed var(--border);
    border-radius: 10px;
    margin-bottom: 14px;
}

/* Return reason dropdown */
.emp-acc-reason-select {
    min-width: 160px;
    max-width: 220px;
    padding: 5px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    color: #1e293b;
    background: #fff;
    cursor: pointer;
    direction: rtl;
    text-align: right;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.emp-acc-reason-select:hover {
    border-color: #93c5fd;
}
.emp-acc-reason-select:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}
.emp-acc-reason-select:disabled {
    opacity: 0.5;
    cursor: wait;
}

/* Loading overlay for reason update */
.emp-acc-loading-overlay {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.85);
    border-radius: 10px;
    backdrop-filter: blur(2px);
}
.emp-acc-loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #3b82f6;
    font-size: 15px;
    font-weight: 600;
}

.emp-acc-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}
.emp-acc-primary-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--primary) 0%, #00827b 100%);
    color: #ffffff;
    padding: 12px 22px;
    border-radius: 999px;
    border: none;
    font-weight: 800;
    font-size: 0.95rem;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.15s ease, opacity 0.15s ease;
    box-shadow: 0 6px 14px rgba(13, 115, 119, 0.22);
}
.emp-acc-primary-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(13, 115, 119, 0.28);
}
.emp-acc-primary-btn:disabled { opacity: 0.7; cursor: not-allowed; }

/* Tracking timeline (processed tab) */
.emp-acc-tracking {
    margin-top: 4px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 14px;
}
.emp-acc-tracking-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--primary);
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 0.95rem;
}
.emp-acc-tracking-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 18px;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed var(--border);
    border-radius: 10px;
    font-weight: 600;
    margin-top: 4px;
}
.emp-acc-tracking-empty i { color: var(--primary); }
.emp-acc-tracking-msg {
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px dashed var(--border);
    border-radius: 8px;
    color: #475569;
    margin-bottom: 10px;
}
.emp-acc-tracking-sync {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 0.78rem;
    color: #64748b;
}
.emp-acc-tracking-sync i { color: var(--primary); }

.rr-badge-inline {
    display: inline-block;
    margin-right: 6px;
    font-size: 0.72rem;
    vertical-align: middle;
}
.emp-acc-exchange-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-weight: 700;
}
.emp-acc-item.is-highlighted {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    border-radius: 12px;
}
.emp-acc-tl-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary);
    font-weight: 700;
    margin: 12px 0 8px;
    font-size: 0.9rem;
}
.emp-acc-tl {
    border-inline-start: 2px solid var(--border);
    padding-inline-start: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
}
.emp-acc-tl-item {
    position: relative;
}
.emp-acc-tl-dot {
    position: absolute;
    inset-inline-start: -20px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-light);
}
.emp-acc-tl-status {
    color: var(--text-primary);
    font-weight: 700;
    font-size: 0.92rem;
}
.emp-acc-tl-loc {
    color: #64748b;
    font-size: 0.82rem;
    margin-top: 2px;
}
.emp-acc-tl-date {
    color: #94a3b8;
    font-size: 0.78rem;
    margin-top: 2px;
}

.emp-acc-empty {
    background: #ffffff;
    border: 1px dashed var(--border);
    border-radius: 14px;
    padding: 24px;
    display: flex;
    justify-content: center;
}

/* Responsive */
@media (max-width: 900px) {
    .emp-acc-header-main {
        grid-template-columns: 1fr 1fr;
        gap: 8px 12px;
    }
}
@media (max-width: 640px) {
    .emp-acc-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 14px;
    }
    .emp-acc-header-main {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .emp-acc-header-meta {
        width: 100%;
        justify-content: space-between;
    }
    .emp-acc-products thead { display: none; }
    .emp-acc-products,
    .emp-acc-products tbody,
    .emp-acc-products tr,
    .emp-acc-products td { display: block; width: 100%; }
    .emp-acc-products tr {
        border-bottom: 1px solid var(--border);
        padding: 10px 12px;
    }
    .emp-acc-products tbody tr:last-child { border-bottom: none; }
    .emp-acc-products tbody td {
        border: none;
        padding: 4px 0;
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }
    .emp-acc-products tbody td:first-child { justify-content: flex-start; padding-bottom: 8px; }
    .emp-acc-tabs {
        max-width: none;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
    }
    .emp-acc-tabs::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }
    .emp-acc-tab { padding: 10px 8px; font-size: 0.88rem; }
}

/* =============================================
   Employee Exchanges — additions to the emp-acc-*
   accordion module (status pills, notes, attachments
   gallery + lightbox, and action button variants)
   ============================================= */

/* Secondary info grid (used for order metadata under customer block). */
.emp-acc-info-grid.emp-acc-info-grid-secondary {
    margin-top: 8px;
    background: #f8fafc;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px;
}

/* Customer notes block */
.emp-acc-notes-block {
    margin-top: 12px;
    background: #fffdf7;
    border: 1px solid #fde68a;
    border-radius: 12px;
    padding: 12px 14px;
}
.emp-acc-notes-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #92400e;
    font-weight: 800;
    margin-bottom: 6px;
    font-size: 0.9rem;
}
.emp-acc-notes-body {
    color: #78350f;
    font-size: 0.92rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Per-product notes (inline under the product name/code) */
.emp-acc-product-notes {
    color: #64748b;
    font-size: 0.8rem;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.emp-acc-product-notes i { color: #94a3b8; }

/* Attachments gallery */
.emp-acc-attachments-wrap {
    margin-top: 16px;
}
.emp-acc-attachments {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
    gap: 10px;
    margin-top: 10px;
}
.emp-acc-attach-thumb {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: #f1f5f9;
    cursor: pointer;
    transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
    position: relative;
}
.emp-acc-attach-thumb:hover {
    transform: scale(1.03);
    border-color: var(--primary);
    box-shadow: 0 6px 14px rgba(13, 115, 119, 0.18);
}
.emp-acc-attach-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.emp-acc-attach-thumb.is-broken img { display: none; }
.emp-acc-attach-thumb.is-broken::after {
    content: '\f127';
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 1.6rem;
}

/* Lightbox */
.emp-acc-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.86);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    animation: emp-acc-fade 0.18s ease;
}
.emp-acc-lightbox[hidden] { display: none; }
.emp-acc-lightbox-img {
    max-width: min(1100px, 92vw);
    max-height: 88vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.emp-acc-lightbox-close {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    color: #0f172a;
    font-size: 1.1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.12s ease, background 0.12s ease;
}
.emp-acc-lightbox-close:hover {
    background: #ffffff;
    transform: scale(1.05);
}
body.emp-acc-lightbox-open { overflow: hidden; }

/* Status pill variants (backend status IDs 1..5). Neutral fallback is the base pill. */
.emp-acc-status-1 { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.emp-acc-status-2 { background: #dbeafe; color: #1d4ed8; border: 1px solid #93c5fd; }
.emp-acc-status-3 { background: #ede9fe; color: #6d28d9; border: 1px solid #c4b5fd; }
.emp-acc-status-4 { background: #d1fae5; color: #047857; border: 1px solid #6ee7b7; }
.emp-acc-status-5 { background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; }
.emp-acc-status-6 { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }
.emp-acc-status-default { background: #f1f5f9; color: #334155; border: 1px solid #e2e8f0; }
.emp-acc-status-5 { background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; }
.emp-acc-status-6 { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }
.emp-acc-status-default { background: #f1f5f9; color: #334155; border: 1px solid #e2e8f0; }

.emp-acc-shipping-block-warn {
    background: #fffbeb;
    border-color: #fcd34d;
}
.emp-acc-shipping-block-warn .emp-acc-shipping-title { color: #92400e; }
.emp-acc-shipping-block-error {
    background: #fef2f2;
    border-color: #fca5a5;
}
.emp-acc-shipping-block-error .emp-acc-shipping-title { color: #b91c1c; }
.emp-acc-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #00827b;
    font-weight: 700;
    text-decoration: none;
}
.emp-acc-back-link:hover { text-decoration: underline; }

.emp-acc-progress {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    list-style: none;
    margin: 0 0 16px;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}
.emp-acc-progress-step {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}
.emp-acc-progress-step.is-done { color: #047857; }
.emp-acc-progress-step.is-current { color: #00827b; font-weight: 800; }
.emp-acc-progress-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.45;
}
.emp-acc-progress-step.is-done .emp-acc-progress-dot,
.emp-acc-progress-step.is-current .emp-acc-progress-dot { opacity: 1; }

/* Multi-action row (Approve/Reject side-by-side) */
.emp-acc-actions {
    gap: 10px;
    flex-wrap: wrap;
}
.emp-acc-actions-readonly {
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 14px 12px;
    background: #f8fafc;
    border: 1px dashed var(--border);
    border-radius: 10px;
    color: #64748b;
    font-weight: 600;
}
.emp-acc-actions-readonly i { color: #94a3b8; }

/* Action button variants (built on top of .emp-acc-primary-btn) */
.emp-acc-primary-btn.is-danger {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.22);
}
.emp-acc-primary-btn.is-danger:hover:not(:disabled) {
    box-shadow: 0 10px 22px rgba(220, 38, 38, 0.32);
}
.emp-acc-primary-btn.is-success {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    box-shadow: 0 6px 14px rgba(5, 150, 105, 0.22);
}
.emp-acc-primary-btn.is-success:hover:not(:disabled) {
    box-shadow: 0 10px 22px rgba(5, 150, 105, 0.32);
}
/* .emp-acc-primary-btn.is-primary keeps the default (primary teal) gradient. */

@media (max-width: 560px) {
    .emp-acc-attachments { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); }
    .emp-acc-lightbox-close { top: 12px; left: 12px; width: 36px; height: 36px; }
    .emp-acc-actions { justify-content: stretch; }
    .emp-acc-actions .emp-acc-primary-btn { flex: 1 1 100%; justify-content: center; }
}

/* =============================================
   Reverse-shipping-cost selector (status Requested)
   ============================================= */
.emp-acc-shipping-block {
    margin-top: 16px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px 16px;
}
.emp-acc-shipping-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b45309;
    font-weight: 800;
    font-size: 0.95rem;
    margin-bottom: 10px;
}
.emp-acc-shipping-title i { color: #d97706; }
.emp-acc-shipping-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.emp-acc-shipping-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    padding: 16px 14px;
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
    color: inherit;
    font-family: inherit;
}
.emp-acc-shipping-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}
.emp-acc-shipping-card.is-selected {
    background: #ecfdf5;
    border-color: var(--primary);
    box-shadow: 0 8px 18px rgba(13, 115, 119, 0.15);
}
.emp-acc-shipping-card-title {
    font-weight: 800;
    font-size: 1rem;
    color: #0f172a;
}
.emp-acc-shipping-card.is-selected .emp-acc-shipping-card-title { color: var(--primary); }
.emp-acc-shipping-card-desc {
    font-size: 0.85rem;
    color: #64748b;
}

@media (max-width: 560px) {
    .emp-acc-shipping-cards { grid-template-columns: 1fr; }
}

/* .cart-icon .cart-badge.is-empty { display: none !important; } */

/* Tracking modal — expanded header rows, external link, raw-response toggle */
.tracking-modal-content .rt-tracking-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary);
    font-weight: 700;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 8px;
    background: #ecfdf5;
    transition: background 0.15s;
}
.tracking-modal-content .rt-tracking-link:hover { background: #d1fae5; }

.tracking-raw-details {
    margin: 16px;
    padding: 12px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}
.tracking-raw-details summary {
    cursor: pointer;
    font-weight: 700;
    color: #374151;
    font-size: 0.9rem;
    outline: none;
    padding: 4px 0;
    user-select: none;
}
.tracking-raw-details[open] summary { color: var(--primary); }
.tracking-raw-pre {
    margin: 10px 0 0;
    padding: 12px;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 8px;
    font-size: 0.78rem;
    line-height: 1.5;
    max-height: 320px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    direction: ltr;
    text-align: left;
}

/* Employee accordion — tracking link + raw-response toggle */
.emp-acc-tracking-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary);
    font-weight: 700;
    text-decoration: none;
}
.emp-acc-tracking-link:hover { text-decoration: underline; }
.emp-acc-tracking-raw {
    margin-top: 14px;
    padding: 10px 12px;
    background: #f9fafb;
    border: 1px dashed #d1d5db;
    border-radius: 8px;
}
.emp-acc-tracking-raw summary {
    cursor: pointer;
    font-weight: 700;
    font-size: 0.85rem;
    color: #4b5563;
    outline: none;
    user-select: none;
}
.emp-acc-tracking-raw[open] summary { color: var(--primary); }
.emp-acc-tracking-raw-pre {
    margin: 8px 0 0;
    padding: 10px;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 6px;
    font-size: 0.75rem;
    line-height: 1.5;
    max-height: 260px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    direction: ltr;
    text-align: left;
}

.emp-acc-tabs-inline {
    margin-bottom: 0;
}

.emp-employee-exchanges-page .emp-acc-tabs {
    flex-wrap: wrap;
    gap: 8px;
}

.emp-acc-tabs-cycle .emp-acc-tab {
    flex: 1 1 120px;
    justify-content: center;
    text-align: center;
    padding: 10px 12px;
}

.emp-acc-tabs-three .emp-acc-tab {
    flex: 1 1 180px;
    justify-content: center;
}

.emp-acc-tabs-four .emp-acc-tab {
    flex: 1 1 140px;
    justify-content: center;
}

.emp-exchange-cycle-hint {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 10px 14px;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    border-radius: 10px;
    color: #047857;
    font-size: 13px;
    font-weight: 600;
}

.emp-order-cycle-hint {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 10px 14px;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    border-radius: 10px;
    color: #047857;
    font-size: 13px;
    font-weight: 600;
}

.emp-order-cycle-hint.is-readonly {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.emp-order-cycle-progress {
    margin-top: 0;
}

.emp-bulk-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 15px;
}

.emp-bulk-actions-select {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #374151;
}

.emp-bulk-actions-select input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.emp-bulk-actions-select label {
    cursor: pointer;
    margin: 0;
}

.emp-invoice-modal {
    z-index: 10000;
    align-items: center;
}

.emp-invoice-modal-card {
    max-width: 1600px;
    width: 95%;
    max-height: 95vh;
    height: 95vh;
}

.emp-invoice-modal-header {
    padding: 14px 18px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.emp-invoice-modal-header h3 {
    margin: 0;
    font-size: 16px;
    color: #1e293b;
    font-weight: 700;
}

.emp-invoice-modal-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #64748b;
    line-height: 1;
}

.emp-invoice-modal-body {
    flex: 1;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #f1f5f9;
}

.emp-invoice-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1;
    color: #64748b;
    font-size: 1.1rem;
    font-weight: 600;
}
.emp-invoice-loading[hidden] { display: none !important; }

.emp-invoice-pdf-frame {
    flex: 1;
    width: 100%;
    border: 0;
    background: #fff;
    min-height: 0;
}

.emp-invoice-modal-footer {
    padding: 12px 18px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.order-checkbox-wrapper {
    display: flex;
    align-items: center;
    padding-inline-start: 10px;
}

.order-checkbox-wrapper input[type="checkbox"],
.order-checkbox {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.emp-acc-print-pill {
    background-color: #f3f4f6;
    color: #374151;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-inline-start: 10px;
}

.emp-acc-pickup-panel {
    margin-bottom: 14px;
    padding: 12px 14px;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 10px;
}

.emp-acc-pickup-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #92400e;
}

.emp-acc-pickup-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
}

.emp-acc-pickup-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

.emp-acc-pickup-field input {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-family: inherit;
}

.emp-acc-secondary-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #334155;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
}

.emp-acc-secondary-btn:hover {
    background: #f8fafc;
}

.emp-acc-next-step {
    color: #00827b;
    font-weight: 700;
}

.tracking-order-context {
    margin-bottom: 16px;
    background: #f0fdfa;
    border: 1px solid #99f6e4;
}

body.tracking-modal-open {
    overflow: hidden;
}

.cust-orders-page .emp-acc-item.is-removing {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* ── Cart Item Product Images ──────────────────────────── */
.cart-item-card-modern {
    display: flex;
    align-items: stretch;
    gap: 12px;
}
.cart-item-img-wrap {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-item-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-item-img-wrap .cart-item-img-fallback {
    font-size: 22px;
    color: #94a3b8;
}
/* Cart page product image lazy-load spinner */
.cart-item-img-wrap .cart-page-img-spinner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
}
.cart-item-img-wrap .cart-page-img-spinner::after {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-top-color: #0d6e6e;
    border-radius: 50%;
    animation: spch-spin 0.7s linear infinite;
}
.cart-item-img-wrap .cart-page-product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Shop page cart panel item image */
.ci-item-img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
.ci-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ci-item-img .ci-img-fallback {
    font-size: 20px;
    color: #94a3b8;
}
/* Cart item image loading spinner */
.ci-item-img .ci-img-spinner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
}
.ci-item-img .ci-img-spinner::after {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-top-color: #0d6e6e;
    border-radius: 50%;
    animation: spch-spin 0.7s linear infinite;
}

/* ── Disabled / Already-Claimed Free Product Button ───── */
#products-panel .spch-btn-add-disabled {
    background: #f1f5f9;
    color: #94a3b8;
    border: 1px solid #e2e8f0;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: not-allowed;
    width: 100%;
    text-align: center;
    pointer-events: none;
    opacity: 0.8;
}
.shop-product-card-horizontal.is-claimed {
    opacity: 0.55;
    pointer-events: none;
}

.cart-items-scroll-area {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}
/* Optional: style the scrollbar to make it look modern */
.cart-items-scroll-area::-webkit-scrollbar {
    width: 6px;
}
.cart-items-scroll-area::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}
.cart-items-scroll-area::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.cart-items-scroll-area::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ══════════════════════════════════════════════════════════
   Shop Page — Cart Panel Item Styles (cart-item-row)
   ══════════════════════════════════════════════════════════ */
.cart-item-row {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.cart-item-top-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.cart-child-badge {
    background: #e0f2fe;
    color: #0284c7;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}

.cart-free-badge {
    background: #f0fdf4;
    color: #22c55e;
    border: 1px solid #22c55e;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}

.cart-item-main {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.cart-item-info {
    flex: 1;
    min-width: 0;
}

.cart-item-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-item-details {
    font-size: 11px;
    color: #64748b;
    margin-bottom: 6px;
    line-height: 1.5;
    word-break: break-word;
}

.cart-item-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cart-item-action {
    background: transparent;
    border: 1px solid #ef4444;
    color: #ef4444;
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.2s;
}
.cart-item-action:hover {
    background: #ef4444;
    color: #fff;
}

.cart-quantity-control {
    display: flex;
    align-items: center;
    gap: 2px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #f8fafc;
    padding: 2px 4px;
    flex-shrink: 0;
}
.cart-quantity-control button {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    color: #334155;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.15s;
}
.cart-quantity-control button:hover {
    background: #e2e8f0;
}
.cart-quantity-control span {
    font-size: 13px;
    font-weight: 700;
    min-width: 22px;
    text-align: center;
    color: #1e293b;
}

/* Cart Totals Block */
.cart-totals-block {
    border-top: 1px dashed #cbd5e1;
    padding-top: 14px;
    margin-top: 10px;
}
.cart-summary-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 7px;
    gap: 8px;
}
.cart-summary-line span:last-child {
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
}
.cart-total-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    border-top: 2px solid #e2e8f0;
    padding-top: 10px;
    margin-top: 10px;
    gap: 8px;
}
.cart-total-line strong {
    font-size: 16px;
    color: #008060;
}

/* Checkout Button */
.btn-checkout-cart {
    display: block;
    width: 100%;
    background: #008060;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 14px;
    text-align: center;
    transition: background 0.2s;
    box-sizing: border-box;
}
.btn-checkout-cart:hover {
    background: #00664d;
}

/* ══════════════════════════════════════════════════════════
   Shop Page — Full Responsive (mobile first)
   ══════════════════════════════════════════════════════════ */

/* ── 768px ── */
@media (max-width: 768px) {
    /* Cart panel items stack vertically */
    .cart-item-main {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
    .ci-item-img {
        width: 40px !important;
        height: 40px !important;
    }
    .cart-item-title {
        font-size: 12px !important;
        white-space: normal !important;
    }
    .cart-item-details {
        font-size: 11px !important;
    }
    .cart-quantity-control {
        margin-top: 6px;
    }
    /* Summary totals */
    .cart-summary-line,
    .cart-total-line {
        font-size: 11px !important;
    }
    .cart-total-line strong {
        font-size: 14px !important;
    }
    /* Checkout button */
    .btn-checkout-cart {
        font-size: 13px !important;
        padding: 10px !important;
    }
    /* Products panel — already handled above, but ensure wrapper doesn't overflow */
    .shop-page-wrapper {
        padding: 10px !important;
    }
    #products-panel {
        padding: 12px !important;
    }
    .shop-cart-panel {
        padding: 12px !important;
    }
    /* Avatar row scrollable on small screens */
    .shop-avatars-row {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch;
    }
    .shop-avatar-card {
        min-width: 80px !important;
        padding: 8px 12px !important;
    }
    .shop-avatar-card img {
        width: 48px !important;
        height: 48px !important;
    }
    .shop-avatar-card span {
        font-size: 11px !important;
    }
    /* Product card — already stacked, make add button full width */
    #products-panel .spch-btn-add-free,
    #products-panel .spch-btn-add-paid,
    #products-panel .spch-btn-add-disabled {
        width: 100% !important;
        font-size: 13px !important;
        padding: 10px !important;
    }
    /* Tabs */
    .shop-top-tabs-container {
        justify-content: center !important;
    }
    .shop-top-tabs a {
        padding: 7px 16px !important;
        font-size: 12px !important;
    }
    /* Header badges */
    .products-header-title {
        font-size: 15px !important;
    }
    .products-header-subtitle {
        font-size: 12px !important;
    }
}

/* ── 480px ── */
@media (max-width: 480px) {
    .shop-page-wrapper {
        padding: 6px !important;
    }
    .shop-main-layout {
        gap: 10px !important;
    }
    #products-panel {
        padding: 8px !important;
        border-radius: 8px !important;
    }
    .shop-cart-panel {
        padding: 8px !important;
        border-radius: 8px !important;
    }
    .cart-item-row {
        padding: 8px !important;
    }
    .cart-item-title {
        font-size: 11px !important;
    }
    .cart-header-modern-title {
        font-size: 13px !important;
    }
    .badge-season-2026 {
        font-size: 10px !important;
    }
    .cart-quantity-control button {
        font-size: 14px !important;
        width: 20px !important;
        height: 20px !important;
    }
    .cart-quantity-control span {
        font-size: 12px !important;
    }
    /* Product image */
    #products-panel .spch-image-container {
        max-width: 120px !important;
    }
    /* Selectors stacked */
    .spch-select-group {
        max-width: 100% !important;
    }
    .spch-selectors-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .cart-totals-block {
        padding-top: 10px !important;
    }
    .cart-total-line strong {
        font-size: 13px !important;
    }
    .btn-checkout-cart {
        font-size: 12px !important;
        margin-bottom: 7px;
        gap: 8px;
    }
}
.cart-summary-line span:last-child {
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
}
.cart-total-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    border-top: 2px solid #e2e8f0;
    padding-top: 10px;
    margin-top: 10px;
    gap: 8px;
}
.cart-total-line strong {
    font-size: 16px;
    color: #008060;
}

/* Checkout Button */
.btn-checkout-cart {
    display: block;
    width: 100%;
    background: #008060;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 14px;
    text-align: center;
    transition: background 0.2s;
    box-sizing: border-box;
}
.btn-checkout-cart:hover {
    background: #00664d;
}

/* ══════════════════════════════════════════════════════════
   Shop Page — Full Responsive (mobile first)
   ══════════════════════════════════════════════════════════ */

/* ── 768px ── */
@media (max-width: 768px) {
    /* Cart panel items stack vertically */
    .cart-item-main {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
    .ci-item-img {
        width: 40px !important;
        height: 40px !important;
    }
    .cart-item-title {
        font-size: 12px !important;
        white-space: normal !important;
    }
    .cart-item-details {
        font-size: 11px !important;
    }
    .cart-quantity-control {
        margin-top: 6px;
    }
    /* Summary totals */
    .cart-summary-line,
    .cart-total-line {
        font-size: 11px !important;
    }
    .cart-total-line strong {
        font-size: 14px !important;
    }
    /* Checkout button */
    .btn-checkout-cart {
        font-size: 13px !important;
        padding: 10px !important;
    }
    /* Products panel — already handled above, but ensure wrapper doesn't overflow */
    .shop-page-wrapper {
        padding: 10px !important;
    }
    #products-panel {
        padding: 12px !important;
    }
    .shop-cart-panel {
        padding: 12px !important;
    }
    /* Avatar row scrollable on small screens */
    .shop-avatars-row {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch;
    }
    .shop-avatar-card {
        min-width: 80px !important;
        padding: 8px 12px !important;
    }
    .shop-avatar-card img {
        width: 48px !important;
        height: 48px !important;
    }
    .shop-avatar-card span {
        font-size: 11px !important;
    }
    /* Product card — already stacked, make add button full width */
    #products-panel .spch-btn-add-free,
    #products-panel .spch-btn-add-paid,
    #products-panel .spch-btn-add-disabled {
        width: 100% !important;
        font-size: 13px !important;
        padding: 10px !important;
    }
    /* Tabs */
    .shop-top-tabs-container {
        justify-content: center !important;
    }
    .shop-top-tabs a {
        padding: 7px 16px !important;
        font-size: 12px !important;
    }
    /* Header badges */
    .products-header-title {
        font-size: 15px !important;
    }
    .products-header-subtitle {
        font-size: 12px !important;
    }
}

/* ── 480px ── */
@media (max-width: 480px) {
    .shop-page-wrapper {
        padding: 6px !important;
    }
    .shop-main-layout {
        gap: 10px !important;
    }
    #products-panel {
        padding: 8px !important;
        border-radius: 8px !important;
    }
    .shop-cart-panel {
        padding: 8px !important;
        border-radius: 8px !important;
    }
    .cart-item-row {
        padding: 8px !important;
    }
    .cart-item-title {
        font-size: 11px !important;
    }
    .cart-header-modern-title {
        font-size: 13px !important;
    }
    .badge-season-2026 {
        font-size: 10px !important;
    }
    .cart-quantity-control button {
        font-size: 14px !important;
        width: 20px !important;
        height: 20px !important;
    }
    .cart-quantity-control span {
        font-size: 12px !important;
    }
    /* Product image */
    #products-panel .spch-image-container {
        max-width: 120px !important;
    }
    /* Selectors stacked */
    .spch-select-group {
        max-width: 100% !important;
    }
    .spch-selectors-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .cart-totals-block {
        padding-top: 10px !important;
    }
    .cart-total-line strong {
        font-size: 13px !important;
    }
    .btn-checkout-cart {
        font-size: 12px !important;
        padding: 9px !important;
    }
}

/* Global Currency SVG Styling */
.currency-svg, .cart-summary-line-modern svg, .cart-summary-total-modern svg, .cart-item-details svg, .btn-checkout-submit-modern svg, .spch-price-val svg, .spc-price svg, .emp-acc-since svg, .emp-acc-products svg, .cart-summary-line svg, .cart-total-line svg {
    height: 1.2em !important;
    width: 1.5em !important;
    max-width: 25px !important;
    vertical-align: middle !important;
    margin: 0 4px !important;
    display: inline-block !important;
}

/* Force SVG inside checkout button to be white */
#checkoutSubmitBtn .currency-svg path,
#checkoutSubmitBtn .currency-svg .cls-1,
#checkoutSubmitBtn .currency-svg polygon,
#checkoutSubmitBtn .currency-svg rect {
    fill: #ffffff !important;
}

.auth-card {
    background: #ffffff5c !important;

    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}
.auth-card .auth-card-body {
    background: transparent !important;
}
.auth-card .auth-card-body h2,
.auth-card .auth-card-body label {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.auth-card .auth-card-header {
    background: rgba(13, 115, 119, 0.6) !important;
    backdrop-filter: blur(5px) !important;
}


.auth-card .auth-card-body p.otp-info,
.auth-card .auth-card-body p.otp-phone,
.auth-card .auth-card-body .back-link,
.auth-card .auth-card-body .text-muted {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.auth-card .auth-card-body .back-link:hover {
    color: #e0f2fe !important;
}