/* ARIVAN UI POLISH — shared controls */
:where(body:not(.admin-body)) select, body.admin-body select{appearance:none;-webkit-appearance:none;min-height:44px;padding:10px 42px!important;border:1px solid rgba(74,95,66,.20)!important;border-radius:14px!important;background-color:#fffdf9!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234A5F42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:14px 50%!important;color:#344638!important;font:inherit!important;font-size:12px!important;box-shadow:0 3px 12px rgba(38,57,47,.035);transition:border-color .35s,box-shadow .35s,transform .35s;cursor:pointer}
:where(body:not(.admin-body)) select:hover,body.admin-body select:hover{border-color:#b8a078!important;box-shadow:0 7px 18px rgba(38,57,47,.07)}
:where(body:not(.admin-body)) select:focus,body.admin-body select:focus{outline:none;border-color:#b08a58!important;box-shadow:0 0 0 4px rgba(212,175,124,.18),0 8px 22px rgba(38,57,47,.08)!important}
select option{padding:12px 14px;background:#fffdf9;color:#344638;font:inherit}select option:checked{background:#e8f0d9;color:#344638;font-weight:700}select:disabled{opacity:.55;cursor:not-allowed}
/* Customer dashboard — Arivan brand palette: burgundy, cream, sage and soft gold */
.account-page{background:radial-gradient(ellipse at 8% 4%,rgba(139,30,63,.09),transparent 32%),radial-gradient(ellipse at 92% 88%,rgba(184,201,163,.20),transparent 30%),linear-gradient(145deg,#F8F1E7 0%,#FBF8F2 52%,#F4F0E6 100%)!important;color:#3f302e!important}
.account-page .dashboard-sidebar{background:linear-gradient(180deg,#64172F 0%,#8B1E3F 56%,#57162D 100%)!important;border:0!important;color:#fff!important;box-shadow:12px 0 42px rgba(91,22,45,.16)!important}
.account-page .dashboard-brand{color:#fff!important}.account-page .sidebar-label{color:rgba(255,255,255,.58)!important}
.account-page .sidebar-menu a{color:rgba(255,255,255,.80)!important;border:1px solid transparent;transition:background .45s,border-color .45s,transform .45s!important}
.account-page .sidebar-menu a:hover,.account-page .sidebar-menu a.active{background:linear-gradient(100deg,rgba(212,175,124,.25),rgba(255,255,255,.09))!important;border-color:rgba(212,175,124,.27)!important;color:#fff!important;transform:translateX(-3px)}
.account-page .sidebar-menu a.active{border-right:3px solid #D4AF7C!important}
.account-page .sidebar-home{background:rgba(255,255,255,.11)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}
.account-page .dashboard-logout{background:linear-gradient(135deg,#A72A50,#741832)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}
.account-page .dashboard-main{padding:clamp(20px,3.2vw,42px)!important}
.account-page .dashboard-topbar{border-bottom-color:rgba(139,30,63,.16)!important}.account-page .dashboard-topbar h1,.account-page .dashboard-section-title{color:#6F1B36!important}
.account-page .dashboard-user{background:#FFFDF9!important;border:1px solid rgba(139,30,63,.15)!important;color:#8B1E3F!important;box-shadow:0 8px 25px rgba(91,22,45,.07)!important}
.account-page .dashboard-welcome{background:linear-gradient(115deg,#64172F 0%,#8B1E3F 58%,#A84B5D 100%)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:26px!important;box-shadow:0 18px 45px rgba(91,22,45,.19)!important}
.account-page .dashboard-welcome:before{content:"";position:absolute;width:270px;height:270px;left:-55px;top:-135px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}
.account-page .dashboard-welcome:after{content:"✦";position:absolute;left:9%;bottom:18%;font-size:38px;color:rgba(255,255,255,.25)}
.account-page .dashboard-stats{gap:16px!important}.account-page .stat-card,.account-page .dashboard-card{background:rgba(255,253,249,.94)!important;border:1px solid rgba(139,30,63,.12)!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(91,22,45,.06)!important;transition:transform .5s,box-shadow .5s!important}
.account-page .stat-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(91,22,45,.12)!important}.account-page .dashboard-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(91,22,45,.10)!important}
.account-page .stat-icon,.account-page .card-heading-icon{background:linear-gradient(145deg,#F5E6E8,#E8F0D9)!important;color:#8B1E3F!important;border-radius:16px!important}
.account-page .dashboard-card-heading h3{color:#6F1B36!important}.account-page .profile-edit-link{background:linear-gradient(110deg,#8B1E3F,#64172F)!important;color:#fff!important;border-radius:12px!important;box-shadow:0 7px 18px rgba(139,30,63,.17)!important;transition:transform .4s,box-shadow .4s!important}.account-page .profile-edit-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(139,30,63,.24)!important}
/* Custom dropdown: original select remains the submitted form control */
.arv-select-wrap{position:relative;display:block;min-width:0;width:100%;isolation:isolate}.arv-select-native{position:absolute!important;inset:auto auto 0 0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;margin:0!important;border:0!important}
.arv-select-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid rgba(74,95,66,.20);border-radius:14px;background:linear-gradient(145deg,#FFFDF9,#FBFAF5);color:#344638;font:inherit;font-size:12px;text-align:right;cursor:pointer;box-shadow:0 4px 14px rgba(38,57,47,.045);transition:border-color .35s,box-shadow .35s,transform .35s}
.arv-select-trigger:hover,.arv-select-wrap.is-open .arv-select-trigger{border-color:#B99A69;box-shadow:0 9px 24px rgba(38,57,47,.10)}.arv-select-wrap.is-open{z-index:80}.arv-select-trigger:focus-visible{outline:3px solid rgba(212,175,124,.3);outline-offset:2px}.arv-select-trigger:disabled{opacity:.55;cursor:not-allowed}
.arv-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arv-select-arrow{width:9px;height:9px;flex:0 0 9px;border-left:2px solid #8b7655;border-bottom:2px solid #8b7655;transform:rotate(-45deg) translateY(-2px);transition:transform .3s}.arv-select-wrap.is-open .arv-select-arrow{transform:rotate(135deg) translate(-2px,-1px)}
.arv-select-menu{position:absolute;z-index:120;top:calc(100% + 9px);right:0;left:0;max-height:min(300px,45vh);overflow:auto;padding:7px;border:1px solid rgba(91,76,55,.13);border-radius:17px;background:rgba(255,253,249,.98);box-shadow:0 18px 48px rgba(35,44,35,.17),0 3px 10px rgba(35,44,35,.05);backdrop-filter:blur(16px);transform-origin:top center;animation:arvSelectIn .24s cubic-bezier(.2,.8,.2,1)}.arv-select-menu[hidden]{display:none}
.arv-select-option{display:block;width:100%;min-height:39px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#596253;font:inherit;font-size:12px;text-align:right;cursor:pointer;transition:background .2s,color .2s,transform .2s}.arv-select-option:hover,.arv-select-option.is-focused{background:#F2EFE5;color:#344638}.arv-select-option.is-selected{background:linear-gradient(100deg,#E8F0D9,#F6F3E9);color:#40583b;font-weight:800}.arv-select-option.is-selected:after{content:'✓';float:left;color:#8B1E3F}.arv-select-option:disabled{opacity:.4;cursor:not-allowed}
.account-page .arv-select-trigger{border-color:rgba(139,30,63,.20);background:linear-gradient(145deg,#FFFDF9,#F8F1E7);color:#59313B}.account-page .arv-select-trigger:hover,.account-page .arv-select-wrap.is-open .arv-select-trigger{border-color:#8B1E3F;box-shadow:0 9px 24px rgba(139,30,63,.11)}.account-page .arv-select-menu{border-color:rgba(139,30,63,.15);box-shadow:0 18px 48px rgba(91,22,45,.15)}.account-page .arv-select-option:hover,.account-page .arv-select-option.is-focused{background:#F8F1E7;color:#6F1B36}.account-page .arv-select-option.is-selected{background:linear-gradient(100deg,#F5E6E8,#E8F0D9);color:#6F1B36}.account-page .arv-select-option.is-selected:after{color:#8B1E3F}
.admin-body .arv-select-trigger{border-color:rgba(74,95,66,.18);background:linear-gradient(145deg,#FFFDF9,#F7F4EC)}.admin-body .arv-select-menu{background:rgba(255,253,249,.99);border-color:rgba(74,95,66,.16)}.admin-body .arv-select-option.is-selected{background:linear-gradient(100deg,#E8F0D9,#F3EADB)}
@keyframes arvSelectIn{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.account-page .dashboard-sidebar{background:linear-gradient(180deg,#64172F,#8B1E3F)!important}.account-page .dashboard-main{padding:22px 16px!important}}

/* Customer dashboard logo: cream tile for full contrast on burgundy sidebar */
.account-page .dashboard-brand img {
    box-sizing: content-box;
    padding: 9px;
    background: #F8F1E7;
    border: 1px solid rgba(212,175,124,.55);
    border-radius: 16px;
    box-shadow: 0 7px 22px rgba(25,12,8,.18);
    object-fit: contain;
}

/* Customer dashboard — balanced 50/50 cream and sage blend */
.account-page {
    background: linear-gradient(135deg, #F8F1E7 0%, #F0F0E0 50%, #E8F0D9 100%) !important;
}
.account-page .dashboard-main {
    background: linear-gradient(125deg, rgba(248,241,231,.92) 0%, rgba(240,240,224,.94) 50%, rgba(232,240,217,.92) 100%) !important;
}
.account-page .dashboard-user,
.account-page .stat-card,
.account-page .dashboard-card,
.account-page .profile-card,
.account-page .co-card,
.account-page .account-order-card {
    background: linear-gradient(135deg, #F8F1E7 0%, #F0F0E0 50%, #E8F0D9 100%) !important;
}
.account-page .arv-select-trigger,
.account-page .arv-select-menu {
    background: linear-gradient(135deg, #F8F1E7 0%, #F0F0E0 50%, #E8F0D9 100%) !important;
}
.account-page .arv-select-option:hover,
.account-page .arv-select-option.is-focused,
.account-page .arv-select-option.is-selected {
    background: linear-gradient(90deg, #F8F1E7 0%, #E8F0D9 100%) !important;
}
.account-page .dashboard-brand img {
    background: linear-gradient(135deg, #F8F1E7 0%, #F0F0E0 50%, #E8F0D9 100%) !important;
}


/* Arivan customer dashboard: visibly balanced cream + sage treatment */
.account-page {
    background: linear-gradient(115deg, #F8F1E7 0%, #F8F1E7 43%, #E8F0D9 57%, #E8F0D9 100%) !important;
}
.account-page .dashboard-main {
    background: linear-gradient(115deg, #F8F1E7 0%, #F8F1E7 43%, #E8F0D9 57%, #E8F0D9 100%) !important;
}
.account-page .dashboard-topbar,
.account-page .dashboard-section-title {
    background-color: transparent !important;
}
.account-page .dashboard-user,
.account-page .stat-card,
.account-page .dashboard-card,
.account-page .profile-card,
.account-page .co-card,
.account-page .account-order-card {
    background: linear-gradient(115deg, #F8F1E7 0%, #F8F1E7 43%, #E8F0D9 57%, #E8F0D9 100%) !important;
    border-color: rgba(74, 95, 66, .20) !important;
}
.account-page .arv-select-trigger,
.account-page .arv-select-menu {
    background: linear-gradient(115deg, #F8F1E7 0%, #F8F1E7 43%, #E8F0D9 57%, #E8F0D9 100%) !important;
}
.account-page .arv-select-option:hover,
.account-page .arv-select-option.is-focused,
.account-page .arv-select-option.is-selected {
    background: linear-gradient(90deg, #F8F1E7 0%, #E8F0D9 100%) !important;
}
.account-page .dashboard-brand img {
    background: #F8F1E7 !important;
}


/* Final dashboard color adjustment: slightly deeper sage for clearer contrast */
.account-page {
    --arv-dashboard-sage: #C6D6B0;
    --arv-dashboard-cream: #F8F1E7;
    background: linear-gradient(115deg, var(--arv-dashboard-cream) 0%, var(--arv-dashboard-cream) 43%, var(--arv-dashboard-sage) 57%, var(--arv-dashboard-sage) 100%) !important;
}
.account-page .dashboard-main {
    background: linear-gradient(115deg, #F8F1E7 0%, #F8F1E7 43%, #C6D6B0 57%, #C6D6B0 100%) !important;
}
.account-page .dashboard-user,
.account-page .stat-card,
.account-page .dashboard-card,
.account-page .profile-card,
.account-page .co-card,
.account-page .account-order-card {
    background: linear-gradient(115deg, #F8F1E7 0%, #F8F1E7 43%, #C6D6B0 57%, #C6D6B0 100%) !important;
    border-color: rgba(74, 95, 66, .26) !important;
}
.account-page .arv-select-trigger,
.account-page .arv-select-menu {
    background: linear-gradient(115deg, #F8F1E7 0%, #F8F1E7 43%, #C6D6B0 57%, #C6D6B0 100%) !important;
}
.account-page .arv-select-option:hover,
.account-page .arv-select-option.is-focused,
.account-page .arv-select-option.is-selected {
    background: linear-gradient(90deg, #F8F1E7 0%, #C6D6B0 100%) !important;
}
.account-page .dashboard-brand img { background: #F8F1E7 !important; }


/* Customer dashboard typography: strictly monochrome text (black on light, white on burgundy) */
.account-page,
.account-page :where(h1,h2,h3,h4,h5,h6,p,span,a,label,strong,b,small,em,i,li,dt,dd,th,td,button,input,textarea,select,option,summary,figcaption),
.account-page .arv-select-trigger,
.account-page .arv-select-option,
.account-page input::placeholder,
.account-page textarea::placeholder {
    color: #111111 !important;
}
/* White typography on the dark burgundy surfaces */
.account-page .dashboard-sidebar,
.account-page .dashboard-sidebar :where(h1,h2,h3,h4,h5,h6,p,span,a,label,strong,b,small,em,i,li,button),
.account-page .dashboard-welcome,
.account-page .dashboard-welcome :where(h1,h2,h3,h4,h5,h6,p,span,a,label,strong,b,small,em,i,li),
.account-page .dashboard-logout,
.account-page .profile-edit-link,
.account-page .dashboard-sidebar .sidebar-home {
    color: #FFFFFF !important;
}
/* Keep custom select text black because its surface is light */
.account-page .arv-select-trigger,
.account-page .arv-select-option,
.account-page .arv-select-option:hover,
.account-page .arv-select-option.is-focused,
.account-page .arv-select-option.is-selected {
    color: #111111 !important;
}
.account-page .arv-select-option.is-selected:after { color: #111111 !important; }