*{box-sizing:border-box}html,body{margin:0!important}body.bays-b2b-final-page{background:#f5f7fb!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828}.bays-auth{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,1fr);min-height:100vh}.bays-auth>aside{display:flex;flex-direction:column;padding:42px 52px;background:radial-gradient(circle at 18% 8%,rgba(47,102,255,.32),transparent 28%),linear-gradient(145deg,#071a38,#06152f);color:#fff}.brand{display:flex;align-items:center;gap:13px}.brand>b,.logo>b{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#1769ff,#4b4fff);font-size:22px}.brand strong,.brand small,.logo strong,.logo small{display:block}.brand small,.logo small{color:#9eb0ca}.copy{margin:auto 0 30px;max-width:540px}.copy em{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#93c5fd;font-style:normal;font-size:11px;font-weight:800}.copy h1{margin:18px 0 14px;color:#fff;font-size:44px;line-height:1.08}.copy p{color:#b5c4d9;line-height:1.7}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.features div{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04)}.bays-auth>main{display:grid;place-items:center;padding:38px}.auth-card{width:min(100%,480px);padding:36px;border:1px solid #e4e9f2;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(16,24,40,.1)}.auth-card.application{width:min(100%,620px)}.auth-card>span{color:#1769ff;font-size:11px;font-weight:900;text-transform:uppercase}.auth-card h2{margin:8px 0 6px;font-size:29px}.auth-card>p{margin:0 0 24px;color:#667085}.auth-card label{display:block;margin-bottom:7px;font-weight:700}.auth-card input,.auth-card textarea{width:100%;padding:12px 13px;border:1px solid #d7dee9;border-radius:10px;background:#f8fafc}.auth-card .login-submit input,.application-form button{min-height:48px;border:0;border-radius:10px;background:linear-gradient(90deg,#1769ff,#4149ff);color:#fff;font-weight:800}.auth-links,.auth-switch{margin-top:18px;text-align:center}.auth-links a,.auth-switch a{color:#1769ff;font-weight:800;text-decoration:none}.auth-switch{padding-top:18px;border-top:1px solid #eef2f6;color:#667085}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.application-form{display:grid;gap:15px}.consent{display:flex!important;gap:8px;align-items:flex-start}.consent input{width:16px!important}.message{margin-bottom:16px;padding:13px;border-radius:9px}.message.error{background:#fef3f2;color:#b42318}.primary-action,.secondary-action{display:block;margin-top:12px;padding:13px;border-radius:10px;text-align:center;font-weight:800;text-decoration:none}.primary-action{background:#1769ff;color:#fff}.secondary-action{border:1px solid #dce3ed;color:#344054}.bays-app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:18px 14px;background:linear-gradient(180deg,#071a38,#06152f);color:#fff;overflow:auto}.logo{display:flex;align-items:center;gap:12px;padding:0 4px 22px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#d8e1ef;text-decoration:none;font-weight:700}.sidebar nav a.active{background:linear-gradient(90deg,#1769ff,#4b4fff)}.user-mini{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px}.user-mini>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1769ff}.user-mini strong,.user-mini small{display:block}.user-mini small{color:#8fa2bf}.logout{margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;text-align:center;text-decoration:none}.main{min-width:0;padding-bottom:96px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;height:64px;padding:10px 24px;border-bottom:1px solid #e4e9f2;background:#fff}.topbar form{flex:1;max-width:620px}.topbar input{width:100%;padding:12px 15px;border:1px solid #dce3ed;border-radius:10px;background:#f8fafc}.bays-top-cart{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e4e9f2;border-radius:10px;text-decoration:none}.bays-top-cart span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#1769ff;color:#fff;font-size:10px}.content{padding:20px 22px}.bays-dashboard{display:grid;gap:16px}.bays-welcome small,.bays-section-head small{color:#1769ff;font-weight:800;text-transform:uppercase}.bays-welcome h1,.bays-section-head h1{margin:6px 0 4px}.bays-welcome p,.bays-section-head p{margin:0;color:#667085}.bays-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.bays-stats article{position:relative;min-height:132px;padding:17px;border:1px solid #e4e9f2;border-radius:14px;background:#fff;overflow:hidden}.bays-stats small,.bays-stats strong,.bays-stats span{display:block}.bays-stats strong{margin:10px 0 6px;font-size:22px}.bays-stats span{color:#98a2b3;font-size:11px}.bays-stats i{position:absolute;left:15px;right:15px;bottom:14px;height:26px;border-bottom:2px solid #1769ff;transform:skewY(-4deg)}.bays-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bays-shortcuts a{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:15px;border:1px solid #e4e9f2;border-radius:13px;background:#fff;color:#101828;text-decoration:none}.bays-shortcuts b{font-size:24px}.bays-shortcuts strong,.bays-shortcuts small{display:block}.bays-shortcuts small{margin-top:4px;color:#667085}.bays-main-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:15px}.bays-card{padding:16px;border:1px solid #e4e9f2;border-radius:14px;background:#fff}.bays-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bays-card-head h2{margin:0;font-size:17px}.bays-card-head a{color:#1769ff;font-weight:800;text-decoration:none}.bays-table-wrap{overflow:auto}.bays-card table{width:100%;border-collapse:collapse}.bays-card th,.bays-card td{padding:11px 8px;border-bottom:1px solid #eef2f6;text-align:left}.bays-top-products>div{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eef2f6}.bays-top-products img{width:44px;height:44px;object-fit:contain}.bays-top-products strong,.bays-top-products small{display:block}.bays-top-products small{color:#667085}.bays-products{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.bays-products.catalog{grid-template-columns:repeat(5,1fr)}.bays-products>div{padding:10px;border:1px solid #e4e9f2;border-radius:11px;background:#fff}.bays-products .image{display:block;aspect-ratio:1/.8}.bays-products img{width:100%;height:100%;object-fit:contain}.bays-products h3{min-height:36px;font-size:11px}.bays-products h3 a{color:#101828;text-decoration:none}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-bottom .button{padding:8px;border:0;border-radius:7px;background:#1769ff;color:#fff;text-decoration:none}.bays-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.bays-section-head form{display:flex;gap:8px}.bays-section-head input{padding:11px;border:1px solid #dce3ed;border-radius:9px}.bays-section-head button,.bays-search button,#bays-quick-add-btn{padding:11px 16px;border:0;border-radius:9px;background:#1769ff;color:#fff;font-weight:800}.bays-product-detail{padding:20px;border:1px solid #e4e9f2;border-radius:14px;background:#fff}.bays-back{display:inline-block;margin-bottom:15px;color:#1769ff;font-weight:800;text-decoration:none}.bays-search{display:flex;gap:8px;margin:16px 0}.bays-search input{flex:1;padding:12px;border:1px solid #dce3ed;border-radius:9px}.quick-row{display:grid;grid-template-columns:52px 1fr auto 90px 30px;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #eef2f6;background:#fff}.quick-row img{width:52px;height:52px;object-fit:contain}.quick-row strong,.quick-row small{display:block}.bays-floating-cart{position:fixed;left:250px;right:0;bottom:0;z-index:99999;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;min-height:76px;padding:10px 24px;background:linear-gradient(90deg,#071a38,#0b2348);color:#fff}.bays-floating-cart .summary small{display:block;color:#93c5fd}.bays-floating-cart .preview{display:flex;gap:13px}.bays-floating-cart .preview>div{display:flex;align-items:center;gap:7px}.bays-floating-cart img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:7px}.bays-floating-cart .preview strong,.bays-floating-cart .preview small{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.bays-floating-cart .preview small{color:#93c5fd}.bays-floating-cart .total small,.bays-floating-cart .total strong{display:block}.bays-floating-cart .total small{color:#93c5fd}.bays-floating-cart .total strong{color:#4ade80;font-size:17px}.bays-floating-cart .actions{display:flex;gap:9px}.bays-floating-cart .actions a{padding:10px 16px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;text-decoration:none;font-weight:800}.bays-floating-cart .actions .primary{background:#1769ff}@media(max-width:1100px){.bays-stats,.bays-shortcuts{grid-template-columns:repeat(2,1fr)}.bays-products,.bays-products.catalog{grid-template-columns:repeat(3,1fr)}.bays-floating-cart .preview{display:none}.bays-floating-cart{grid-template-columns:auto 1fr auto}}@media(max-width:820px){.bays-auth{grid-template-columns:1fr}.bays-auth>aside{min-height:auto}.copy{margin:40px 0 24px}.bays-app{display:block}.sidebar{position:relative;height:auto}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{flex:0 0 auto}.user-mini,.logout{display:none}.bays-main-grid{grid-template-columns:1fr}.bays-floating-cart{left:0;grid-template-columns:1fr auto}.bays-floating-cart .total{display:none}.bays-products,.bays-products.catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.form-grid,.features,.bays-stats,.bays-shortcuts,.bays-products,.bays-products.catalog{grid-template-columns:1fr}.bays-floating-cart{grid-template-columns:1fr}.bays-floating-cart .actions{display:grid;grid-template-columns:1fr 1fr}.copy h1{font-size:32px}}
/* v1.2.0 Akıllı Dashboard + Bildirim Merkezi */
.topbar-actions{display:flex;align-items:center;gap:10px}.bays-notifications{position:relative}.bays-notification-toggle{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e4e9f2;border-radius:10px;background:#fff;cursor:pointer}.bays-notification-toggle span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#f04438;color:#fff;font-size:10px;font-weight:800}.bays-notification-panel{position:absolute;top:50px;right:0;z-index:1000;width:380px;max-width:calc(100vw - 30px);overflow:hidden;border:1px solid #e4e9f2;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(16,24,40,.16)}.bays-notification-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid #eef2f6}.bays-notification-head button{border:0;background:none;color:#1769ff;font-size:11px;font-weight:800;cursor:pointer}.bays-notification-list{max-height:430px;overflow:auto}.bays-notification-item{display:grid;grid-template-columns:9px 1fr;gap:10px;padding:13px 15px;border-bottom:1px solid #eef2f6;color:#101828;text-decoration:none}.bays-notification-item.is-unread{background:#f5f8ff}.bays-notification-item>i,.bays-dashboard-notification-list a>i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#1769ff}.bays-notification-item i.type-campaign,.bays-dashboard-notification-list i.type-campaign{background:#f79009}.bays-notification-item i.type-price,.bays-dashboard-notification-list i.type-price{background:#7f56d9}.bays-notification-item i.type-order,.bays-dashboard-notification-list i.type-order{background:#12b76a}.bays-notification-item strong,.bays-notification-item small,.bays-notification-item em{display:block}.bays-notification-item small{margin-top:3px;color:#667085;font-size:11px;line-height:1.4}.bays-notification-item em{margin-top:5px;color:#98a2b3;font-size:9px;font-style:normal}.bays-notification-empty{padding:28px;color:#98a2b3;text-align:center}.bays-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.bays-last-visit{padding:10px 13px;border:1px solid #e4e9f2;border-radius:10px;background:#fff;text-align:right}.bays-last-visit small,.bays-last-visit strong{display:block}.bays-last-visit small{color:#667085}.bays-last-visit strong{margin-top:3px;font-size:12px}.bays-stats-six{grid-template-columns:repeat(6,minmax(0,1fr))}.bays-stats .tone-green i{border-color:#12b76a}.bays-stats .tone-orange i{border-color:#f79009}.bays-stats .tone-purple i{border-color:#7f56d9}.bays-stats .tone-teal i{border-color:#06aed4}.bays-stats .tone-red i{border-color:#f04438}.bays-shortcuts-five{grid-template-columns:repeat(5,minmax(0,1fr))}.bays-shortcuts-five a{grid-template-columns:auto 1fr auto}.bays-shortcuts-five em{color:#98a2b3;font-style:normal}.bays-sales-chart{padding-bottom:18px}.bays-card-head>div small{display:block;margin-top:4px;color:#98a2b3}.bays-card-head>strong{color:#1769ff}.bays-chart-bars{display:grid;grid-template-columns:repeat(12,minmax(28px,1fr));align-items:end;gap:10px;height:245px;padding:12px 4px 0}.bays-chart-column{display:grid;grid-template-rows:22px 1fr 18px;align-items:end;min-width:0;text-align:center}.bays-chart-value{overflow:hidden;color:#667085;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.bays-chart-track{position:relative;height:185px;border-radius:7px;background:#f2f4f7;overflow:hidden}.bays-chart-track i{position:absolute;right:0;bottom:0;left:0;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#4b4fff,#1769ff)}.bays-chart-column>span{margin-top:5px;color:#667085;font-size:10px}.bays-main-grid-three{grid-template-columns:1.35fr .8fr .8fr}.bays-order-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eff4ff;color:#1769ff;font-size:10px;font-weight:800}.bays-order-status.status-processing,.bays-order-status.status-completed{background:#ecfdf3;color:#027a48}.bays-order-status.status-on-hold{background:#fffaeb;color:#b54708}.bays-top-products span{flex:1;min-width:0}.bays-top-products i{display:block;height:4px;margin:6px 0;border-radius:999px;background:#e4e7ec;overflow:hidden}.bays-top-products i b{display:block;height:100%;border-radius:999px;background:#1769ff}.bays-dashboard-notifications .bays-card-head span{color:#f04438;font-size:10px;font-weight:800}.bays-dashboard-notification-list{display:grid}.bays-dashboard-notification-list a{display:grid;grid-template-columns:9px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #eef2f6;color:#101828;text-decoration:none}.bays-dashboard-notification-list strong,.bays-dashboard-notification-list small{display:block}.bays-dashboard-notification-list strong{font-size:11px}.bays-dashboard-notification-list small{margin-top:3px;color:#667085;font-size:9px;line-height:1.4}
@media(max-width:1350px){.bays-stats-six{grid-template-columns:repeat(3,1fr)}.bays-shortcuts-five{grid-template-columns:repeat(3,1fr)}.bays-main-grid-three{grid-template-columns:1fr 1fr}.bays-dashboard-notifications{grid-column:1/-1}}
@media(max-width:900px){.bays-chart-bars{overflow-x:auto;grid-template-columns:repeat(12,55px)}.bays-main-grid-three{grid-template-columns:1fr}.bays-dashboard-notifications{grid-column:auto}.bays-shortcuts-five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bays-welcome{align-items:flex-start;flex-direction:column}.bays-last-visit{width:100%;text-align:left}.bays-stats-six,.bays-shortcuts-five{grid-template-columns:1fr}.bays-notification-panel{position:fixed;top:70px;right:12px;left:12px;width:auto}}
/* =========================================================
BAYS B2B PRO v1.4.0 — Premium UI
========================================================= */
:root{
--bays-primary:#2563eb;
--bays-primary-strong:#1d4ed8;
--bays-ink:#0f172a;
--bays-muted:#64748b;
--bays-line:#e2e8f0;
--bays-soft:#f8fafc;
--bays-success:#16a34a;
--bays-warning:#f59e0b;
--bays-danger:#ef4444;
--bays-radius:18px;
--bays-shadow:0 14px 35px rgba(15,23,42,.07);
}
body.bays-b2b-final-page{background:linear-gradient(180deg,#f8fafc 0,#f3f6fb 100%)!important;color:var(--bays-ink)}
.bays-app-premium{background:transparent}
.bays-sidebar-premium{padding:22px 16px;background:radial-gradient(circle at 12% 0,rgba(37,99,235,.32),transparent 28%),linear-gradient(180deg,#07162f 0%,#061229 100%);box-shadow:14px 0 40px rgba(2,8,23,.13)}
.bays-sidebar-premium .logo{padding:0 5px 28px}
.bays-sidebar-premium .logo>b{width:48px;height:48px;border-radius:15px;box-shadow:0 14px 30px rgba(37,99,235,.35)}
.bays-sidebar-premium nav{gap:7px}
.bays-sidebar-premium nav a{position:relative;min-height:46px;padding:12px 13px;border:1px solid transparent;border-radius:12px;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.bays-sidebar-premium nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.06);color:#fff}
.bays-sidebar-premium nav a.active{background:linear-gradient(100deg,#2563eb,#4f46e5);box-shadow:0 12px 26px rgba(37,99,235,.3)}
.bays-sidebar-premium nav a.active:before{content:"";position:absolute;left:-16px;width:4px;height:24px;border-radius:0 6px 6px 0;background:#93c5fd}
.bays-sidebar-premium nav a>b{display:grid;place-items:center;width:24px;height:24px;font-size:17px;transition:transform .18s ease}
.bays-sidebar-premium nav a:hover>b{transform:scale(1.12)}
.bays-sidebar-premium .user-mini{padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.08)}
.bays-sidebar-premium .logout{transition:background .18s ease,border-color .18s ease}.bays-sidebar-premium .logout:hover{background:rgba(239,68,68,.14);border-color:rgba(248,113,113,.36)}
.bays-topbar-premium{height:72px;padding:12px 28px;border-bottom:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 5px 20px rgba(15,23,42,.025)}
.bays-topbar-premium form{position:relative}.bays-topbar-premium form:before{content:"⌕";position:absolute;left:15px;top:50%;transform:translateY(-52%);color:#94a3b8;font-size:22px;pointer-events:none}
.bays-topbar-premium input{height:46px;padding-left:45px;border-color:#dbe3ee;background:#f8fafc;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.bays-topbar-premium input:focus{outline:0;border-color:#93c5fd;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}
.bays-content-premium{max-width:1600px;margin:0 auto;padding:26px 28px 118px}
.bays-dashboard-premium{gap:20px}
.bays-welcome-premium{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;min-height:190px;padding:30px;border:1px solid rgba(147,197,253,.35);border-radius:24px;background:radial-gradient(circle at 88% 5%,rgba(255,255,255,.25),transparent 30%),linear-gradient(135deg,#0f4fbf 0%,#2563eb 52%,#4f46e5 100%);box-shadow:0 22px 45px rgba(37,99,235,.2);overflow:hidden;color:#fff}
.bays-welcome-premium:after{content:"";position:absolute;right:-80px;bottom:-120px;width:340px;height:340px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 86px rgba(255,255,255,.025)}
.bays-welcome-copy,.bays-welcome-summary{position:relative;z-index:2}
.bays-eyebrow{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bays-welcome-premium h1{margin:14px 0 8px;color:#fff;font-size:34px;line-height:1.15}.bays-welcome-premium p{color:#dbeafe;font-size:15px}
.bays-welcome-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.bays-welcome-chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(2,6,23,.12);color:#eff6ff;font-size:11px;font-weight:700}.bays-welcome-chips .is-online{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.14)}
.bays-welcome-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:315px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(2,6,23,.16);backdrop-filter:blur(10px)}
.bays-welcome-summary div{padding:8px 10px}.bays-welcome-summary small,.bays-welcome-summary strong{display:block}.bays-welcome-summary small{color:#bfdbfe;font-size:10px}.bays-welcome-summary strong{margin-top:5px;color:#fff;font-size:18px}.bays-welcome-summary>a{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:11px;background:#fff;color:#1d4ed8;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.bays-welcome-summary>a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(2,6,23,.18)}
.bays-stats-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.bays-stat-card{position:relative!important;min-height:150px!important;padding:18px!important;border:1px solid var(--bays-line)!important;border-radius:var(--bays-radius)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bays-stat-card:hover{transform:translateY(-4px);border-color:#cbd5e1!important;box-shadow:var(--bays-shadow)!important}
.bays-stat-top{display:flex;justify-content:space-between;align-items:center}.bays-stat-top>b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eff6ff;color:#2563eb;font-size:15px}.bays-stat-card>strong{margin-top:18px!important;font-size:23px!important;letter-spacing:-.02em}.bays-stat-card>i{height:30px!important;opacity:.85;border-radius:50%!important;transform:none!important;border:0!important;background:linear-gradient(135deg,transparent 15%,rgba(37,99,235,.08) 16%,rgba(37,99,235,.15) 46%,transparent 47%)!important}.tone-green .bays-stat-top>b{background:#ecfdf3;color:#16a34a}.tone-orange .bays-stat-top>b{background:#fff7ed;color:#ea580c}.tone-purple .bays-stat-top>b{background:#f5f3ff;color:#7c3aed}.tone-teal .bays-stat-top>b{background:#ecfeff;color:#0891b2}.tone-red .bays-stat-top>b{background:#fef2f2;color:#dc2626}
.bays-shortcuts-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.bays-shortcut-card{position:relative;min-height:98px;padding:17px!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(15,23,42,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bays-shortcut-card:hover{transform:translateY(-4px);border-color:#bfdbfe!important;box-shadow:0 16px 30px rgba(37,99,235,.11)}.bays-shortcut-card>b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#eef2ff);font-size:22px!important}.bays-shortcut-card>em{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f8fafc;color:#2563eb;font-style:normal;transition:transform .18s ease}.bays-shortcut-card:hover>em{transform:translateX(3px)}
.bays-card{border-radius:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:box-shadow .2s ease}.bays-card:hover{box-shadow:0 14px 35px rgba(15,23,42,.07)}.bays-card-head{padding-bottom:13px;border-bottom:1px solid #eef2f6}.bays-card-head h2{font-size:16px!important;letter-spacing:-.01em}.bays-card-head small{display:block;margin-top:4px;color:#94a3b8}.bays-card-head>a{display:inline-flex;align-items:center;gap:5px;font-size:11px}.bays-card-head>a:after{content:"→"}
.bays-sales-chart{padding:20px 22px 16px}.bays-chart-bars{height:220px!important;padding-top:22px}.bays-chart-track{border-radius:8px;background:linear-gradient(180deg,#f1f5f9,#f8fafc)}.bays-chart-track i{border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#60a5fa,#2563eb 55%,#4f46e5);box-shadow:0 8px 18px rgba(37,99,235,.16);transition:filter .18s ease,transform .18s ease}.bays-chart-column:hover .bays-chart-track i{filter:saturate(1.2);transform:scaleX(1.08)}.bays-chart-value{padding:5px 7px!important;border-radius:7px!important;background:#0f172a!important;color:#fff!important;box-shadow:0 8px 18px rgba(15,23,42,.18);opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}.bays-chart-column:hover .bays-chart-value{opacity:1;transform:translateY(0)}
.bays-main-grid-three{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr) minmax(280px,.75fr)}
.bays-table-wrap table{font-size:12px}.bays-card th{padding:12px 10px;color:#64748b;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.bays-card td{padding:13px 10px}.bays-card tbody tr{transition:background .15s ease}.bays-card tbody tr:hover{background:#f8fafc}.bays-order-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.status-processing{background:#ecfdf3;color:#15803d}.status-on-hold,.status-pending{background:#fff7ed;color:#c2410c}.status-completed{background:#eff6ff;color:#1d4ed8}.status-cancelled,.status-failed,.status-refunded{background:#fef2f2;color:#b91c1c}
.bays-top-products>div{padding:11px 0!important}.bays-top-products img{width:48px!important;height:48px!important;padding:4px;border:1px solid #eef2f6;border-radius:11px}.bays-top-products span{min-width:0;flex:1}.bays-top-products strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bays-top-products i{display:block;height:5px;margin:8px 0 5px;border-radius:999px;background:#eef2f6;overflow:hidden}.bays-top-products i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#4f46e5)}
.bays-dashboard-notification-list>a{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #eef2f6;color:inherit;text-decoration:none;transition:transform .15s ease}.bays-dashboard-notification-list>a:hover{transform:translateX(3px)}.bays-dashboard-notification-list>a>i{flex:0 0 auto;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 5px #eff6ff}.bays-dashboard-notification-list>a>span{min-width:0}.bays-dashboard-notification-list strong,.bays-dashboard-notification-list small{display:block}.bays-dashboard-notification-list small{margin-top:4px;color:#64748b;font-size:10px;line-height:1.4}.bays-dashboard-notification-list .type-success{background:#22c55e;box-shadow:0 0 0 5px #ecfdf3}.bays-dashboard-notification-list .type-warning{background:#f59e0b;box-shadow:0 0 0 5px #fff7ed}.bays-dashboard-notification-list .type-error{background:#ef4444;box-shadow:0 0 0 5px #fef2f2}
.bays-products>div{border-radius:14px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bays-products>div:hover{transform:translateY(-4px);border-color:#bfdbfe!important;box-shadow:0 14px 28px rgba(37,99,235,.1)}.bays-products .image{padding:8px;border-radius:11px;background:#f8fafc}.product-bottom .button{min-width:36px;text-align:center;box-shadow:0 7px 15px rgba(37,99,235,.2)}
.bays-floating-cart{min-height:82px;padding:12px 28px;border-top:1px solid rgba(255,255,255,.09);background:linear-gradient(100deg,#07162f,#0c2550);box-shadow:0 -14px 34px rgba(2,8,23,.24)}.bays-floating-cart .summary strong{font-size:13px}.bays-floating-cart .preview>div{padding:5px 8px 5px 5px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05)}.bays-floating-cart img{width:42px!important;height:42px!important}.bays-floating-cart .actions a{transition:transform .18s ease,background .18s ease}.bays-floating-cart .actions a:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.bays-floating-cart .actions .primary{border-color:#2563eb;box-shadow:0 9px 18px rgba(37,99,235,.24)}
.bays-toast{position:fixed;right:24px;bottom:106px;z-index:100000;display:flex;align-items:center;gap:10px;max-width:360px;padding:13px 16px;border:1px solid #bbf7d0;border-radius:13px;background:#f0fdf4;color:#166534;box-shadow:0 18px 45px rgba(15,23,42,.18);font-size:12px;font-weight:800;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.bays-toast.is-visible{opacity:1;transform:translateY(0)}
.bays-page-enter{animation:baysFadeIn .28s ease both}@keyframes baysFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1350px){.bays-stats-six{grid-template-columns:repeat(3,minmax(0,1fr))}.bays-shortcuts-five{grid-template-columns:repeat(3,minmax(0,1fr))}.bays-main-grid-three{grid-template-columns:1fr 1fr}.bays-dashboard-notifications{grid-column:1/-1}}
@media(max-width:980px){.bays-welcome-premium{grid-template-columns:1fr}.bays-welcome-summary{min-width:0}.bays-shortcuts-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.bays-content-premium{padding:18px 16px 120px}.bays-welcome-premium{padding:22px}.bays-welcome-premium h1{font-size:28px}.bays-stats-six{grid-template-columns:repeat(2,minmax(0,1fr))}.bays-main-grid-three{grid-template-columns:1fr}.bays-dashboard-notifications{grid-column:auto}.bays-floating-cart{left:0}}
@media(max-width:560px){.bays-welcome-summary{grid-template-columns:1fr}.bays-welcome-summary>a{grid-column:auto}.bays-stats-six,.bays-shortcuts-five{grid-template-columns:1fr}.bays-welcome-premium h1{font-size:24px}.bays-chart-bars{height:180px!important}.bays-toast{left:14px;right:14px;bottom:132px;max-width:none}}
/* v1.5.0 brand assets */
.logo>img,.brand>img{width:42px;height:42px;object-fit:contain;border-radius:11px;background:#fff;padding:5px;box-sizing:border-box}
/* =========================================================
v1.7.0 — Product Experience PRO
========================================================= */
.bays-catalog-pro{display:grid;gap:18px}
.bays-catalog-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;border:1px solid #dbeafe;border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(96,165,250,.2),transparent 28%),linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 12px 34px rgba(15,23,42,.055);overflow:hidden}
.bays-catalog-hero:after{content:"";position:absolute;right:-45px;bottom:-70px;width:190px;height:190px;border:28px solid rgba(37,99,235,.045);border-radius:50%}
.bays-catalog-hero h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.03em}
.bays-catalog-hero p{margin:0;color:#64748b}
.bays-eyebrow{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.bays-catalog-count{position:relative;z-index:1;min-width:150px;padding:16px 20px;border:1px solid #dbeafe;border-radius:16px;background:rgba(255,255,255,.82);text-align:center;backdrop-filter:blur(8px)}
.bays-catalog-count small,.bays-catalog-count strong{display:block}.bays-catalog-count small{color:#64748b;font-size:10px;text-transform:uppercase}.bays-catalog-count strong{margin-top:5px;color:#1d4ed8;font-size:28px}
.bays-catalog-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 170px 170px auto auto;gap:10px;align-items:center;padding:13px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035)}
.bays-catalog-toolbar input,.bays-catalog-toolbar select{width:100%;height:44px;padding:0 12px;border:1px solid #dbe3ee;border-radius:10px;background:#f8fafc;color:#334155;outline:0}
.bays-catalog-toolbar input:focus,.bays-catalog-toolbar select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.bays-catalog-toolbar>button{height:44px;padding:0 18px;border:0;border-radius:10px;background:linear-gradient(90deg,#2563eb,#4f46e5);color:#fff;font-weight:900;cursor:pointer}
.bays-filter-reset{color:#64748b;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.bays-catalog-search{position:relative}.bays-catalog-search>span{position:absolute;left:13px;top:50%;z-index:2;transform:translateY(-50%);color:#64748b;font-size:18px}.bays-catalog-search>input{padding-left:38px!important}
.bays-live-product-search{position:relative}
.bays-search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1000;max-height:430px;padding:7px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;box-shadow:0 22px 55px rgba(15,23,42,.18);overflow:auto}
.bays-search-suggestions[hidden]{display:none!important}
.bays-search-suggestions>a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;border-radius:10px;color:#0f172a;text-decoration:none;transition:background .15s ease}
.bays-search-suggestions>a:hover{background:#f1f5f9}.bays-search-suggestions img{width:48px;height:48px;padding:3px;border:1px solid #eef2f6;border-radius:8px;background:#fff;object-fit:contain}.bays-search-suggestions span{min-width:0}.bays-search-suggestions strong,.bays-search-suggestions small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bays-search-suggestions strong{font-size:12px}.bays-search-suggestions small{margin-top:4px;color:#64748b;font-size:9px}.bays-search-suggestions em{color:#2563eb;font-size:11px;font-style:normal;font-weight:900;white-space:nowrap}.bays-search-loading,.bays-search-empty{padding:18px;color:#64748b;text-align:center;font-size:11px}
.bays-product-grid-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.bays-product-grid-pro.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.bays-product-card-pro{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bays-product-card-pro:hover{transform:translateY(-5px);border-color:#bfdbfe;box-shadow:0 18px 38px rgba(37,99,235,.105)}
.bays-product-badges{position:absolute;top:11px;left:11px;z-index:3;display:flex;flex-wrap:wrap;gap:5px}
.bays-product-badges span{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;box-shadow:0 4px 10px rgba(15,23,42,.08)}.bays-product-badges .sale{background:#fef2f2;color:#dc2626}.bays-product-badges .new{background:#eff6ff;color:#2563eb}.bays-product-badges .low{background:#fff7ed;color:#c2410c}
.bays-product-image-pro{display:block;height:220px;padding:25px 20px 12px;background:linear-gradient(180deg,#fbfdff,#f8fafc)}
.bays-product-image-pro img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.bays-product-card-pro:hover .bays-product-image-pro img{transform:scale(1.035)}
.bays-product-card-body{display:flex;flex:1;flex-direction:column;padding:15px}
.bays-product-meta-line{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#64748b;font-size:9px;font-weight:700}
.bays-stock-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.bays-stock-pill.in{background:#ecfdf3;color:#15803d}.bays-stock-pill.low{background:#fff7ed;color:#c2410c}.bays-stock-pill.out{background:#fef2f2;color:#b91c1c}
.bays-product-card-pro h2{min-height:42px;margin:10px 0 5px;font-size:14px;line-height:1.45}.bays-product-card-pro h2 a{color:#0f172a;text-decoration:none}
.bays-product-category{min-height:18px;color:#94a3b8;font-size:9px}.bays-product-category a{color:inherit;text-decoration:none}
.bays-product-price-pro{margin-top:auto;padding:13px 0 11px;border-top:1px solid #eef2f6}.bays-product-price-pro small,.bays-product-price-pro strong{display:block}.bays-product-price-pro small{color:#64748b;font-size:9px}.bays-product-price-pro strong{margin-top:4px;color:#0f172a;font-size:17px}
.bays-product-buy-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px}.bays-product-buy-row label{display:grid;gap:4px}.bays-product-buy-row label>span{color:#64748b;font-size:8px;font-weight:800}.bays-product-buy-row input{width:100%;height:38px;padding:0 8px;border:1px solid #dbe3ee;border-radius:9px;text-align:center}.bays-product-buy-row .button,.bays-product-detail-button{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:0;border-radius:9px;background:linear-gradient(90deg,#2563eb,#4f46e5);color:#fff;font-size:10px;font-weight:900;text-decoration:none;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.bays-product-detail-button{margin-top:7px}
.bays-empty-state{display:grid;place-items:center;min-height:360px;padding:45px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;text-align:center}.bays-empty-state>div{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#eff6ff;color:#2563eb;font-size:30px}.bays-empty-state h2{margin:16px 0 7px}.bays-empty-state p{margin:0 0 18px;color:#64748b}.bays-empty-state a{padding:11px 17px;border-radius:9px;background:#2563eb;color:#fff;font-weight:800;text-decoration:none}
.bays-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:5px}.bays-pagination a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 11px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#334155;font-size:11px;font-weight:800;text-decoration:none}.bays-pagination a.active,.bays-pagination a:hover{border-color:#2563eb;background:#2563eb;color:#fff}
/* Product detail */
.bays-product-detail-pro{display:grid;gap:18px}.bays-back-pro{display:inline-flex;width:max-content;align-items:center;gap:7px;color:#2563eb;font-size:11px;font-weight:900;text-decoration:none}
.bays-detail-layout{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);gap:24px;padding:22px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.05)}
.bays-detail-gallery{min-width:0}.bays-detail-main-image{height:440px;padding:25px;border-radius:16px;background:#f8fafc}.bays-detail-main-image img{width:100%;height:100%;object-fit:contain}
.bays-detail-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}.bays-detail-thumbs button{flex:0 0 auto;width:68px;height:68px;padding:5px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;cursor:pointer}.bays-detail-thumbs button:hover,.bays-detail-thumbs button.active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.bays-detail-thumbs img{width:100%;height:100%;object-fit:contain}
.bays-detail-info{min-width:0;padding:8px 4px}.bays-detail-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#64748b;font-size:10px}.bays-detail-info h1{margin:18px 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.03em}.bays-detail-short-description{color:#64748b;font-size:13px;line-height:1.65}.bays-detail-short-description p{margin:0}
.bays-detail-price{margin:22px 0;padding:18px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.bays-detail-price small,.bays-detail-price strong,.bays-detail-price span{display:block}.bays-detail-price small{color:#2563eb;font-size:10px;font-weight:900;text-transform:uppercase}.bays-detail-price strong{margin:7px 0;color:#0f172a;font-size:28px}.bays-detail-price span{color:#64748b;font-size:10px}
.bays-native-add-to-cart form.cart{display:flex;align-items:center;gap:10px;margin:0!important}.bays-native-add-to-cart .quantity input{width:75px;height:46px;border:1px solid #dbe3ee;border-radius:10px}.bays-native-add-to-cart .single_add_to_cart_button{min-height:46px!important;padding:0 24px!important;border:0!important;border-radius:10px!important;background:linear-gradient(90deg,#2563eb,#4f46e5)!important;color:#fff!important;font-weight:900!important}.bays-native-add-to-cart table.variations{width:100%;margin-bottom:12px}.bays-native-add-to-cart table.variations td{padding:7px 0}.bays-native-add-to-cart select{width:100%;height:42px;border:1px solid #dbe3ee;border-radius:9px;background:#fff}
.bays-detail-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.bays-detail-trust>div{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.bays-detail-trust b{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:#eff6ff;color:#2563eb}.bays-detail-trust strong,.bays-detail-trust small{display:block}.bays-detail-trust strong{font-size:10px}.bays-detail-trust small{margin-top:3px;color:#64748b;font-size:8px}
.bays-detail-panels{display:grid;grid-template-columns:1fr 1.4fr;gap:15px}.bays-detail-panels>article{padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.bays-detail-panels h2{margin:0 0 15px;font-size:17px}.bays-detail-panels dl{margin:0}.bays-detail-panels dl>div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f6}.bays-detail-panels dt{color:#64748b;font-size:10px}.bays-detail-panels dd{margin:0;font-size:11px;font-weight:700}.bays-detail-description{color:#475569;font-size:12px;line-height:1.7}
.bays-related-products{display:grid;gap:13px;margin-top:4px}.bays-related-head h2{margin:5px 0 0}
/* Topbar search uses same suggestion component */
.bays-topbar-premium .bays-live-product-search{flex:1;max-width:620px}.bays-topbar-premium .bays-search-suggestions{top:52px}
@media(max-width:1350px){
.bays-product-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr))}
.bays-catalog-toolbar{grid-template-columns:minmax(260px,1fr) repeat(3,160px) auto}
.bays-filter-reset{grid-column:1/-1}
}
@media(max-width:1050px){
.bays-catalog-toolbar{grid-template-columns:1fr 1fr}
.bays-catalog-search{grid-column:1/-1}
.bays-product-grid-pro,.bays-product-grid-pro.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.bays-detail-layout{grid-template-columns:1fr}
.bays-detail-main-image{height:390px}
}
@media(max-width:720px){
.bays-catalog-hero{align-items:flex-start;flex-direction:column;padding:21px}
.bays-catalog-count{width:100%}
.bays-catalog-toolbar{grid-template-columns:1fr}
.bays-catalog-search{grid-column:auto}
.bays-product-grid-pro,.bays-product-grid-pro.compact{grid-template-columns:1fr}
.bays-product-image-pro{height:250px}
.bays-detail-layout{padding:14px}
.bays-detail-main-image{height:310px;padding:15px}
.bays-detail-info h1{font-size:24px}
.bays-detail-trust{grid-template-columns:1fr}
.bays-detail-panels{grid-template-columns:1fr}
.bays-detail-panels dl>div{grid-template-columns:1fr;gap:4px}
.bays-native-add-to-cart form.cart{align-items:stretch;flex-direction:column}
.bays-native-add-to-cart .quantity input,.bays-native-add-to-cart .single_add_to_cart_button{width:100%}
.bays-search-suggestions>a{grid-template-columns:42px minmax(0,1fr)}
.bays-search-suggestions em{grid-column:2}
}
/* =========================================================
v1.8.0 — Product Experience 2.0
========================================================= */
.bays-catalog-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px}
.bays-catalog-stats>div{min-width:100px;padding:13px 15px;border:1px solid rgba(191,219,254,.9);border-radius:14px;background:rgba(255,255,255,.8);text-align:center;backdrop-filter:blur(8px)}
.bays-catalog-stats small,.bays-catalog-stats strong{display:block}.bays-catalog-stats small{color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase}.bays-catalog-stats strong{margin-top:4px;color:#1d4ed8;font-size:21px}
.bays-filter-chips{display:flex;flex-wrap:wrap;gap:8px}
.bays-filter-chips a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#475569;font-size:10px;font-weight:800;text-decoration:none;transition:.18s ease}
.bays-filter-chips a:hover,.bays-filter-chips a.active{border-color:#2563eb;background:#eff6ff;color:#2563eb;box-shadow:0 6px 16px rgba(37,99,235,.08)}
.bays-favorite-button{position:absolute;top:11px;right:11px;z-index:4;display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid #e2e8f0;border-radius:50%;background:rgba(255,255,255,.94);color:#64748b;font-size:20px;line-height:1;box-shadow:0 6px 16px rgba(15,23,42,.08);cursor:pointer;transition:.18s ease}
.bays-favorite-button:hover{transform:scale(1.08);border-color:#fecaca;color:#dc2626}.bays-favorite-button.active{border-color:#fecaca;background:#fef2f2;color:#dc2626}.bays-favorite-button.loading{pointer-events:none;opacity:.55}
.bays-product-category{display:flex;flex-wrap:wrap;gap:5px}.bays-product-category span,.bays-product-category a{padding:4px 7px;border-radius:999px;background:#f8fafc;color:#64748b!important;font-size:8px;text-decoration:none}
.bays-stock-meter{margin:11px 0}.bays-stock-meter>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:#64748b;font-size:8px}.bays-stock-meter em{font-style:normal;font-weight:800}.bays-stock-meter>i{display:block;height:5px;border-radius:999px;background:#e2e8f0;overflow:hidden}.bays-stock-meter>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#3b82f6)}
.bays-quantity-stepper>div{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;height:38px;border:1px solid #dbe3ee;border-radius:9px;overflow:hidden}.bays-quantity-stepper button{padding:0;border:0;background:#f8fafc;color:#334155;font-size:16px;font-weight:800;cursor:pointer}.bays-quantity-stepper input{height:38px!important;padding:0!important;border:0!important;border-right:1px solid #e2e8f0!important;border-left:1px solid #e2e8f0!important;border-radius:0!important}
.bays-product-card-pro.is-adding{opacity:.72;pointer-events:none}.bays-product-card-pro.is-added{border-color:#86efac;box-shadow:0 18px 38px rgba(34,197,94,.15)}.bays-product-card-pro.is-added .bays-card-add{background:linear-gradient(90deg,#16a34a,#22c55e)!important}
.bays-detail-identifiers{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.bays-detail-identifiers>span{min-width:110px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.bays-detail-identifiers small,.bays-detail-identifiers strong{display:block}.bays-detail-identifiers small{color:#64748b;font-size:8px;text-transform:uppercase}.bays-detail-identifiers strong,.bays-detail-identifiers a{margin-top:4px;color:#0f172a;font-size:10px;text-decoration:none}
.bays-product-documents{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#fff)}.bays-product-documents h2{margin:5px 0 0;font-size:17px}.bays-product-documents>div:last-child{display:flex;flex-wrap:wrap;gap:9px}.bays-product-documents a{display:flex;align-items:center;gap:9px;min-width:210px;padding:11px 13px;border:1px solid #dbeafe;border-radius:10px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 5px 14px rgba(37,99,235,.05)}.bays-product-documents a>b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eff6ff;color:#2563eb}.bays-product-documents strong,.bays-product-documents small{display:block}.bays-product-documents strong{font-size:10px}.bays-product-documents small{margin-top:3px;color:#64748b;font-size:8px}
@media(max-width:1050px){
.bays-catalog-stats{width:100%;grid-template-columns:repeat(4,1fr)}
.bays-product-documents{align-items:flex-start;flex-direction:column}
}
@media(max-width:720px){
.bays-catalog-stats{grid-template-columns:repeat(2,1fr)}
.bays-product-documents>div:last-child,.bays-product-documents a{width:100%}
}
/* =========================================================
v1.9.0 — Product Catalog Precision Polish
========================================================= */
/* Toolbar: prevent select overflow and keep all controls aligned */
.bays-catalog-toolbar{
grid-template-columns:minmax(320px,1.6fr) minmax(170px,.72fr) minmax(150px,.62fr) minmax(150px,.62fr) 118px!important;
gap:10px!important;
align-items:stretch!important;
overflow:visible!important;
}
.bays-catalog-toolbar>*{min-width:0!important;box-sizing:border-box!important}
.bays-catalog-toolbar input,
.bays-catalog-toolbar select,
.bays-catalog-toolbar>button{
height:46px!important;
min-height:46px!important;
margin:0!important;
border-radius:11px!important;
box-sizing:border-box!important;
}
.bays-catalog-toolbar select{
min-width:0!important;
padding:0 38px 0 14px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
background-position:right 13px center!important;
}
.bays-catalog-toolbar .bays-catalog-search{min-width:0!important}
.bays-catalog-toolbar .bays-catalog-search input{width:100%!important}
.bays-filter-reset{grid-column:1/-1;width:max-content;margin-top:-2px}
/* Quieter quick filters */
.bays-filter-chips{gap:7px!important;margin-top:-2px}
.bays-filter-chips a{
min-height:32px!important;
padding:0 11px!important;
border-color:#dbe3ee!important;
background:rgba(255,255,255,.78)!important;
box-shadow:none!important;
font-size:9px!important;
}
.bays-filter-chips a:hover,
.bays-filter-chips a.active{
background:#eff6ff!important;
border-color:#93c5fd!important;
color:#1d4ed8!important;
box-shadow:none!important;
}
/* Equal-height product cards with calm visual hierarchy */
.bays-product-grid-pro{align-items:stretch!important}
.bays-product-card-pro{
height:100%!important;
min-height:610px!important;
border-radius:16px!important;
box-shadow:0 7px 20px rgba(15,23,42,.035)!important;
}
.bays-product-card-pro:hover{
transform:translateY(-3px)!important;
box-shadow:0 15px 32px rgba(37,99,235,.09)!important;
}
.bays-product-image-pro{
height:230px!important;
padding:22px 18px 10px!important;
background:radial-gradient(circle at 50% 44%,#fff 0,#fff 42%,#f8fafc 76%)!important;
}
.bays-product-image-pro img{transform:none!important}
.bays-product-card-pro:hover .bays-product-image-pro img{transform:scale(1.02)!important}
.bays-product-card-body{
min-height:360px!important;
padding:15px 16px 16px!important;
}
.bays-product-card-pro h2{
display:-webkit-box!important;
min-height:42px!important;
max-height:42px!important;
margin:9px 0 6px!important;
overflow:hidden!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
font-size:13px!important;
line-height:1.55!important;
}
.bays-product-category{
align-content:flex-start!important;
min-height:24px!important;
max-height:24px!important;
overflow:hidden!important;
}
.bays-product-category span,
.bays-product-category a{
padding:3px 7px!important;
font-size:7.5px!important;
}
.bays-stock-meter{
min-height:35px!important;
margin:10px 0 8px!important;
}
.bays-stock-meter>i{height:4px!important}
.bays-product-price-pro{
margin-top:auto!important;
padding:12px 0 10px!important;
}
.bays-product-price-pro strong{font-size:16px!important}
.bays-product-buy-row{
grid-template-columns:72px minmax(0,1fr)!important;
align-items:end!important;
min-height:55px!important;
margin-top:0!important;
}
.bays-product-buy-row>label,
.bays-product-buy-row>.button,
.bays-product-detail-button{align-self:end!important}
.bays-product-buy-row .button,
.bays-product-detail-button{
min-height:42px!important;
height:42px!important;
border-radius:10px!important;
box-shadow:none!important;
font-size:9px!important;
letter-spacing:.02em!important;
}
.bays-product-buy-row .button:hover,
.bays-product-detail-button:hover{
filter:brightness(1.03)!important;
transform:none!important;
box-shadow:0 8px 18px rgba(37,99,235,.14)!important;
}
.bays-quantity-stepper>div{height:42px!important;border-radius:10px!important}
.bays-quantity-stepper input{height:42px!important}
.bays-quantity-stepper button{font-size:14px!important;background:#f8fafc!important}
/* Smaller badges and a calmer favorite control */
.bays-product-badges{top:10px!important;left:10px!important;gap:4px!important}
.bays-product-badges span{
padding:4px 7px!important;
font-size:7.5px!important;
box-shadow:none!important;
}
.bays-favorite-button{
top:10px!important;
right:10px!important;
width:32px!important;
height:32px!important;
border-radius:10px!important;
font-size:17px!important;
box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
}
/* Catalog hero: lighter and less visually dominant */
.bays-catalog-hero{padding:22px 24px!important;border-radius:18px!important}
.bays-catalog-hero h1{font-size:27px!important}
.bays-catalog-stats>div{padding:11px 12px!important}
.bays-catalog-stats strong{font-size:19px!important}
@media(max-width:1380px){
.bays-catalog-toolbar{
grid-template-columns:minmax(300px,1fr) repeat(3,minmax(145px,170px)) 112px!important;
}
}
@media(max-width:1180px){
.bays-catalog-toolbar{
grid-template-columns:minmax(280px,1fr) repeat(2,minmax(150px,1fr))!important;
}
.bays-catalog-toolbar>button{width:100%!important}
.bays-catalog-toolbar select[name="sort"]{grid-column:auto!important}
}
@media(max-width:900px){
.bays-catalog-toolbar{grid-template-columns:1fr 1fr!important}
.bays-catalog-search{grid-column:1/-1!important}
.bays-catalog-toolbar>button{grid-column:auto!important}
.bays-product-card-pro{min-height:590px!important}
}
@media(max-width:620px){
.bays-catalog-toolbar{grid-template-columns:1fr!important}
.bays-catalog-search{grid-column:auto!important}
.bays-product-card-pro{min-height:570px!important}
.bays-product-image-pro{height:245px!important}
}
/* =========================================================
v1.10.0 — Clean Catalog UI
========================================================= */
.bays-catalog-stats{grid-template-columns:repeat(3,minmax(96px,1fr))!important}
.bays-product-card-pro .bays-favorite-button{display:none!important}
.bays-product-card-pro{
min-height:0!important;
height:auto!important;
}
.bays-product-card-body{
display:grid!important;
grid-template-rows:auto 44px 26px 34px auto 55px!important;
min-height:0!important;
padding:14px 16px 16px!important;
}
.bays-product-card-pro h2{
min-height:44px!important;
max-height:44px!important;
margin:8px 0 4px!important;
}
.bays-product-category{
min-height:26px!important;
max-height:26px!important;
align-items:center!important;
}
.bays-stock-meter{
min-height:34px!important;
margin:6px 0 4px!important;
}
.bays-product-price-pro{
margin-top:0!important;
padding:11px 0 9px!important;
}
.bays-product-buy-row{
min-height:55px!important;
margin-top:0!important;
}
.bays-product-image-pro{
height:215px!important;
padding:20px 18px 8px!important;
}
.bays-product-image-pro img{
max-width:92%!important;
max-height:92%!important;
margin:auto!important;
}
.bays-product-badges{
top:11px!important;
left:12px!important;
right:auto!important;
max-width:calc(100% - 24px)!important;
}
.bays-product-badges span{
padding:4px 8px!important;
border-radius:999px!important;
}
.bays-quantity-stepper>div{
grid-template-columns:32px 38px 32px!important;
width:102px!important;
background:#fff!important;
}
.bays-quantity-stepper input,
.bays-card-quantity{
display:block!important;
width:38px!important;
min-width:38px!important;
opacity:1!important;
visibility:visible!important;
color:#0f172a!important;
background:#fff!important;
-webkit-text-fill-color:#0f172a!important;
font-size:13px!important;
font-weight:800!important;
line-height:42px!important;
text-align:center!important;
appearance:textfield!important;
-moz-appearance:textfield!important;
}
.bays-quantity-stepper input::-webkit-outer-spin-button,
.bays-quantity-stepper input::-webkit-inner-spin-button{
margin:0!important;
-webkit-appearance:none!important;
}
.bays-quantity-stepper button{
display:grid!important;
place-items:center!important;
width:32px!important;
color:#0f172a!important;
background:#f8fafc!important;
}
.bays-product-buy-row{
grid-template-columns:102px minmax(0,1fr)!important;
gap:10px!important;
}
.bays-product-buy-row .button,
.bays-product-detail-button{
width:100%!important;
height:44px!important;
min-height:44px!important;
}
.bays-product-category a,
.bays-detail-identifiers a{
cursor:pointer!important;
}
.bays-product-category a:hover,
.bays-detail-identifiers a:hover{
color:#2563eb!important;
text-decoration:underline!important;
}
.bays-catalog-toolbar{
grid-template-columns:minmax(340px,1.7fr) minmax(175px,.72fr) minmax(160px,.65fr) minmax(160px,.65fr) 112px!important;
padding:11px!important;
border-radius:16px!important;
}
.bays-catalog-toolbar input,
.bays-catalog-toolbar select,
.bays-catalog-toolbar>button{
height:44px!important;
min-height:44px!important;
}
.bays-filter-chips{
align-items:center!important;
min-height:36px!important;
margin:0!important;
}
.bays-filter-chips a{
min-height:34px!important;
padding:0 13px!important;
}
.bays-product-grid-pro{gap:16px!important}
@media(max-width:1180px){
.bays-catalog-toolbar{
grid-template-columns:minmax(280px,1fr) repeat(2,minmax(150px,1fr))!important;
}
}
@media(max-width:900px){
.bays-product-card-body{
grid-template-rows:auto 44px 26px 34px auto 55px!important;
}
}
@media(max-width:620px){
.bays-catalog-stats{grid-template-columns:1fr!important}
.bays-product-image-pro{height:230px!important}
.bays-product-buy-row{
grid-template-columns:102px minmax(0,1fr)!important;
}
}
/* =========================================================
v1.11.0 — Premium Product Detail
========================================================= */
.bays-detail-layout-v2{
grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr)!important;
align-items:start!important;
gap:26px!important;
padding:24px!important;
}
.bays-detail-layout-v2 .bays-detail-gallery{
position:sticky!important;
top:86px!important;
}
.bays-detail-main-image{
position:relative!important;
height:510px!important;
padding:30px!important;
border:1px solid #edf2f7!important;
background:
radial-gradient(circle at 50% 44%,rgba(59,130,246,.08),transparent 38%),
linear-gradient(180deg,#fff,#f8fafc)!important;
overflow:hidden!important;
}
.bays-detail-main-image img{
transition:transform .25s ease!important;
}
.bays-detail-main-image:hover img{
transform:scale(1.025)!important;
}
.bays-detail-image-badges{
position:absolute!important;
top:14px!important;
left:14px!important;
display:flex!important;
gap:7px!important;
}
.bays-detail-image-badges span{
padding:6px 9px!important;
border-radius:999px!important;
font-size:9px!important;
font-weight:900!important;
}
.bays-detail-image-badges .sale{
background:#fef2f2!important;
color:#dc2626!important;
}
.bays-detail-image-badges .low{
background:#fff7ed!important;
color:#c2410c!important;
}
.bays-detail-info{
padding:4px 2px!important;
}
.bays-detail-info h1{
max-width:760px!important;
margin:16px 0 14px!important;
font-size:32px!important;
line-height:1.18!important;
}
.bays-detail-sku{
color:#64748b!important;
font-size:10px!important;
font-weight:700!important;
}
.bays-detail-meta-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
margin:14px 0 18px!important;
}
.bays-detail-meta-grid>div{
min-height:66px!important;
padding:12px 14px!important;
border:1px solid #e2e8f0!important;
border-radius:12px!important;
background:#f8fafc!important;
}
.bays-detail-meta-grid small,
.bays-detail-meta-grid strong{
display:block!important;
}
.bays-detail-meta-grid small{
color:#64748b!important;
font-size:8px!important;
font-weight:800!important;
text-transform:uppercase!important;
}
.bays-detail-meta-grid strong,
.bays-detail-meta-grid a{
margin-top:5px!important;
color:#0f172a!important;
font-size:11px!important;
text-decoration:none!important;
}
.bays-detail-meta-grid a:hover{
color:#2563eb!important;
}
.bays-detail-short-description{
margin:0 0 18px!important;
padding:0!important;
font-size:12px!important;
line-height:1.7!important;
}
.bays-detail-purchase-card{
padding:18px!important;
border:1px solid #dbeafe!important;
border-radius:16px!important;
background:linear-gradient(135deg,#eff6ff 0%,#fff 55%)!important;
box-shadow:0 14px 34px rgba(37,99,235,.07)!important;
}
.bays-detail-purchase-card .bays-detail-price{
margin:0 0 14px!important;
padding:0 0 14px!important;
border:0!important;
border-bottom:1px solid #dbeafe!important;
border-radius:0!important;
background:none!important;
}
.bays-detail-purchase-card .bays-detail-price strong{
font-size:31px!important;
}
.bays-native-add-to-cart form.cart{
align-items:center!important;
gap:10px!important;
}
.bays-native-add-to-cart .quantity input{
width:88px!important;
height:48px!important;
color:#0f172a!important;
background:#fff!important;
font-weight:800!important;
text-align:center!important;
}
.bays-native-add-to-cart .single_add_to_cart_button{
flex:1!important;
min-height:48px!important;
font-size:12px!important;
}
.bays-native-add-to-cart.bays-focus-purchase{
animation:baysPurchasePulse 1.1s ease!important;
}
@keyframes baysPurchasePulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.018);filter:drop-shadow(0 0 16px rgba(37,99,235,.18))}
}
.bays-detail-mini-info{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
margin-top:14px!important;
}
.bays-detail-mini-info>div{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-width:0!important;
padding:10px!important;
border:1px solid rgba(191,219,254,.85)!important;
border-radius:10px!important;
background:rgba(255,255,255,.8)!important;
}
.bays-detail-mini-info b{
display:grid!important;
place-items:center!important;
flex:0 0 auto!important;
width:28px!important;
height:28px!important;
border-radius:8px!important;
background:#eff6ff!important;
color:#2563eb!important;
}
.bays-detail-mini-info strong,
.bays-detail-mini-info small{
display:block!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.bays-detail-mini-info strong{
font-size:9px!important;
}
.bays-detail-mini-info small{
margin-top:2px!important;
color:#64748b!important;
font-size:7px!important;
}
.bays-detail-panels-v2{
grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;
}
.bays-detail-panels-v2>article{
min-height:100%!important;
}
.bays-detail-panels-v2 dl>div:last-child{
border-bottom:0!important;
}
.bays-related-products{
margin-top:8px!important;
}
.bays-related-products .bays-product-card-pro{
min-height:0!important;
}
.bays-mobile-product-bar{
display:none!important;
}
@media(max-width:1180px){
.bays-detail-layout-v2{
grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr)!important;
}
.bays-detail-main-image{
height:430px!important;
}
.bays-detail-mini-info{
grid-template-columns:1fr!important;
}
}
@media(max-width:900px){
.bays-detail-layout-v2{
grid-template-columns:1fr!important;
}
.bays-detail-layout-v2 .bays-detail-gallery{
position:relative!important;
top:auto!important;
}
.bays-detail-main-image{
height:400px!important;
}
.bays-detail-panels-v2{
grid-template-columns:1fr!important;
}
}
@media(max-width:720px){
.bays-product-detail-pro{
padding-bottom:88px!important;
}
.bays-detail-layout-v2{
padding:14px!important;
}
.bays-detail-main-image{
height:320px!important;
padding:18px!important;
}
.bays-detail-info h1{
font-size:24px!important;
}
.bays-detail-meta-grid{
grid-template-columns:1fr 1fr!important;
}
.bays-detail-purchase-card{
padding:14px!important;
}
.bays-mobile-product-bar{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
z-index:99999!important;
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:12px!important;
padding:11px 14px!important;
border-top:1px solid #dbe3ee!important;
background:rgba(255,255,255,.96)!important;
box-shadow:0 -10px 28px rgba(15,23,42,.12)!important;
backdrop-filter:blur(10px)!important;
}
.bays-mobile-product-bar small,
.bays-mobile-product-bar strong{
display:block!important;
}
.bays-mobile-product-bar small{
color:#64748b!important;
font-size:8px!important;
}
.bays-mobile-product-bar strong{
margin-top:2px!important;
color:#0f172a!important;
font-size:16px!important;
}
.bays-mobile-product-bar button{
min-width:145px!important;
height:44px!important;
border:0!important;
border-radius:10px!important;
background:linear-gradient(90deg,#2563eb,#4f46e5)!important;
color:#fff!important;
font-weight:900!important;
}
}
/* =========================================================
v1.14.0 — Isolated Product Buy Bar
Permanent structure: Price | Quantity | Total | Add to Cart
========================================================= */
.bays-purchase-card-final{
display:block!important;
width:100%!important;
max-width:100%!important;
padding:18px!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-buybar-v2{
display:flex!important;
align-items:center!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
/* Price */
.bays-buybar-price{
flex:0 1 225px!important;
min-width:190px!important;
max-width:225px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-buybar-price small{
display:block!important;
margin:0 0 7px!important;
color:#2563eb!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.025em!important;
line-height:1.2!important;
text-transform:uppercase!important;
}
.bays-buybar-price strong,
.bays-buybar-price strong *{
display:inline-flex!important;
align-items:baseline!important;
gap:5px!important;
margin:0!important;
color:#0b347d!important;
font-size:34px!important;
font-weight:950!important;
line-height:1!important;
letter-spacing:-.035em!important;
white-space:nowrap!important;
}
.bays-buybar-price .woocommerce-Price-currencySymbol{
font-size:.7em!important;
font-weight:950!important;
}
.bays-buybar-price>span{
display:block!important;
margin-top:10px!important;
color:#64748b!important;
font-size:8px!important;
line-height:1.25!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Quantity */
.bays-buybar-qty{
flex:0 0 120px!important;
display:grid!important;
grid-template-columns:36px 48px 36px!important;
width:120px!important;
min-width:120px!important;
max-width:120px!important;
height:52px!important;
padding:0!important;
margin:0!important;
border:1px solid #cfd9e7!important;
border-radius:11px!important;
background:#fff!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-buybar-minus,
.bays-buybar-plus,
.bays-buybar-input{
position:static!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
float:none!important;
width:100%!important;
min-width:0!important;
height:50px!important;
min-height:50px!important;
max-height:50px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
outline:0!important;
opacity:1!important;
visibility:visible!important;
box-shadow:none!important;
box-sizing:border-box!important;
}
.bays-buybar-minus,
.bays-buybar-plus{
background:#f8fafc!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-family:Arial,sans-serif!important;
font-size:20px!important;
font-weight:900!important;
line-height:1!important;
cursor:pointer!important;
}
.bays-buybar-minus{
border-right:1px solid #cfd9e7!important;
}
.bays-buybar-plus{
border-left:1px solid #cfd9e7!important;
}
.bays-buybar-input{
background:#fff!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-family:Arial,sans-serif!important;
font-size:16px!important;
font-weight:900!important;
line-height:50px!important;
text-align:center!important;
appearance:none!important;
-webkit-appearance:none!important;
-moz-appearance:none!important;
}
/* Total */
.bays-buybar-total{
flex:0 0 165px!important;
width:165px!important;
min-width:165px!important;
max-width:165px!important;
height:52px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
margin:0!important;
padding:7px 10px!important;
border:1px solid #cfd9e7!important;
border-radius:11px!important;
background:#fff!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-buybar-total small{
display:block!important;
color:#64748b!important;
font-size:8px!important;
font-weight:900!important;
line-height:1!important;
text-transform:uppercase!important;
}
.bays-buybar-total strong,
.bays-buybar-total strong *{
display:inline-flex!important;
align-items:baseline!important;
gap:4px!important;
margin-top:4px!important;
color:#16a34a!important;
font-size:17px!important;
font-weight:950!important;
line-height:1!important;
white-space:nowrap!important;
}
/* Add to cart */
.bays-buybar-submit{
flex:1 1 180px!important;
min-width:150px!important;
max-width:none!important;
height:52px!important;
min-height:52px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0 12px!important;
border:0!important;
border-radius:11px!important;
background:linear-gradient(90deg,#2563eb,#4f46e5)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-family:inherit!important;
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
text-align:center!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:clip!important;
cursor:pointer!important;
box-shadow:0 5px 0 #1d4ed8!important;
box-sizing:border-box!important;
}
.bays-buybar-submit:hover{
filter:brightness(1.04)!important;
}
/* Existing three info boxes */
.bays-purchase-card-final .bays-detail-mini-info{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
width:100%!important;
margin-top:14px!important;
}
/* Medium desktop: preserve one line by reducing price and button */
@media(max-width:1380px) and (min-width:1001px){
.bays-buybar-v2{
gap:6px!important;
}
.bays-buybar-price{
flex-basis:190px!important;
min-width:175px!important;
max-width:190px!important;
}
.bays-buybar-price strong,
.bays-buybar-price strong *{
font-size:30px!important;
}
.bays-buybar-qty{
flex-basis:112px!important;
grid-template-columns:34px 44px 34px!important;
width:112px!important;
min-width:112px!important;
max-width:112px!important;
}
.bays-buybar-total{
flex-basis:150px!important;
width:150px!important;
min-width:150px!important;
max-width:150px!important;
}
.bays-buybar-submit{
min-width:135px!important;
font-size:10px!important;
}
}
/* Tablet */
@media(max-width:1000px){
.bays-buybar-v2{
flex-wrap:wrap!important;
}
.bays-buybar-price{
flex:1 1 100%!important;
min-width:0!important;
max-width:100%!important;
}
.bays-buybar-qty{
flex:0 0 120px!important;
}
.bays-buybar-total{
flex:0 0 165px!important;
}
.bays-buybar-submit{
flex:1 1 180px!important;
}
}
/* Mobile */
@media(max-width:620px){
.bays-buybar-price{
flex-basis:100%!important;
}
.bays-buybar-qty{
flex:0 0 120px!important;
}
.bays-buybar-total{
flex:1 1 140px!important;
width:auto!important;
min-width:140px!important;
max-width:none!important;
}
.bays-buybar-submit{
flex:1 1 100%!important;
min-width:100%!important;
}
.bays-purchase-card-final .bays-detail-mini-info{
grid-template-columns:1fr!important;
}
}
/* =========================================================
v1.15.0 — Order Experience Pro
All selectors are scoped to B2B portal order pages.
========================================================= */
.bays-order-page{
display:grid;
gap:16px;
}
.bays-order-page .bays-section-head p{
margin:5px 0 0;
color:#64748b;
font-size:11px;
}
.bays-order-progress{
display:grid;
grid-template-columns:minmax(150px,1fr) 50px minmax(180px,1fr) 50px minmax(170px,1fr);
align-items:center;
gap:8px;
margin:0 0 16px;
padding:14px 16px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
box-shadow:0 7px 22px rgba(15,23,42,.035);
}
.bays-order-progress>div{
display:flex;
align-items:center;
gap:9px;
min-width:0;
}
.bays-order-progress>div>b{
display:grid;
place-items:center;
flex:0 0 auto;
width:32px;
height:32px;
border-radius:10px;
background:#f1f5f9;
color:#64748b;
font-size:11px;
}
.bays-order-progress strong,
.bays-order-progress small{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.bays-order-progress strong{
color:#334155;
font-size:10px;
}
.bays-order-progress small{
margin-top:3px;
color:#94a3b8;
font-size:8px;
}
.bays-order-progress>i{
display:block;
height:2px;
border-radius:99px;
background:#e2e8f0;
}
.bays-order-progress .active>b{
background:#2563eb;
color:#fff;
}
.bays-order-progress .active strong{
color:#2563eb;
}
.bays-order-progress .done>b{
background:#ecfdf3;
color:#16a34a;
}
.bays-order-progress>i.done{
background:#22c55e;
}
/* CART */
.bays-cart-page .woocommerce{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:16px;
align-items:start;
}
.bays-cart-page .woocommerce-notices-wrapper,
.bays-cart-page .bays-order-progress{
grid-column:1/-1;
}
.bays-cart-page .woocommerce-cart-form,
.bays-cart-page .cart-collaterals{
margin:0!important;
padding:18px!important;
border:1px solid #e2e8f0!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 8px 25px rgba(15,23,42,.04)!important;
}
.bays-cart-page .shop_table{
width:100%!important;
margin:0!important;
border:0!important;
border-collapse:collapse!important;
}
.bays-cart-page .shop_table thead th{
padding:0 10px 12px!important;
border:0!important;
border-bottom:1px solid #e2e8f0!important;
color:#64748b!important;
font-size:9px!important;
text-transform:uppercase!important;
}
.bays-cart-page .shop_table tbody td{
padding:14px 10px!important;
border:0!important;
border-bottom:1px solid #eef2f6!important;
vertical-align:middle!important;
}
.bays-cart-page td.product-thumbnail img{
width:66px!important;
height:66px!important;
padding:4px!important;
border:1px solid #eef2f6!important;
border-radius:10px!important;
background:#fff!important;
object-fit:contain!important;
}
.bays-cart-page td.product-name a{
color:#0f172a!important;
font-size:11px!important;
font-weight:800!important;
text-decoration:none!important;
}
.bays-cart-page td.product-price,
.bays-cart-page td.product-subtotal{
color:#0f172a!important;
font-size:11px!important;
font-weight:900!important;
white-space:nowrap!important;
}
.bays-cart-page .quantity input.qty{
width:72px!important;
height:40px!important;
padding:0 8px!important;
border:1px solid #dbe3ee!important;
border-radius:9px!important;
color:#0f172a!important;
background:#fff!important;
font-weight:900!important;
text-align:center!important;
}
.bays-cart-page a.remove{
display:grid!important;
place-items:center!important;
width:28px!important;
height:28px!important;
border-radius:8px!important;
background:#fef2f2!important;
color:#dc2626!important;
font-size:17px!important;
text-decoration:none!important;
}
.bays-cart-page .actions{
padding:14px 0 0!important;
border:0!important;
}
.bays-cart-page .coupon{
display:flex!important;
gap:8px!important;
}
.bays-cart-page .coupon input{
width:190px!important;
height:40px!important;
padding:0 11px!important;
border:1px solid #dbe3ee!important;
border-radius:9px!important;
}
.bays-cart-page .button{
min-height:40px!important;
padding:0 15px!important;
border:0!important;
border-radius:9px!important;
background:#eff6ff!important;
color:#2563eb!important;
font-size:10px!important;
font-weight:900!important;
}
.bays-cart-page button[name="update_cart"]{
display:none!important;
}
.bays-cart-page .cart-collaterals{
position:sticky!important;
top:84px!important;
}
.bays-cart-page .cart_totals{
width:100%!important;
float:none!important;
}
.bays-cart-page .cart_totals h2{
margin:0 0 14px!important;
font-size:17px!important;
}
.bays-cart-page .cart_totals table{
margin:0 0 14px!important;
border:0!important;
}
.bays-cart-page .cart_totals th,
.bays-cart-page .cart_totals td{
padding:11px 0!important;
border:0!important;
border-bottom:1px solid #eef2f6!important;
font-size:10px!important;
}
.bays-cart-page .cart_totals td{
text-align:right!important;
font-weight:900!important;
}
.bays-cart-page .order-total th,
.bays-cart-page .order-total td{
color:#0f172a!important;
font-size:14px!important;
}
.bays-cart-page .wc-proceed-to-checkout{
padding:0!important;
}
.bays-cart-page .checkout-button{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:48px!important;
margin:0!important;
border-radius:10px!important;
background:linear-gradient(90deg,#2563eb,#4f46e5)!important;
color:#fff!important;
font-size:11px!important;
font-weight:900!important;
text-decoration:none!important;
}
/* CHECKOUT */
.bays-checkout-page .woocommerce{
display:grid;
gap:16px;
}
.bays-checkout-page form.checkout{
display:grid!important;
grid-template-columns:minmax(0,1fr) 390px!important;
gap:16px!important;
align-items:start!important;
}
.bays-checkout-page .col2-set{
display:grid!important;
gap:14px!important;
width:100%!important;
float:none!important;
}
.bays-checkout-page .col-1,
.bays-checkout-page .col-2,
.bays-checkout-page #order_review{
width:100%!important;
float:none!important;
margin:0!important;
padding:18px!important;
border:1px solid #e2e8f0!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 8px 25px rgba(15,23,42,.04)!important;
box-sizing:border-box!important;
}
.bays-checkout-page h3{
margin:0 0 14px!important;
color:#0f172a!important;
font-size:17px!important;
}
.bays-checkout-page .form-row{
margin:0 0 11px!important;
}
.bays-checkout-page label{
display:block!important;
margin:0 0 5px!important;
color:#475569!important;
font-size:9px!important;
font-weight:800!important;
}
.bays-checkout-page input.input-text,
.bays-checkout-page textarea,
.bays-checkout-page select,
.bays-checkout-page .select2-selection{
width:100%!important;
min-height:42px!important;
padding:0 11px!important;
border:1px solid #dbe3ee!important;
border-radius:9px!important;
background:#f8fafc!important;
color:#0f172a!important;
box-sizing:border-box!important;
}
.bays-checkout-page textarea{
min-height:100px!important;
padding:11px!important;
resize:vertical!important;
}
.bays-checkout-page #order_review{
position:sticky!important;
top:84px!important;
}
.bays-checkout-page .woocommerce-checkout-review-order-table{
margin:0 0 14px!important;
border:0!important;
}
.bays-checkout-page .woocommerce-checkout-review-order-table th,
.bays-checkout-page .woocommerce-checkout-review-order-table td{
padding:10px 0!important;
border:0!important;
border-bottom:1px solid #eef2f6!important;
font-size:10px!important;
}
.bays-checkout-page #payment{
border:0!important;
border-radius:12px!important;
background:#f8fafc!important;
}
.bays-checkout-page #payment ul.payment_methods{
padding:14px!important;
border-bottom:1px solid #e2e8f0!important;
}
.bays-checkout-page #payment .place-order{
padding:14px!important;
}
.bays-checkout-page #place_order{
width:100%!important;
min-height:48px!important;
border:0!important;
border-radius:10px!important;
background:linear-gradient(90deg,#2563eb,#4f46e5)!important;
color:#fff!important;
font-size:11px!important;
font-weight:900!important;
}
/* NOTICES */
.bays-order-page .woocommerce-error,
.bays-order-page .woocommerce-message,
.bays-order-page .woocommerce-info{
margin:0 0 14px!important;
padding:13px 15px 13px 42px!important;
border:1px solid #dbeafe!important;
border-radius:11px!important;
background:#eff6ff!important;
color:#334155!important;
font-size:10px!important;
}
.bays-order-page .woocommerce-error{
border-color:#fecaca!important;
background:#fef2f2!important;
}
/* ORDER RECEIVED */
.bays-order-success{
display:grid;
justify-items:center;
padding:32px;
border:1px solid #e2e8f0;
border-radius:20px;
background:#fff;
box-shadow:0 12px 34px rgba(15,23,42,.05);
text-align:center;
}
.bays-success-icon{
display:grid;
place-items:center;
width:70px;
height:70px;
margin-bottom:15px;
border-radius:50%;
background:#ecfdf3;
color:#16a34a;
font-size:30px;
font-weight:900;
}
.bays-order-success h1{
max-width:700px;
margin:8px 0;
color:#0f172a;
font-size:28px;
letter-spacing:-.03em;
}
.bays-order-success>p{
max-width:680px;
margin:0 0 22px;
color:#64748b;
font-size:11px;
line-height:1.7;
}
.bays-order-summary-cards{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
width:100%;
margin-bottom:22px;
}
.bays-order-summary-cards>div{
padding:14px;
border:1px solid #e2e8f0;
border-radius:12px;
background:#f8fafc;
}
.bays-order-summary-cards small,
.bays-order-summary-cards strong{
display:block;
}
.bays-order-summary-cards small{
color:#64748b;
font-size:8px;
text-transform:uppercase;
}
.bays-order-summary-cards strong{
margin-top:5px;
color:#0f172a;
font-size:12px;
}
.bays-order-timeline{
display:grid;
grid-template-columns:minmax(140px,1fr) 40px minmax(140px,1fr) 40px minmax(140px,1fr) 40px minmax(140px,1fr);
align-items:center;
gap:6px;
width:100%;
margin-bottom:22px;
padding:16px;
border:1px solid #dbeafe;
border-radius:14px;
background:#f8fbff;
text-align:left;
}
.bays-order-timeline>div{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.bays-order-timeline>div>b{
display:grid;
place-items:center;
flex:0 0 auto;
width:32px;
height:32px;
border-radius:9px;
background:#e2e8f0;
color:#64748b;
font-size:10px;
}
.bays-order-timeline>div.active>b{
background:#2563eb;
color:#fff;
}
.bays-order-timeline>div.done>b{
background:#ecfdf3;
color:#16a34a;
}
.bays-order-timeline strong,
.bays-order-timeline small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.bays-order-timeline strong{
color:#334155;
font-size:9px;
}
.bays-order-timeline small{
margin-top:3px;
color:#94a3b8;
font-size:7px;
}
.bays-order-timeline>i{
height:2px;
background:#e2e8f0;
}
.bays-order-timeline>i.done{
background:#22c55e;
}
.bays-order-detail-card{
width:100%;
padding:18px;
border:1px solid #e2e8f0;
border-radius:15px;
text-align:left;
}
.bays-order-detail-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
margin-bottom:12px;
}
.bays-order-detail-head h2{
margin:5px 0 0;
font-size:17px;
}
.bays-order-detail-head>span{
padding:6px 9px;
border-radius:999px;
background:#eff6ff;
color:#2563eb;
font-size:9px;
font-weight:900;
}
.bays-order-items>div{
display:grid;
grid-template-columns:54px minmax(0,1fr) auto;
align-items:center;
gap:10px;
padding:10px 0;
border-bottom:1px solid #eef2f6;
}
.bays-order-items .image img{
width:54px;
height:54px;
padding:3px;
border:1px solid #eef2f6;
border-radius:8px;
object-fit:contain;
}
.bays-order-items strong,
.bays-order-items small{
display:block;
}
.bays-order-items strong{
font-size:10px;
}
.bays-order-items small{
margin-top:3px;
color:#64748b;
font-size:8px;
}
.bays-order-items em{
color:#0f172a;
font-size:10px;
font-style:normal;
font-weight:900;
}
.bays-order-totals{
width:min(420px,100%);
margin:12px 0 0 auto;
}
.bays-order-totals>div{
display:flex;
justify-content:space-between;
gap:15px;
padding:8px 0;
border-bottom:1px solid #eef2f6;
font-size:10px;
}
.bays-order-totals>div:last-child{
color:#0f172a;
font-size:13px;
}
.bays-order-success-actions{
display:flex;
justify-content:center;
gap:9px;
margin-top:20px;
}
.bays-order-success-actions a,
.bays-order-error a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 16px;
border:1px solid #dbe3ee;
border-radius:9px;
background:#fff;
color:#334155;
font-size:10px;
font-weight:900;
text-decoration:none;
}
.bays-order-success-actions a.primary{
border-color:#2563eb;
background:#2563eb;
color:#fff;
}
.bays-order-error{
padding:40px;
border:1px solid #fecaca;
border-radius:16px;
background:#fff;
text-align:center;
}
/* RESPONSIVE */
@media(max-width:1100px){
.bays-cart-page .woocommerce{
grid-template-columns:1fr;
}
.bays-cart-page .cart-collaterals,
.bays-checkout-page #order_review{
position:relative!important;
top:auto!important;
}
.bays-checkout-page form.checkout{
grid-template-columns:1fr!important;
}
.bays-order-summary-cards{
grid-template-columns:repeat(2,1fr);
}
.bays-order-timeline{
grid-template-columns:1fr;
}
.bays-order-timeline>i{
width:2px;
height:20px;
margin-left:15px;
}
}
@media(max-width:720px){
.bays-order-progress{
grid-template-columns:1fr;
}
.bays-order-progress>i{
width:2px;
height:15px;
margin-left:15px;
}
.bays-cart-page .woocommerce-cart-form,
.bays-cart-page .cart-collaterals,
.bays-checkout-page .col-1,
.bays-checkout-page .col-2,
.bays-checkout-page #order_review{
padding:13px!important;
}
.bays-cart-page .shop_table thead{
display:none!important;
}
.bays-cart-page .shop_table tbody tr{
display:grid!important;
grid-template-columns:28px 64px 1fr!important;
gap:8px!important;
padding:11px 0!important;
border-bottom:1px solid #eef2f6!important;
}
.bays-cart-page .shop_table tbody td{
padding:0!important;
border:0!important;
}
.bays-cart-page td.product-remove{grid-column:1}
.bays-cart-page td.product-thumbnail{grid-column:2}
.bays-cart-page td.product-name{grid-column:3}
.bays-cart-page td.product-price,
.bays-cart-page td.product-quantity,
.bays-cart-page td.product-subtotal{
grid-column:3;
}
.bays-order-success{
padding:20px 14px;
}
.bays-order-summary-cards{
grid-template-columns:1fr 1fr;
}
.bays-order-success-actions{
width:100%;
flex-direction:column;
}
.bays-order-success-actions a{
width:100%;
}
}
/* =========================================================
v1.15.1 — Order Experience Readability Polish
Scoped only to /bayi cart and checkout pages.
========================================================= */
/* Main headings and descriptions */
.bays-order-page .bays-section-head h1{
font-size:26px!important;
line-height:1.15!important;
letter-spacing:-.025em!important;
}
.bays-order-page .bays-section-head small{
font-size:10px!important;
font-weight:900!important;
}
.bays-order-page .bays-section-head p{
margin-top:7px!important;
font-size:13px!important;
line-height:1.55!important;
}
/* Progress steps */
.bays-order-progress{
padding:17px 19px!important;
border-radius:17px!important;
}
.bays-order-progress>div>b{
width:38px!important;
height:38px!important;
border-radius:11px!important;
font-size:13px!important;
}
.bays-order-progress strong{
font-size:12px!important;
}
.bays-order-progress small{
margin-top:4px!important;
font-size:9px!important;
}
/* Cart card and rows */
.bays-cart-page .woocommerce-cart-form,
.bays-cart-page .cart-collaterals{
padding:22px!important;
border-radius:18px!important;
}
.bays-cart-page .shop_table thead th{
padding:0 12px 15px!important;
font-size:10px!important;
}
.bays-cart-page .shop_table tbody td{
padding:18px 12px!important;
}
.bays-cart-page td.product-thumbnail img{
width:76px!important;
height:76px!important;
border-radius:11px!important;
}
.bays-cart-page td.product-name a{
font-size:14px!important;
line-height:1.4!important;
}
.bays-cart-page td.product-price,
.bays-cart-page td.product-subtotal{
font-size:13px!important;
}
.bays-cart-page .quantity input.qty{
width:82px!important;
height:46px!important;
font-size:14px!important;
border-radius:10px!important;
}
.bays-cart-page a.remove{
width:32px!important;
height:32px!important;
font-size:18px!important;
}
.bays-cart-page .coupon input{
width:210px!important;
height:46px!important;
font-size:12px!important;
}
.bays-cart-page .button{
min-height:46px!important;
padding:0 18px!important;
font-size:11px!important;
}
/* Cart totals */
.bays-cart-page .cart_totals h2{
margin-bottom:18px!important;
font-size:21px!important;
}
.bays-cart-page .cart_totals th,
.bays-cart-page .cart_totals td{
padding:14px 0!important;
font-size:12px!important;
}
.bays-cart-page .order-total th,
.bays-cart-page .order-total td{
font-size:18px!important;
}
.bays-cart-page .checkout-button{
min-height:56px!important;
border-radius:11px!important;
font-size:13px!important;
}
/* Checkout layout */
.bays-checkout-page .col-1,
.bays-checkout-page .col-2,
.bays-checkout-page #order_review{
padding:22px!important;
border-radius:18px!important;
}
.bays-checkout-page h3{
margin-bottom:18px!important;
font-size:21px!important;
}
.bays-checkout-page .form-row{
margin-bottom:15px!important;
}
.bays-checkout-page label{
margin-bottom:7px!important;
font-size:11px!important;
}
.bays-checkout-page input.input-text,
.bays-checkout-page textarea,
.bays-checkout-page select,
.bays-checkout-page .select2-selection{
min-height:50px!important;
padding:0 14px!important;
border-radius:10px!important;
font-size:14px!important;
}
.bays-checkout-page textarea{
min-height:120px!important;
padding:13px 14px!important;
}
.bays-checkout-page .woocommerce-checkout-review-order-table th,
.bays-checkout-page .woocommerce-checkout-review-order-table td{
padding:13px 0!important;
font-size:12px!important;
line-height:1.45!important;
}
.bays-checkout-page #payment ul.payment_methods{
padding:17px!important;
}
.bays-checkout-page #payment .place-order{
padding:17px!important;
}
.bays-checkout-page #place_order{
min-height:56px!important;
border-radius:11px!important;
font-size:13px!important;
}
/* Notice readability */
.bays-order-page .woocommerce-error,
.bays-order-page .woocommerce-message,
.bays-order-page .woocommerce-info{
padding:15px 17px 15px 45px!important;
border-radius:12px!important;
font-size:12px!important;
line-height:1.5!important;
}
/* Order summary hierarchy */
.bays-checkout-page #order_review_heading{
font-size:22px!important;
}
.bays-checkout-page #order_review .product-name{
font-size:13px!important;
font-weight:700!important;
}
.bays-checkout-page #order_review .product-total{
font-size:13px!important;
font-weight:900!important;
}
.bays-checkout-page #order_review .order-total th,
.bays-checkout-page #order_review .order-total td{
font-size:17px!important;
}
/* Slightly more breathing room without changing structure */
.bays-order-page{
gap:20px!important;
}
.bays-checkout-page form.checkout,
.bays-cart-page .woocommerce{
gap:20px!important;
}
/* Mobile adjustments */
@media(max-width:720px){
.bays-order-page .bays-section-head h1{
font-size:23px!important;
}
.bays-order-page .bays-section-head p{
font-size:12px!important;
}
.bays-order-progress{
padding:14px!important;
}
.bays-cart-page .woocommerce-cart-form,
.bays-cart-page .cart-collaterals,
.bays-checkout-page .col-1,
.bays-checkout-page .col-2,
.bays-checkout-page #order_review{
padding:15px!important;
}
.bays-cart-page td.product-thumbnail img{
width:68px!important;
height:68px!important;
}
.bays-cart-page td.product-name a{
font-size:13px!important;
}
.bays-checkout-page input.input-text,
.bays-checkout-page textarea,
.bays-checkout-page select,
.bays-checkout-page .select2-selection{
font-size:13px!important;
}
}
/* =========================================================
v1.15.2 — Cart Initial Layout Fix
Products left, totals right from the first page load.
========================================================= */
/* Stable named grid from initial render through AJAX updates */
.bays-cart-page > .woocommerce{
display:grid!important;
grid-template-areas:
"notices notices"
"progress progress"
"products totals"!important;
grid-template-columns:minmax(0,1fr) 370px!important;
grid-template-rows:auto auto auto!important;
align-items:start!important;
gap:18px!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
}
/* WooCommerce children can vary slightly before/after AJAX;
explicitly lock every relevant block to its correct area. */
.bays-cart-page > .woocommerce > .woocommerce-notices-wrapper{
grid-area:notices!important;
grid-column:1 / -1!important;
width:100%!important;
min-width:0!important;
margin:0!important;
}
.bays-cart-page > .woocommerce > .bays-order-progress{
grid-area:progress!important;
grid-column:1 / -1!important;
width:100%!important;
max-width:none!important;
margin:0!important;
box-sizing:border-box!important;
}
.bays-cart-page > .woocommerce > .woocommerce-cart-form{
grid-area:products!important;
grid-column:1!important;
grid-row:3!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
box-sizing:border-box!important;
}
.bays-cart-page > .woocommerce > .cart-collaterals{
grid-area:totals!important;
grid-column:2!important;
grid-row:3!important;
width:370px!important;
min-width:370px!important;
max-width:370px!important;
margin:0!important;
box-sizing:border-box!important;
align-self:start!important;
}
/* Prevent WooCommerce float rules from changing the initial layout */
.bays-cart-page .woocommerce-cart-form,
.bays-cart-page .cart-collaterals,
.bays-cart-page .cart_totals{
float:none!important;
clear:none!important;
}
.bays-cart-page .cart-collaterals .cart_totals{
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
}
/* Full-width three-step path like checkout */
.bays-cart-page .bays-order-progress{
grid-template-columns:
minmax(210px,1fr)
minmax(80px,.55fr)
minmax(240px,1fr)
minmax(80px,.55fr)
minmax(220px,1fr)!important;
min-height:72px!important;
padding:16px 20px!important;
}
.bays-cart-page .bays-order-progress>i{
width:100%!important;
min-width:50px!important;
}
/* Keep totals visually fixed beside products */
.bays-cart-page .cart-collaterals{
position:sticky!important;
top:84px!important;
}
/* AJAX refresh can inject notices before the progress bar */
.bays-cart-page > .woocommerce > .woocommerce-message,
.bays-cart-page > .woocommerce > .woocommerce-error,
.bays-cart-page > .woocommerce > .woocommerce-info{
grid-column:1 / -1!important;
width:100%!important;
box-sizing:border-box!important;
}
/* Tablet/mobile safely stacks totals below products */
@media(max-width:1100px){
.bays-cart-page > .woocommerce{
grid-template-areas:
"notices"
"progress"
"products"
"totals"!important;
grid-template-columns:1fr!important;
}
.bays-cart-page > .woocommerce > .woocommerce-cart-form{
grid-column:1!important;
grid-row:3!important;
}
.bays-cart-page > .woocommerce > .cart-collaterals{
grid-column:1!important;
grid-row:4!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
position:relative!important;
top:auto!important;
}
.bays-cart-page .bays-order-progress{
grid-template-columns:1fr!important;
}
.bays-cart-page .bays-order-progress>i{
width:2px!important;
min-width:2px!important;
height:16px!important;
margin-left:18px!important;
}
}
/* =========================================================
v1.15.3 — Stable Cart DOM Layout
JS groups products and totals before layout is applied.
========================================================= */
.bays-cart-page .bays-cart-layout{
display:grid!important;
grid-template-columns:minmax(0,1fr) 380px!important;
gap:20px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout>.woocommerce-cart-form{
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout>.cart-collaterals{
grid-column:2!important;
width:380px!important;
min-width:380px!important;
max-width:380px!important;
margin:0!important;
float:none!important;
clear:none!important;
position:sticky!important;
top:84px!important;
align-self:start!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout>.cart-collaterals .cart_totals{
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
}
/* Full-width path exactly like checkout */
.bays-cart-page .bays-cart-progress-wide{
display:grid!important;
grid-template-columns:
minmax(220px,1fr)
minmax(100px,.65fr)
minmax(250px,1fr)
minmax(100px,.65fr)
minmax(230px,1fr)!important;
width:100%!important;
max-width:100%!important;
min-height:76px!important;
margin:0 0 18px!important;
padding:17px 21px!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-progress-wide>i{
width:100%!important;
min-width:70px!important;
}
/* Do not let older direct-child grid rules interfere */
.bays-cart-page>.woocommerce{
display:block!important;
}
.bays-cart-page>.woocommerce>.woocommerce-cart-form,
.bays-cart-page>.woocommerce>.cart-collaterals{
grid-column:auto!important;
grid-row:auto!important;
}
/* Responsive */
@media(max-width:1100px){
.bays-cart-page .bays-cart-layout{
grid-template-columns:1fr!important;
}
.bays-cart-page .bays-cart-layout>.woocommerce-cart-form{
grid-column:1!important;
}
.bays-cart-page .bays-cart-layout>.cart-collaterals{
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
position:relative!important;
top:auto!important;
}
.bays-cart-page .bays-cart-progress-wide{
grid-template-columns:1fr!important;
}
.bays-cart-page .bays-cart-progress-wide>i{
width:2px!important;
min-width:2px!important;
height:16px!important;
margin-left:18px!important;
}
}
/* =========================================================
v1.15.4 — Cart Stability & Quantity Controls
========================================================= */
/* Stable initial two-column cart layout */
.bays-cart-page .woocommerce{
display:block!important;
width:100%!important;
}
.bays-cart-page .bays-cart-layout{
display:grid!important;
grid-template-columns:minmax(0,1fr) 370px!important;
gap:20px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout>.woocommerce-cart-form{
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
}
.bays-cart-page .bays-cart-layout>.cart-collaterals{
grid-column:2!important;
width:370px!important;
min-width:370px!important;
max-width:370px!important;
margin:0!important;
float:none!important;
clear:none!important;
position:sticky!important;
top:84px!important;
align-self:start!important;
}
.bays-cart-page .bays-cart-layout>.cart-collaterals .cart_totals{
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
}
/* Full-width progress path */
.bays-cart-page .bays-order-progress{
width:100%!important;
max-width:100%!important;
grid-template-columns:
minmax(220px,1fr)
minmax(90px,.55fr)
minmax(250px,1fr)
minmax(90px,.55fr)
minmax(230px,1fr)!important;
padding:17px 21px!important;
box-sizing:border-box!important;
}
/* Stable remove button, unaffected by cart AJAX */
.bays-cart-page td.product-remove{
width:38px!important;
min-width:38px!important;
}
.bays-cart-page td.product-remove a.remove{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
margin:0 auto!important;
padding:0!important;
border:0!important;
border-radius:9px!important;
background:#fef2f2!important;
color:#ef4444!important;
-webkit-text-fill-color:#ef4444!important;
font-family:Arial,sans-serif!important;
font-size:20px!important;
font-weight:400!important;
line-height:1!important;
text-decoration:none!important;
box-shadow:none!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-cart-page td.product-remove a.remove:hover{
background:#fee2e2!important;
color:#dc2626!important;
}
/* Isolated professional cart quantity */
.bays-cart-page .bays-cart-qty{
display:grid!important;
grid-template-columns:36px 50px 36px!important;
width:122px!important;
min-width:122px!important;
max-width:122px!important;
height:44px!important;
margin:0 auto!important;
padding:0!important;
border:1px solid #d4deeb!important;
border-radius:10px!important;
background:#fff!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-minus,
.bays-cart-page .bays-cart-plus,
.bays-cart-page .bays-cart-qty-input{
position:static!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
float:none!important;
width:100%!important;
min-width:0!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
outline:0!important;
box-shadow:none!important;
box-sizing:border-box!important;
opacity:1!important;
visibility:visible!important;
}
.bays-cart-page .bays-cart-minus,
.bays-cart-page .bays-cart-plus{
background:#f8fafc!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-family:Arial,sans-serif!important;
font-size:17px!important;
font-weight:900!important;
line-height:1!important;
cursor:pointer!important;
}
.bays-cart-page .bays-cart-minus{
border-right:1px solid #d4deeb!important;
}
.bays-cart-page .bays-cart-plus{
border-left:1px solid #d4deeb!important;
}
.bays-cart-page .bays-cart-qty-input{
background:#fff!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-family:Arial,sans-serif!important;
font-size:14px!important;
font-weight:900!important;
line-height:42px!important;
text-align:center!important;
appearance:none!important;
-webkit-appearance:none!important;
-moz-appearance:none!important;
}
.bays-cart-page .bays-cart-qty-input::-webkit-outer-spin-button,
.bays-cart-page .bays-cart-qty-input::-webkit-inner-spin-button{
display:none!important;
margin:0!important;
-webkit-appearance:none!important;
}
/* Hide any native quantity left behind during AJAX transition */
.bays-cart-page .woocommerce-cart-form .quantity:not(.bays-cart-qty){
visibility:hidden!important;
}
/* Responsive */
@media(max-width:1100px){
.bays-cart-page .bays-cart-layout{
grid-template-columns:1fr!important;
}
.bays-cart-page .bays-cart-layout>.woocommerce-cart-form,
.bays-cart-page .bays-cart-layout>.cart-collaterals{
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
.bays-cart-page .bays-cart-layout>.cart-collaterals{
position:relative!important;
top:auto!important;
}
.bays-cart-page .bays-order-progress{
grid-template-columns:1fr!important;
}
}
/* =========================================================
v1.15.5 — First Load Cart Observer & Remove Icon Lock
========================================================= */
.bays-cart-page .bays-cart-layout.bays-cart-layout-ready{
display:grid!important;
grid-template-columns:minmax(0,1fr) 370px!important;
grid-template-areas:"products totals"!important;
gap:20px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout.bays-cart-layout-ready>.woocommerce-cart-form{
grid-area:products!important;
grid-column:1!important;
grid-row:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout.bays-cart-layout-ready>.cart-collaterals{
grid-area:totals!important;
grid-column:2!important;
grid-row:1!important;
display:block!important;
width:370px!important;
min-width:370px!important;
max-width:370px!important;
margin:0!important;
float:none!important;
clear:none!important;
position:sticky!important;
top:84px!important;
align-self:start!important;
box-sizing:border-box!important;
}
/* Remove link is normalized after every AJAX refresh */
.bays-cart-page td.product-remove a.remove{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
margin:0 auto!important;
padding:0!important;
border:0!important;
border-radius:9px!important;
background:#fef2f2!important;
color:#ef4444!important;
-webkit-text-fill-color:#ef4444!important;
font-family:Arial,sans-serif!important;
font-size:0!important;
line-height:1!important;
text-decoration:none!important;
box-shadow:none!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-cart-page td.product-remove a.remove>span{
display:block!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
color:#ef4444!important;
-webkit-text-fill-color:#ef4444!important;
font-family:Arial,sans-serif!important;
font-size:22px!important;
font-weight:400!important;
line-height:1!important;
transform:translateY(-1px)!important;
}
.bays-cart-page td.product-remove a.remove:before,
.bays-cart-page td.product-remove a.remove:after{
content:none!important;
display:none!important;
}
@media(max-width:1100px){
.bays-cart-page .bays-cart-layout.bays-cart-layout-ready{
grid-template-columns:1fr!important;
grid-template-areas:
"products"
"totals"!important;
}
.bays-cart-page .bays-cart-layout.bays-cart-layout-ready>.woocommerce-cart-form,
.bays-cart-page .bays-cart-layout.bays-cart-layout-ready>.cart-collaterals{
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
.bays-cart-page .bays-cart-layout.bays-cart-layout-ready>.cart-collaterals{
grid-row:2!important;
position:relative!important;
top:auto!important;
}
}
/* =========================================================
v1.15.6 — Server Rendered Cart Columns
Initial layout no longer depends on JavaScript.
========================================================= */
.bays-cart-page .bays-cart-layout-server{
display:grid!important;
grid-template-columns:minmax(0,1fr) 370px!important;
grid-template-areas:"products totals"!important;
gap:20px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout-server>.woocommerce-cart-form{
grid-area:products!important;
grid-column:1!important;
grid-row:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout-server>.cart-collaterals{
grid-area:totals!important;
grid-column:2!important;
grid-row:1!important;
display:block!important;
width:370px!important;
min-width:370px!important;
max-width:370px!important;
margin:0!important;
float:none!important;
clear:none!important;
position:sticky!important;
top:84px!important;
align-self:start!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout-server>.cart-collaterals .cart_totals{
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
}
/* The remove icon is drawn by CSS, so AJAX cannot erase it. */
.bays-cart-page td.product-remove a.remove{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
margin:0 auto!important;
padding:0!important;
border:0!important;
border-radius:9px!important;
background:#fef2f2!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
font-size:0!important;
line-height:1!important;
text-decoration:none!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.bays-cart-page td.product-remove a.remove *{
display:none!important;
}
.bays-cart-page td.product-remove a.remove::before{
content:"×"!important;
position:absolute!important;
inset:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#ef4444!important;
-webkit-text-fill-color:#ef4444!important;
font-family:Arial,sans-serif!important;
font-size:22px!important;
font-weight:400!important;
line-height:1!important;
}
.bays-cart-page td.product-remove a.remove::after{
content:none!important;
display:none!important;
}
.bays-cart-page td.product-remove a.remove:hover{
background:#fee2e2!important;
}
/* Preserve the professional quantity selector exactly as-is. */
.bays-cart-page .bays-cart-qty{
visibility:visible!important;
}
@media(max-width:1100px){
.bays-cart-page .bays-cart-layout-server{
grid-template-columns:1fr!important;
grid-template-areas:
"products"
"totals"!important;
}
.bays-cart-page .bays-cart-layout-server>.woocommerce-cart-form,
.bays-cart-page .bays-cart-layout-server>.cart-collaterals{
grid-column:1!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
.bays-cart-page .bays-cart-layout-server>.cart-collaterals{
grid-row:2!important;
position:relative!important;
top:auto!important;
}
}
/* =========================================================
v1.15.8 — Cart First Render Side-by-Side Lock
========================================================= */
.bays-cart-page .bays-cart-layout-server{
display:grid!important;
grid-template-columns:minmax(0,1fr) 370px!important;
grid-template-areas:"products totals"!important;
gap:20px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout-server>.woocommerce-cart-form{
grid-area:products!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout-server>.cart-collaterals{
grid-area:totals!important;
display:block!important;
width:370px!important;
min-width:370px!important;
max-width:370px!important;
margin:0!important;
float:none!important;
clear:none!important;
position:sticky!important;
top:84px!important;
align-self:start!important;
box-sizing:border-box!important;
}
.bays-cart-page .bays-cart-layout-server>.cart-collaterals .cart_totals{
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
float:none!important;
clear:none!important;
}
@media(max-width:1100px){
.bays-cart-page .bays-cart-layout-server{
grid-template-columns:1fr!important;
grid-template-areas:
"products"
"totals"!important;
}
.bays-cart-page .bays-cart-layout-server>.cart-collaterals{
width:100%!important;
min-width:0!important;
max-width:100%!important;
position:relative!important;
top:auto!important;
}
}
/* =========================================================
v1.16.0 — Orders Portal Pro
Scoped only to Siparişlerim and order detail screens.
========================================================= */
.bays-orders-pro,
.bays-order-view{
display:grid;
gap:18px;
}
.bays-orders-head{
align-items:flex-end!important;
}
.bays-orders-head p,
.bays-order-view-head p{
margin:6px 0 0;
color:#64748b;
font-size:12px;
}
.bays-orders-new,
.bays-reorder-primary{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 16px;
border-radius:10px;
background:linear-gradient(90deg,#2563eb,#4f46e5);
color:#fff;
font-size:10px;
font-weight:900;
text-decoration:none;
}
.bays-orders-stats,
.bays-order-view-summary{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}
.bays-orders-stats article,
.bays-order-view-summary article{
padding:17px;
border:1px solid #e2e8f0;
border-radius:14px;
background:#fff;
box-shadow:0 7px 22px rgba(15,23,42,.035);
}
.bays-orders-stats small,
.bays-orders-stats strong,
.bays-orders-stats span,
.bays-order-view-summary small,
.bays-order-view-summary strong{
display:block;
}
.bays-orders-stats small,
.bays-order-view-summary small{
color:#64748b;
font-size:9px;
font-weight:800;
text-transform:uppercase;
}
.bays-orders-stats strong,
.bays-order-view-summary strong{
margin-top:8px;
color:#0f172a;
font-size:20px;
line-height:1.1;
}
.bays-orders-stats span{
margin-top:7px;
color:#94a3b8;
font-size:8px;
}
.bays-orders-list{
display:grid;
gap:11px;
}
.bays-order-card{
padding:17px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
box-shadow:0 8px 25px rgba(15,23,42,.04);
}
.bays-order-card-top,
.bays-order-card-main,
.bays-order-card-actions,
.bays-order-view-head,
.bays-order-view-title{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.bays-order-number small,
.bays-order-number strong{
display:block;
}
.bays-order-number small{
color:#64748b;
font-size:8px;
text-transform:uppercase;
}
.bays-order-number strong{
margin-top:3px;
color:#0f172a;
font-size:17px;
}
.bays-order-status-pro{
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border-radius:999px;
background:#f1f5f9;
color:#475569;
font-size:9px;
font-weight:900;
}
.bays-order-status-pro.status-processing{background:#eff6ff;color:#2563eb}
.bays-order-status-pro.status-completed{background:#ecfdf3;color:#16a34a}
.bays-order-status-pro.status-on-hold,
.bays-order-status-pro.status-pending{background:#fff7ed;color:#c2410c}
.bays-order-status-pro.status-cancelled,
.bays-order-status-pro.status-failed,
.bays-order-status-pro.status-refunded{background:#fef2f2;color:#dc2626}
.bays-order-card-main{
margin:14px 0;
padding:14px 0;
border-top:1px solid #eef2f6;
border-bottom:1px solid #eef2f6;
}
.bays-order-products-preview{
display:flex;
align-items:center;
min-width:155px;
}
.bays-order-products-preview span,
.bays-order-products-preview em{
display:grid;
place-items:center;
width:48px;
height:48px;
margin-right:-8px;
border:3px solid #fff;
border-radius:11px;
background:#f8fafc;
overflow:hidden;
font-style:normal;
}
.bays-order-products-preview img{
width:100%;
height:100%;
object-fit:contain;
}
.bays-order-products-preview em{
margin-left:8px;
border:0;
background:#eff6ff;
color:#2563eb;
font-size:9px;
font-weight:900;
}
.bays-order-card-meta{
display:grid;
grid-template-columns:repeat(4,minmax(110px,1fr));
gap:12px;
flex:1;
}
.bays-order-card-meta small,
.bays-order-card-meta strong{
display:block;
}
.bays-order-card-meta small{
color:#94a3b8;
font-size:8px;
text-transform:uppercase;
}
.bays-order-card-meta strong{
margin-top:5px;
color:#334155;
font-size:10px;
line-height:1.35;
}
.bays-order-card-actions{
justify-content:flex-end;
}
.bays-order-card-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 13px;
border-radius:9px;
background:#2563eb;
color:#fff;
font-size:9px;
font-weight:900;
text-decoration:none;
}
.bays-order-card-actions a.secondary{
border:1px solid #dbe3ee;
background:#fff;
color:#334155;
}
.bays-orders-empty{
display:grid;
justify-items:center;
padding:50px 20px;
border:1px solid #e2e8f0;
border-radius:17px;
background:#fff;
text-align:center;
}
.bays-orders-empty>b{
display:grid;
place-items:center;
width:66px;
height:66px;
border-radius:18px;
background:#eff6ff;
color:#2563eb;
font-size:28px;
}
.bays-orders-empty h2{margin:15px 0 7px;font-size:20px}
.bays-orders-empty p{margin:0 0 16px;color:#64748b;font-size:11px}
.bays-orders-empty a{padding:11px 15px;border-radius:9px;background:#2563eb;color:#fff;font-size:10px;font-weight:900;text-decoration:none}
.bays-orders-pagination{
display:flex;
justify-content:center;
gap:6px;
}
.bays-orders-pagination a{
display:grid;
place-items:center;
width:34px;
height:34px;
border:1px solid #dbe3ee;
border-radius:8px;
background:#fff;
color:#475569;
font-size:10px;
font-weight:900;
text-decoration:none;
}
.bays-orders-pagination a.active{
border-color:#2563eb;
background:#2563eb;
color:#fff;
}
/* Detail */
.bays-order-view-head{
padding:18px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
}
.bays-order-view-head>div:first-child>a{
display:block;
margin-bottom:13px;
color:#2563eb;
font-size:9px;
font-weight:900;
text-decoration:none;
}
.bays-order-view-head small{
color:#2563eb;
font-size:9px;
font-weight:900;
text-transform:uppercase;
}
.bays-order-view-head h1{
margin:5px 0 0;
font-size:27px;
}
.bays-order-view-head>div:last-child{
display:flex;
align-items:center;
gap:9px;
}
.bays-order-view-timeline{
display:grid;
grid-template-columns:minmax(150px,1fr) 50px minmax(150px,1fr) 50px minmax(150px,1fr) 50px minmax(150px,1fr);
align-items:center;
gap:7px;
padding:17px;
border:1px solid #dbeafe;
border-radius:14px;
background:#f8fbff;
}
.bays-order-view-timeline>div{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.bays-order-view-timeline>div>b{
display:grid;
place-items:center;
flex:0 0 auto;
width:34px;
height:34px;
border-radius:10px;
background:#e2e8f0;
color:#64748b;
font-size:10px;
}
.bays-order-view-timeline>div.active>b{background:#2563eb;color:#fff}
.bays-order-view-timeline>div.done>b{background:#ecfdf3;color:#16a34a}
.bays-order-view-timeline strong,
.bays-order-view-timeline small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.bays-order-view-timeline strong{font-size:9px;color:#334155}
.bays-order-view-timeline small{margin-top:3px;font-size:7px;color:#94a3b8}
.bays-order-view-timeline>i{height:2px;background:#e2e8f0}
.bays-order-view-timeline>i.done{background:#22c55e}
.bays-order-view-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:16px;
align-items:start;
}
.bays-order-view-products,
.bays-order-view-side article{
padding:18px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
}
.bays-order-view-title{
margin-bottom:10px;
}
.bays-order-view-title small{color:#2563eb;font-size:8px;font-weight:900;text-transform:uppercase}
.bays-order-view-title h2{margin:4px 0 0;font-size:18px}
.bays-order-view-title>span{padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:900}
.bays-order-view-item{
display:grid;
grid-template-columns:58px minmax(0,1fr) auto;
align-items:center;
gap:11px;
padding:12px 0;
border-bottom:1px solid #eef2f6;
}
.bays-order-view-item .image img{
width:58px;
height:58px;
padding:4px;
border:1px solid #eef2f6;
border-radius:9px;
object-fit:contain;
}
.bays-order-view-item a,
.bays-order-view-item strong{
display:block;
color:#0f172a;
font-size:10px;
font-weight:800;
text-decoration:none;
}
.bays-order-view-item small{
display:block;
margin-top:4px;
color:#64748b;
font-size:8px;
}
.bays-order-view-item em{
color:#0f172a;
font-size:10px;
font-style:normal;
font-weight:900;
}
.bays-order-view-totals{
width:min(420px,100%);
margin:12px 0 0 auto;
}
.bays-order-view-totals>div{
display:flex;
justify-content:space-between;
gap:15px;
padding:9px 0;
border-bottom:1px solid #eef2f6;
font-size:10px;
}
.bays-order-view-totals>div:last-child{
color:#0f172a;
font-size:14px;
}
.bays-order-view-side{
display:grid;
gap:10px;
position:sticky;
top:84px;
}
.bays-order-view-side small{
color:#2563eb;
font-size:8px;
font-weight:900;
text-transform:uppercase;
}
.bays-order-view-side h3{
margin:8px 0 5px;
color:#0f172a;
font-size:12px;
}
.bays-order-view-side p{
margin:0;
color:#64748b;
font-size:10px;
line-height:1.65;
}
@media(max-width:1100px){
.bays-orders-stats,
.bays-order-view-summary{
grid-template-columns:repeat(2,1fr);
}
.bays-order-card-main{
align-items:flex-start;
flex-direction:column;
}
.bays-order-card-meta{
width:100%;
}
.bays-order-view-grid{
grid-template-columns:1fr;
}
.bays-order-view-side{
position:relative;
top:auto;
grid-template-columns:repeat(2,1fr);
}
.bays-order-view-timeline{
grid-template-columns:1fr;
}
.bays-order-view-timeline>i{
width:2px;
height:18px;
margin-left:16px;
}
}
@media(max-width:720px){
.bays-orders-head,
.bays-order-view-head{
align-items:flex-start!important;
flex-direction:column;
}
.bays-orders-new{
width:100%;
}
.bays-orders-stats,
.bays-order-view-summary{
grid-template-columns:1fr 1fr;
}
.bays-order-card-meta{
grid-template-columns:1fr 1fr;
}
.bays-order-card-actions{
align-items:stretch;
flex-direction:column;
}
.bays-order-card-actions a{
width:100%;
}
.bays-order-view-head>div:last-child{
width:100%;
align-items:stretch;
flex-direction:column;
}
.bays-reorder-primary{
width:100%;
}
.bays-order-view-side{
grid-template-columns:1fr;
}
}
/* =========================================================
v1.17.0 — Company Profile Pro
Scoped only to the B2B account screen.
========================================================= */
.bays-company-profile{
display:grid;
gap:18px;
}
.bays-company-head{
align-items:flex-end!important;
}
.bays-company-head p{
margin:6px 0 0;
color:#64748b;
font-size:12px;
}
.bays-profile-completion{
width:260px;
padding:12px 14px;
border:1px solid #dbeafe;
border-radius:12px;
background:#fff;
}
.bays-profile-completion>span{
display:flex;
justify-content:space-between;
gap:10px;
color:#334155;
font-size:9px;
}
.bays-profile-completion>span b{
color:#2563eb;
}
.bays-profile-completion>i{
display:block;
height:7px;
margin-top:9px;
border-radius:999px;
background:#e2e8f0;
overflow:hidden;
}
.bays-profile-completion>i>em{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#2563eb,#22c55e);
}
.bays-company-overview{
display:grid;
grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);
gap:12px;
}
.bays-company-identity,
.bays-company-stats{
padding:17px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
box-shadow:0 7px 22px rgba(15,23,42,.035);
}
.bays-company-identity{
display:flex;
align-items:center;
gap:14px;
}
.bays-company-logo{
display:grid;
place-items:center;
flex:0 0 auto;
width:74px;
height:74px;
border:1px solid #dbeafe;
border-radius:18px;
background:#eff6ff;
overflow:hidden;
}
.bays-company-logo img{
width:100%;
height:100%;
object-fit:contain;
}
.bays-company-logo span{
color:#2563eb;
font-size:24px;
font-weight:900;
}
.bays-company-identity small,
.bays-company-identity h2,
.bays-company-identity p{
display:block;
margin:0;
}
.bays-company-identity small{
color:#2563eb;
font-size:8px;
font-weight:900;
text-transform:uppercase;
}
.bays-company-identity h2{
margin-top:5px;
color:#0f172a;
font-size:20px;
}
.bays-company-identity p{
margin-top:5px;
color:#64748b;
font-size:10px;
}
.bays-membership-status{
display:inline-flex;
margin-top:9px;
padding:5px 8px;
border-radius:999px;
background:#ecfdf3;
color:#16a34a;
font-size:8px;
font-weight:900;
}
.bays-company-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:9px;
}
.bays-company-stats article{
display:flex;
min-width:0;
flex-direction:column;
justify-content:center;
padding:12px;
border:1px solid #eef2f6;
border-radius:11px;
background:#f8fafc;
}
.bays-company-stats small,
.bays-company-stats strong{
display:block;
}
.bays-company-stats small{
color:#64748b;
font-size:8px;
text-transform:uppercase;
}
.bays-company-stats strong{
margin-top:7px;
color:#0f172a;
font-size:14px;
line-height:1.2;
}
.bays-company-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 330px;
gap:16px;
align-items:start;
}
.bays-company-main,
.bays-company-side{
display:grid;
gap:14px;
}
.bays-company-side{
position:sticky;
top:84px;
}
.bays-profile-card{
padding:18px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
box-shadow:0 7px 22px rgba(15,23,42,.035);
}
.bays-profile-card-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
margin-bottom:16px;
}
.bays-profile-card-head small{
color:#2563eb;
font-size:8px;
font-weight:900;
text-transform:uppercase;
}
.bays-profile-card-head h2{
margin:4px 0 0;
color:#0f172a;
font-size:18px;
}
.bays-profile-card-head>span{
color:#94a3b8;
font-size:8px;
}
.bays-profile-form{
display:grid;
gap:13px;
}
.bays-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.bays-profile-form label{
display:grid;
gap:6px;
}
.bays-profile-form label.wide{
grid-column:1/-1;
}
.bays-profile-form label>span{
color:#475569;
font-size:9px;
font-weight:800;
}
.bays-profile-form label>small{
color:#94a3b8;
font-size:7px;
line-height:1.4;
}
.bays-profile-form input,
.bays-profile-form select,
.bays-profile-form textarea{
width:100%;
min-height:44px;
padding:0 11px;
border:1px solid #dbe3ee;
border-radius:9px;
background:#f8fafc;
color:#0f172a;
font-size:11px;
box-sizing:border-box;
}
.bays-profile-form textarea{
min-height:90px;
padding:11px;
resize:vertical;
}
.bays-profile-form input[type=file]{
padding:10px;
}
.bays-profile-submit{
justify-self:start;
min-height:42px;
padding:0 15px;
border:0;
border-radius:9px;
background:linear-gradient(90deg,#2563eb,#4f46e5);
color:#fff;
font-size:9px;
font-weight:900;
cursor:pointer;
}
.bays-profile-submit.secondary{
background:#eff6ff;
color:#2563eb;
}
.bays-address-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-bottom:15px;
}
.bays-address-card{
display:flex;
justify-content:space-between;
gap:12px;
padding:14px;
border:1px solid #e2e8f0;
border-radius:12px;
background:#f8fafc;
}
.bays-address-card.default{
border-color:#bfdbfe;
background:#eff6ff;
}
.bays-address-card span{
display:inline-flex;
padding:4px 7px;
border-radius:999px;
background:#fff;
color:#2563eb;
font-size:7px;
font-weight:900;
text-transform:uppercase;
}
.bays-address-card h3{
margin:8px 0 5px;
color:#0f172a;
font-size:12px;
}
.bays-address-card p{
margin:0;
color:#64748b;
font-size:9px;
line-height:1.55;
}
.bays-address-card small{
display:block;
margin-top:5px;
color:#94a3b8;
font-size:8px;
}
.bays-address-actions{
display:flex;
align-items:flex-end;
flex-direction:column;
gap:6px;
}
.bays-address-actions a{
color:#2563eb;
font-size:8px;
font-weight:900;
text-decoration:none;
white-space:nowrap;
}
.bays-address-actions a.delete{
color:#dc2626;
}
.bays-checkbox-label{
display:flex!important;
align-items:center;
grid-template-columns:auto 1fr;
gap:8px!important;
}
.bays-checkbox-label input{
width:16px!important;
min-height:16px!important;
}
.bays-profile-help{
background:linear-gradient(135deg,#eff6ff,#fff);
}
.bays-profile-help>small{
color:#2563eb;
font-size:8px;
font-weight:900;
text-transform:uppercase;
}
.bays-profile-help h3{
margin:7px 0;
color:#0f172a;
font-size:15px;
}
.bays-profile-help p{
margin:0;
color:#64748b;
font-size:10px;
line-height:1.6;
}
.bays-profile-help ul{
display:grid;
gap:7px;
margin:13px 0 0;
padding:0;
list-style:none;
}
.bays-profile-help li{
position:relative;
padding-left:17px;
color:#475569;
font-size:9px;
}
.bays-profile-help li:before{
content:"✓";
position:absolute;
left:0;
color:#16a34a;
font-weight:900;
}
@media(max-width:1100px){
.bays-company-overview,
.bays-company-grid{
grid-template-columns:1fr;
}
.bays-company-side{
position:relative;
top:auto;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:720px){
.bays-company-head{
align-items:flex-start!important;
flex-direction:column;
}
.bays-profile-completion{
width:100%;
box-sizing:border-box;
}
.bays-company-stats,
.bays-form-grid,
.bays-address-list,
.bays-company-side{
grid-template-columns:1fr;
}
.bays-company-identity{
align-items:flex-start;
}
.bays-profile-card-head{
align-items:flex-start;
flex-direction:column;
}
.bays-profile-submit{
width:100%;
}
}
/* =========================================================
v1.18.0 — Dashboard Pro Additive Layer
Existing dashboard layout is preserved.
========================================================= */
.bays-dashboard-v118{
gap:16px!important;
}
.bays-dashboard-profile-alert{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(180px,.55fr) auto;
align-items:center;
gap:16px;
padding:14px 16px;
border:1px solid #bfdbfe;
border-radius:14px;
background:linear-gradient(135deg,#eff6ff,#fff);
box-shadow:0 7px 22px rgba(37,99,235,.05);
}
.bays-dashboard-profile-alert>div{
display:flex;
align-items:center;
gap:11px;
min-width:0;
}
.bays-dashboard-profile-alert>div>b{
display:grid;
place-items:center;
flex:0 0 auto;
width:48px;
height:48px;
border-radius:13px;
background:#2563eb;
color:#fff;
font-size:13px;
}
.bays-dashboard-profile-alert strong,
.bays-dashboard-profile-alert small{
display:block;
}
.bays-dashboard-profile-alert strong{
color:#0f172a;
font-size:11px;
}
.bays-dashboard-profile-alert small{
margin-top:4px;
color:#64748b;
font-size:8px;
line-height:1.45;
}
.bays-dashboard-profile-alert>i{
display:block;
height:8px;
border-radius:999px;
background:#dbeafe;
overflow:hidden;
}
.bays-dashboard-profile-alert>i>em{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#2563eb,#22c55e);
}
.bays-dashboard-profile-alert>a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 13px;
border-radius:9px;
background:#fff;
color:#2563eb;
font-size:9px;
font-weight:900;
text-decoration:none;
white-space:nowrap;
}
.bays-dashboard-insights{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}
.bays-dashboard-insights>article{
min-width:0;
padding:14px 15px;
border:1px solid #e2e8f0;
border-radius:13px;
background:#fff;
box-shadow:0 6px 20px rgba(15,23,42,.03);
}
.bays-dashboard-insights small,
.bays-dashboard-insights strong,
.bays-dashboard-insights span{
display:block;
}
.bays-dashboard-insights small{
color:#64748b;
font-size:8px;
font-weight:800;
text-transform:uppercase;
}
.bays-dashboard-insights strong{
margin-top:7px;
color:#0f172a;
font-size:16px;
line-height:1.1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.bays-dashboard-insights span{
margin-top:7px;
color:#94a3b8;
font-size:8px;
line-height:1.4;
}
.bays-dashboard-insights span.positive{
color:#16a34a;
}
.bays-dashboard-insights span.negative{
color:#dc2626;
}
.bays-dashboard-order-link{
color:#2563eb!important;
font-weight:900!important;
text-decoration:none!important;
}
.bays-dashboard-order-link:hover{
text-decoration:underline!important;
}
.bays-top-products .bays-top-product-image{
display:block;
flex:0 0 auto;
}
.bays-top-products strong>a{
color:inherit;
text-decoration:none;
}
.bays-top-products strong>a:hover{
color:#2563eb;
}
@media(max-width:1100px){
.bays-dashboard-insights{
grid-template-columns:repeat(2,1fr);
}
.bays-dashboard-profile-alert{
grid-template-columns:1fr;
}
.bays-dashboard-profile-alert>a{
justify-self:start;
}
}
@media(max-width:620px){
.bays-dashboard-insights{
grid-template-columns:1fr;
}
.bays-dashboard-profile-alert{
padding:13px;
}
.bays-dashboard-profile-alert>a{
width:100%;
}
}
/* =========================================================
v1.19.0 — Notification Center Pro
========================================================= */
.bays-notification-center-pro{display:grid;gap:17px}
.bays-notification-page-head{align-items:flex-end!important}
.bays-notification-page-head p{margin:6px 0 0;color:#64748b;font-size:12px}
.bays-notification-page-head>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #dbeafe;border-radius:9px;background:#fff;color:#2563eb;font-size:9px;font-weight:900;text-decoration:none}
.bays-notification-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bays-notification-summary article{padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.035)}
.bays-notification-summary small,.bays-notification-summary strong,.bays-notification-summary span{display:block}
.bays-notification-summary small{color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase}
.bays-notification-summary strong{margin-top:7px;color:#0f172a;font-size:20px}
.bays-notification-summary span{margin-top:6px;color:#94a3b8;font-size:8px}
.bays-notification-filters{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}
.bays-notification-type-tabs,.bays-notification-status-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bays-notification-type-tabs a,.bays-notification-status-tabs a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border-radius:8px;color:#64748b;font-size:9px;font-weight:800;text-decoration:none}
.bays-notification-type-tabs a b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:9px}
.bays-notification-type-tabs a.active,.bays-notification-status-tabs a.active{background:#eff6ff;color:#2563eb}
.bays-notification-type-tabs a.active b{background:#2563eb;color:#fff}
.bays-notification-page-list{display:grid;gap:8px}
.bays-notification-page-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:14px 15px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 5px 18px rgba(15,23,42,.025)}
.bays-notification-page-item.is-unread{border-color:#bfdbfe;background:linear-gradient(90deg,#eff6ff,#fff)}
.bays-notification-page-item>i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f1f5f9}
.bays-notification-page-item>i:before{content:"i";font-size:12px;font-style:normal;font-weight:900;color:#64748b}
.bays-notification-page-item>i.type-order:before{content:"↻";color:#2563eb}
.bays-notification-page-item>i.type-campaign:before{content:"★";color:#d97706}
.bays-notification-page-item>i.type-stock:before{content:"□";color:#7c3aed}
.bays-notification-page-item>i.type-price:before{content:"₺";color:#16a34a}
.bays-notification-page-item>i.type-system:before{content:"⚙";color:#475569}
.bays-notification-page-item .content strong{display:block;color:#0f172a;font-size:11px}
.bays-notification-page-item .content p{margin:4px 0;color:#64748b;font-size:9px;line-height:1.5}
.bays-notification-page-item .content small{color:#94a3b8;font-size:8px}
.bays-notification-page-item .state{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:7px;font-weight:900}
.bays-notification-page-item.is-unread .state{background:#dbeafe;color:#2563eb}
.bays-notification-page-item>em{color:#94a3b8;font-size:14px;font-style:normal}
.bays-notification-empty-pro{display:grid;justify-items:center;padding:48px 20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:center}
.bays-notification-empty-pro>b{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;background:#eff6ff;font-size:24px}
.bays-notification-empty-pro h2{margin:14px 0 6px;font-size:18px}.bays-notification-empty-pro p{margin:0;color:#64748b;font-size:10px}
.bays-notification-pagination{display:flex;justify-content:center;gap:6px}
.bays-notification-pagination a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#475569;font-size:9px;font-weight:900;text-decoration:none}
.bays-notification-pagination a.active{border-color:#2563eb;background:#2563eb;color:#fff}
@media(max-width:900px){.bays-notification-summary{grid-template-columns:repeat(2,1fr)}.bays-notification-filters{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.bays-notification-page-head{align-items:flex-start!important;flex-direction:column}.bays-notification-page-head>a{width:100%}.bays-notification-summary{grid-template-columns:1fr 1fr}.bays-notification-page-item{grid-template-columns:38px minmax(0,1fr) auto}.bays-notification-page-item .state{display:none}.bays-notification-page-item>em{display:none}}
/* =========================================================
v1.20.0 — Finance & Statement Pro
========================================================= */
.bays-finance-pro{display:grid;gap:17px}
.bays-finance-head{align-items:flex-end!important}
.bays-finance-head p{margin:6px 0 0;color:#64748b;font-size:12px}
.bays-finance-head>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:9px;background:#2563eb;color:#fff;font-size:9px;font-weight:900;text-decoration:none}
.bays-finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bays-finance-summary article{padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.035)}
.bays-finance-summary article.danger{border-color:#fecaca;background:#fffafa}.bays-finance-summary article.success{border-color:#bbf7d0;background:#f8fff9}.bays-finance-summary article.warning{border-color:#fed7aa;background:#fffaf5}
.bays-finance-summary small,.bays-finance-summary strong,.bays-finance-summary span{display:block}
.bays-finance-summary small{color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase}
.bays-finance-summary strong{margin-top:7px;color:#0f172a;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bays-finance-summary span{margin-top:6px;color:#94a3b8;font-size:8px}
.bays-finance-chart-card,.bays-finance-table-card{padding:17px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035)}
.bays-finance-legend{display:flex;gap:12px}.bays-finance-legend span{position:relative;padding-left:13px;color:#64748b;font-size:8px}.bays-finance-legend span:before{content:"";position:absolute;left:0;top:3px;width:7px;height:7px;border-radius:3px}.bays-finance-legend .debit:before{background:#ef4444}.bays-finance-legend .credit:before{background:#22c55e}
.bays-finance-chart{display:grid;grid-template-columns:repeat(12,minmax(24px,1fr));gap:8px;height:210px;margin-top:18px;align-items:end}
.bays-finance-month{display:grid;height:100%;grid-template-rows:minmax(0,1fr) 20px;gap:6px;align-items:end;text-align:center}
.bays-finance-month .bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;border-bottom:1px solid #e2e8f0}
.bays-finance-month .bars i{display:block;width:8px;min-height:3px;border-radius:4px 4px 0 0}.bays-finance-month .bars i.debit{background:#ef4444}.bays-finance-month .bars i.credit{background:#22c55e}
.bays-finance-month>span{color:#94a3b8;font-size:7px;text-transform:uppercase}
.bays-finance-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.bays-finance-toolbar>div{display:flex;gap:5px;flex-wrap:wrap}.bays-finance-toolbar a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:8px;color:#64748b;font-size:8px;font-weight:800;text-decoration:none}.bays-finance-toolbar a.active{background:#eff6ff;color:#2563eb}
.bays-finance-toolbar select{min-height:36px;padding:0 10px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#334155;font-size:9px}
.bays-finance-table-wrap{overflow:auto}.bays-finance-table-card table{width:100%;border-collapse:collapse}.bays-finance-table-card th{padding:0 9px 11px;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:8px;text-align:left;text-transform:uppercase;white-space:nowrap}.bays-finance-table-card td{padding:12px 9px;border-bottom:1px solid #eef2f6;color:#334155;font-size:9px;vertical-align:middle}.bays-finance-table-card td.amount{font-weight:900;white-space:nowrap}.bays-finance-table-card td.amount.debit{color:#dc2626}.bays-finance-table-card td.amount.credit{color:#16a34a}.bays-finance-table-card td.empty{text-align:center;color:#94a3b8;padding:35px}
.bays-finance-type,.bays-finance-status{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:7px;font-weight:900;white-space:nowrap}.bays-finance-type.type-invoice{background:#fef2f2;color:#dc2626}.bays-finance-type.type-payment{background:#ecfdf3;color:#16a34a}.bays-finance-type.type-order{background:#eff6ff;color:#2563eb}.bays-finance-status.status-open{background:#fff7ed;color:#c2410c}.bays-finance-status.status-paid{background:#ecfdf3;color:#16a34a}.bays-finance-status.status-cancelled{background:#f1f5f9;color:#64748b}
.bays-finance-pagination{display:flex;justify-content:center;gap:6px}.bays-finance-pagination a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#475569;font-size:9px;font-weight:900;text-decoration:none}.bays-finance-pagination a.active{border-color:#2563eb;background:#2563eb;color:#fff}
@media(max-width:900px){.bays-finance-summary{grid-template-columns:repeat(2,1fr)}.bays-finance-chart{gap:4px}.bays-finance-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.bays-finance-head{align-items:flex-start!important;flex-direction:column}.bays-finance-head>a{width:100%}.bays-finance-summary{grid-template-columns:1fr 1fr}.bays-finance-chart{overflow-x:auto;grid-template-columns:repeat(12,38px)}}
/* v1.21 Shipping */
.bays-shipping-pro{display:grid;gap:17px}.bays-shipping-pro .bays-section-head p{margin:6px 0 0;color:#64748b;font-size:12px}.bays-shipping-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bays-shipping-summary article{padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.bays-shipping-summary small,.bays-shipping-summary strong{display:block}.bays-shipping-summary small{color:#64748b;font-size:8px;text-transform:uppercase}.bays-shipping-summary strong{margin-top:7px;font-size:20px}.bays-shipping-filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.bays-shipping-filters a{padding:9px 11px;border-radius:8px;color:#64748b;font-size:8px;font-weight:800;text-decoration:none}.bays-shipping-filters a.active{background:#eff6ff;color:#2563eb}.bays-shipping-list{display:grid;gap:11px}.bays-shipping-card{padding:17px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.bays-shipping-card-top,.bays-shipping-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.bays-shipping-card-top small,.bays-shipping-card-top strong{display:block}.bays-shipping-card-top small{color:#64748b;font-size:8px}.bays-shipping-card-top strong{font-size:17px}.bays-shipping-status{padding:7px 10px;border-radius:999px;background:#f1f5f9;font-size:8px;font-weight:900}.bays-shipping-status.status-shipped{background:#eff6ff;color:#2563eb}.bays-shipping-status.status-out_for_delivery{background:#f5f3ff;color:#7c3aed}.bays-shipping-status.status-delivered{background:#ecfdf3;color:#16a34a}.bays-shipping-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.bays-shipping-meta small,.bays-shipping-meta strong{display:block}.bays-shipping-meta small{color:#94a3b8;font-size:8px}.bays-shipping-meta strong{margin-top:5px;font-size:10px}.bays-shipping-timeline{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:center;gap:6px;padding:13px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.bays-shipping-timeline>div{display:flex;align-items:center;gap:7px}.bays-shipping-timeline b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e2e8f0;font-size:9px}.bays-shipping-timeline span{font-size:8px}.bays-shipping-timeline .active b{background:#2563eb;color:#fff}.bays-shipping-timeline .done b{background:#ecfdf3;color:#16a34a}.bays-shipping-timeline>i{height:2px;background:#e2e8f0}.bays-shipping-timeline>i.done{background:#22c55e}.bays-shipping-actions{justify-content:flex-end;margin-top:14px}.bays-shipping-actions a{padding:10px 13px;border:1px solid #dbe3ee;border-radius:9px;color:#334155;font-size:8px;font-weight:900;text-decoration:none}.bays-shipping-actions a.primary{background:#2563eb;color:#fff}.bays-shipping-empty{padding:48px 20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:center}.bays-shipping-empty b{font-size:24px}.bays-shipping-empty h2{margin:14px 0 6px;font-size:18px}.bays-shipping-empty p{color:#64748b;font-size:10px}@media(max-width:900px){.bays-shipping-summary{grid-template-columns:repeat(2,1fr)}.bays-shipping-meta{grid-template-columns:repeat(2,1fr)}.bays-shipping-timeline{grid-template-columns:1fr}.bays-shipping-timeline>i{width:2px;height:16px;margin-left:14px}}
/* v1.22 campaigns */
.bays-campaigns-pro,.bays-campaign-detail{display:grid;gap:17px}.bays-campaigns-pro .bays-section-head p{margin:6px 0 0;color:#64748b;font-size:12px}.bays-campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bays-campaign-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035)}.bays-campaign-card .image{position:relative;display:grid;place-items:center;height:170px;background:linear-gradient(135deg,#eff6ff,#f8fafc);overflow:hidden;text-decoration:none}.bays-campaign-card .image img{width:100%;height:100%;object-fit:cover}.bays-campaign-card .image>span{font-size:42px;color:#2563eb}.bays-campaign-card .discount{position:absolute;top:12px;right:12px;padding:7px 9px;border-radius:999px;background:#dc2626;color:#fff;font-size:8px;font-weight:900}.bays-campaign-card .body{padding:15px}.bays-campaign-card .body>small{color:#2563eb;font-size:8px;font-weight:900;text-transform:uppercase}.bays-campaign-card h2{margin:7px 0 6px;font-size:16px}.bays-campaign-card h2 a{color:#0f172a;text-decoration:none}.bays-campaign-card p{min-height:42px;margin:0;color:#64748b;font-size:9px;line-height:1.55}.bays-campaign-card .body>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #eef2f6}.bays-campaign-card .body>div span{color:#94a3b8;font-size:8px}.bays-campaign-card .body>div a{color:#2563eb;font-size:8px;font-weight:900;text-decoration:none}.bays-campaign-empty{display:grid;justify-items:center;padding:50px 20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:center}.bays-campaign-empty>b{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff7ed;color:#d97706;font-size:27px}.bays-campaign-detail>.back{color:#2563eb;font-size:9px;font-weight:900;text-decoration:none}.bays-campaign-detail .hero{min-height:300px;display:flex;align-items:flex-end;padding:28px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#2563eb);background-size:cover;background-position:center;color:#fff;overflow:hidden;position:relative}.bays-campaign-detail .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.92),rgba(15,23,42,.25))}.bays-campaign-detail .hero>div{position:relative;max-width:650px}.bays-campaign-detail .hero h1{margin:9px 0;font-size:34px}.bays-campaign-detail .hero p{color:#e2e8f0;font-size:12px}.bays-campaign-detail .hero .discount{display:inline-flex;margin-top:14px;padding:8px 11px;border-radius:999px;background:#dc2626;color:#fff;font-size:9px}.bays-campaign-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px}.bays-campaign-detail-grid>article,.bays-campaign-detail-grid>aside{padding:18px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.bays-campaign-detail-grid .content{margin-top:12px;color:#475569;font-size:11px;line-height:1.7}.bays-campaign-detail-grid>aside{display:grid;gap:10px}.bays-campaign-detail-grid>aside>div{padding:12px;border-radius:10px;background:#f8fafc}.bays-campaign-detail-grid>aside small,.bays-campaign-detail-grid>aside strong{display:block}.bays-campaign-detail-grid>aside>a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:9px;background:#2563eb;color:#fff;font-size:9px;font-weight:900;text-decoration:none}@media(max-width:1000px){.bays-campaign-grid{grid-template-columns:repeat(2,1fr)}.bays-campaign-detail-grid{grid-template-columns:1fr}}@media(max-width:620px){.bays-campaign-grid{grid-template-columns:1fr}}
/* v1.23.0 Support Center Pro */
.bays-support-pro,.bays-support-detail{display:grid;gap:17px}.bays-support-head{align-items:flex-end!important}.bays-support-head p{margin:6px 0 0;color:#64748b;font-size:12px}.bays-support-head button{min-height:42px;padding:0 15px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.bays-support-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bays-support-summary article{padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.bays-support-summary small,.bays-support-summary strong,.bays-support-summary span{display:block}.bays-support-summary small{font-size:8px;color:#64748b;text-transform:uppercase}.bays-support-summary strong{margin-top:7px;font-size:20px;color:#0f172a}.bays-support-summary span{margin-top:6px;font-size:8px;color:#94a3b8}.bays-support-create{padding:18px;border:1px solid #bfdbfe;border-radius:15px;background:#fff}.bays-support-create form .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bays-support-create label{display:grid;gap:6px}.bays-support-create label.wide{grid-column:1/-1}.bays-support-create label span{font-size:9px;font-weight:800;color:#475569}.bays-support-create input,.bays-support-create select,.bays-support-create textarea{width:100%;min-height:43px;padding:0 11px;border:1px solid #dbe3ee;border-radius:9px;background:#f8fafc;box-sizing:border-box}.bays-support-create textarea{padding:11px}.bays-support-create form>button{margin-top:13px;min-height:42px;padding:0 15px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:9px;font-weight:900}.bays-support-create-close{border:0;background:transparent;font-size:22px}.bays-support-filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.bays-support-filters a{padding:9px 11px;border-radius:8px;color:#64748b;font-size:8px;font-weight:800;text-decoration:none}.bays-support-filters a.active{background:#eff6ff;color:#2563eb}.bays-support-list{display:grid;gap:8px}.bays-support-ticket{display:grid;grid-template-columns:8px minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:inherit;text-decoration:none}.bays-support-ticket .priority{width:8px;height:40px;border-radius:99px;background:#22c55e}.bays-support-ticket .priority.high{background:#f59e0b}.bays-support-ticket .priority.urgent{background:#ef4444}.bays-support-ticket small{font-size:8px;color:#2563eb;font-weight:900}.bays-support-ticket h3{margin:4px 0;font-size:12px}.bays-support-ticket p{margin:0;font-size:8px;color:#94a3b8}.bays-support-ticket .status,.bays-support-detail .status{padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:7px;font-weight:900}.status-open{background:#eff6ff!important;color:#2563eb!important}.status-in_progress{background:#fff7ed!important;color:#c2410c!important}.status-waiting_customer{background:#f5f3ff!important;color:#7c3aed!important}.status-resolved{background:#ecfdf3!important;color:#16a34a!important}.status-closed{background:#f1f5f9!important;color:#64748b!important}.bays-support-empty{padding:45px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:center}.bays-support-detail>.back{color:#2563eb;font-size:9px;font-weight:900;text-decoration:none}.bays-support-detail .head{display:flex;justify-content:space-between;gap:15px;padding:18px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.bays-support-detail .head h1{margin:5px 0;font-size:24px}.bays-support-detail .head p{margin:0;color:#64748b;font-size:9px}.bays-support-detail .head>div:last-child{display:flex;gap:8px;align-items:flex-start}.priority-label{padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#16a34a;font-size:7px;font-weight:900}.priority-label.high{background:#fff7ed;color:#c2410c}.priority-label.urgent{background:#fef2f2;color:#dc2626}.bays-support-detail .layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;align-items:start}.bays-support-detail .conversation,.bays-support-detail aside{padding:18px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.bays-support-detail .message{display:grid;grid-template-columns:38px 1fr;gap:10px;margin-bottom:14px}.bays-support-detail .avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:900}.bays-support-detail .message.admin .avatar{background:#ecfdf3;color:#16a34a}.bays-support-detail .message header{display:flex;justify-content:space-between}.bays-support-detail .message header strong{font-size:9px}.bays-support-detail .message header small{font-size:7px;color:#94a3b8}.bays-support-detail .message p{margin:6px 0;padding:11px;border-radius:10px;background:#f8fafc;color:#475569;font-size:9px;line-height:1.6}.bays-support-detail .message.admin p{background:#eff6ff}.bays-support-detail .attachments a{font-size:8px;color:#2563eb}.bays-support-detail .reply{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eef2f6}.bays-support-detail .reply textarea{padding:11px;border:1px solid #dbe3ee;border-radius:9px}.bays-support-detail .reply button{justify-self:end;min-height:40px;padding:0 14px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:9px;font-weight:900}.bays-support-detail aside{display:grid;gap:9px;position:sticky;top:84px}.bays-support-detail aside>div,.bays-support-detail aside>form{padding:12px;border-radius:10px;background:#f8fafc}.bays-support-detail aside small,.bays-support-detail aside strong,.bays-support-detail aside a{display:block}.bays-support-detail aside small{font-size:7px;color:#94a3b8;text-transform:uppercase}.bays-support-detail aside strong,.bays-support-detail aside a{margin-top:5px;font-size:9px;color:#0f172a;text-decoration:none}.bays-support-detail .rating div{display:flex}.bays-support-detail .rating button{border:0;background:transparent;color:#f59e0b;font-size:20px;cursor:pointer}
@media(max-width:900px){.bays-support-summary{grid-template-columns:repeat(2,1fr)}.bays-support-detail .layout{grid-template-columns:1fr}.bays-support-detail aside{position:relative;top:auto}.bays-support-create form .grid{grid-template-columns:1fr}.bays-support-create label.wide{grid-column:1}}
/* =========================================================
v1.24.0 — Order Lists Pro
========================================================= */
.bays-order-lists-pro,.bays-list-detail-pro{display:grid;gap:17px}.bays-lists-head{align-items:flex-end!important}.bays-lists-head p{margin:6px 0 0;color:#64748b;font-size:12px}.bays-lists-head>button,.bays-list-create button,.bays-lists-empty button{min-height:42px;padding:0 15px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.bays-list-create{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end;padding:16px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.bays-list-create label{display:grid;gap:6px}.bays-list-create label span{font-size:9px;font-weight:800;color:#475569}.bays-list-create input[type=text]{height:42px;padding:0 11px;border:1px solid #dbe3ee;border-radius:9px}.bays-list-create .check{display:flex;align-items:center;gap:7px;height:42px}.bays-list-create[hidden]{display:none!important}.bays-lists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bays-lists-grid article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:17px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.035)}.bays-lists-grid .icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eff6ff;color:#2563eb;font-size:20px}.bays-lists-grid .body span{color:#2563eb;font-size:7px;font-weight:900;text-transform:uppercase}.bays-lists-grid h2{margin:5px 0;font-size:15px}.bays-lists-grid p{margin:0;color:#64748b;font-size:8px}.bays-lists-grid article>a{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:38px;border-radius:9px;background:#f8fafc;color:#2563eb;font-size:8px;font-weight:900;text-decoration:none}.bays-lists-empty{display:grid;justify-items:center;padding:52px 20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-align:center}.bays-lists-empty>b{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#eff6ff;color:#2563eb;font-size:25px}.bays-lists-empty h2{margin:14px 0 6px;font-size:18px}.bays-lists-empty p{margin:0 0 15px;color:#64748b;font-size:10px}.bays-product-list-add{display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1.2fr) 68px auto auto;align-items:center;gap:8px;margin-top:12px;padding:12px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.bays-product-list-add>span{color:#334155;font-size:9px;font-weight:800}.bays-product-list-add select,.bays-product-list-add input{height:38px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:0 9px;font-size:9px}.bays-product-list-add button{height:38px;border:0;border-radius:8px;background:#2563eb;color:#fff;padding:0 12px;font-size:8px;font-weight:900}.bays-product-list-add>a{color:#2563eb;font-size:8px;font-weight:900;text-decoration:none;white-space:nowrap}.bays-list-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;padding:17px;border:1px solid #e2e8f0;border-radius:15px;background:#fff}.bays-list-detail-head a{color:#2563eb;font-size:8px;font-weight:900;text-decoration:none}.bays-list-detail-head small{display:block;margin-top:12px;color:#2563eb;font-size:8px;font-weight:900;text-transform:uppercase}.bays-list-detail-head h1{margin:5px 0;font-size:25px}.bays-list-detail-head p{margin:0;color:#64748b;font-size:9px}.bays-list-detail-head>div:last-child{display:flex;gap:7px}.bays-list-detail-head>div:last-child a{padding:9px 11px;border:1px solid #dbe3ee;border-radius:8px;background:#fff}.bays-list-detail-head a.delete{color:#dc2626}.bays-list-items-card{border:1px solid #e2e8f0;border-radius:15px;background:#fff;overflow:hidden}.bays-list-items-card>.head,.bays-list-items-card>.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc}.bays-list-items-card>.head button,.bays-list-items-card>.footer button{min-height:38px;padding:0 13px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:8px;font-weight:900}.bays-list-items-card .row{display:grid;grid-template-columns:62px minmax(180px,1fr) 120px 82px 120px 32px;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid #eef2f6}.bays-list-items-card .image img{width:62px;height:62px;padding:4px;border:1px solid #eef2f6;border-radius:9px;object-fit:contain}.bays-list-items-card .info>a{display:block;color:#0f172a;font-size:10px;font-weight:800;text-decoration:none}.bays-list-items-card .info small,.bays-list-items-card .price small,.bays-list-items-card .line small,.bays-list-items-card .qty small{display:block;color:#94a3b8;font-size:7px}.bays-list-items-card .info em{display:inline-flex;margin-top:5px;padding:4px 6px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:6px;font-style:normal;font-weight:900}.bays-list-items-card .info em.stock{background:#fef2f2;color:#dc2626}.bays-list-items-card .price strong,.bays-list-items-card .line strong{display:block;margin-top:4px;color:#0f172a;font-size:10px}.bays-list-items-card .qty input{width:72px;height:38px;margin-top:4px;border:1px solid #dbe3ee;border-radius:8px;text-align:center;font-weight:900}.bays-list-items-card .remove{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fef2f2;color:#dc2626;font-size:18px;text-decoration:none}.bays-list-items-card>.footer span{color:#64748b;font-size:9px}.bays-list-items-card>.footer strong{margin-left:7px;color:#0f172a;font-size:15px}.bays-list-items-card .empty{padding:40px;text-align:center;color:#94a3b8;font-size:10px}.bays-list-rename{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}.bays-list-rename label{display:grid;gap:6px}.bays-list-rename label span{font-size:8px;font-weight:800;color:#475569}.bays-list-rename input{height:40px;padding:0 11px;border:1px solid #dbe3ee;border-radius:8px}.bays-list-rename button{align-self:end;height:40px;border:0;border-radius:8px;background:#eff6ff;color:#2563eb;padding:0 13px;font-size:8px;font-weight:900}
@media(max-width:1100px){.bays-lists-grid{grid-template-columns:repeat(2,1fr)}.bays-list-items-card .row{grid-template-columns:62px minmax(160px,1fr) 100px 80px 100px 30px}.bays-product-list-add{grid-template-columns:1fr 1fr 60px auto}.bays-product-list-add>span{grid-column:1/-1}}
@media(max-width:720px){.bays-lists-head,.bays-list-detail-head{align-items:flex-start!important;flex-direction:column}.bays-lists-head>button{width:100%}.bays-list-create,.bays-lists-grid{grid-template-columns:1fr}.bays-list-items-card .row{grid-template-columns:54px minmax(0,1fr) 30px}.bays-list-items-card .image img{width:54px;height:54px}.bays-list-items-card .price,.bays-list-items-card .qty,.bays-list-items-card .line{grid-column:2}.bays-product-list-add{grid-template-columns:1fr}.bays-list-rename{grid-template-columns:1fr}}
/* =========================================================
v1.25.0 — Stabilization & Professional UI Pass
========================================================= */
:root{--bays-ui-radius-sm:10px;--bays-ui-radius-md:14px;--bays-ui-radius-lg:18px;--bays-ui-border:#e2e8f0;--bays-ui-surface:#fff;--bays-ui-text:#0f172a;--bays-ui-muted:#64748b;--bays-ui-subtle:#94a3b8;--bays-ui-primary:#2563eb;--bays-ui-shadow:0 8px 24px rgba(15,23,42,.045)}
.bays-content-premium{padding-top:22px!important;padding-bottom:28px!important}.bays-section-head{margin-bottom:0!important}.bays-section-head h1{color:var(--bays-ui-text)!important;letter-spacing:-.025em!important}.bays-section-head p{color:var(--bays-ui-muted)!important;line-height:1.55!important}
.bays-dashboard-v125{display:grid!important;gap:16px!important}.bays-dashboard-v125 .bays-dashboard-welcome-v125{position:relative;overflow:hidden;border:1px solid var(--bays-ui-border)!important;border-radius:var(--bays-ui-radius-lg)!important;box-shadow:var(--bays-ui-shadow)!important}.bays-dashboard-v125 .bays-dashboard-welcome-v125:after{content:"";position:absolute;width:220px;height:220px;right:-85px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none}
.bays-dashboard-v125 .bays-dashboard-kpis,.bays-dashboard-v125 .bays-dashboard-health{gap:10px!important}.bays-dashboard-v125 .bays-dashboard-kpis>article,.bays-dashboard-v125 .bays-dashboard-health>article{min-width:0!important;padding:16px!important;border:1px solid var(--bays-ui-border)!important;border-radius:var(--bays-ui-radius-md)!important;background:var(--bays-ui-surface)!important;box-shadow:0 6px 18px rgba(15,23,42,.03)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.bays-dashboard-v125 .bays-dashboard-kpis>article{min-height:116px!important}.bays-dashboard-v125 .bays-dashboard-health>article{min-height:104px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.bays-dashboard-v125 .bays-dashboard-kpis>article:hover,.bays-dashboard-v125 .bays-dashboard-health>article:hover{transform:translateY(-2px);border-color:#cbd5e1!important;box-shadow:0 10px 25px rgba(15,23,42,.055)!important}
.bays-dashboard-v125 .bays-dashboard-kpis small,.bays-dashboard-v125 .bays-dashboard-health small{color:var(--bays-ui-muted)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}.bays-dashboard-v125 .bays-dashboard-kpis strong{margin-top:9px!important;color:var(--bays-ui-text)!important;font-size:21px!important;line-height:1.05!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.bays-dashboard-v125 .bays-dashboard-health strong{margin-top:8px!important;color:var(--bays-ui-text)!important;font-size:17px!important}.bays-dashboard-v125 .bays-dashboard-kpis span,.bays-dashboard-v125 .bays-dashboard-health span{margin-top:7px!important;color:var(--bays-ui-subtle)!important;font-size:8px!important;line-height:1.45!important}
.bays-dashboard-v125 .bays-dashboard-actions{gap:9px!important}.bays-dashboard-v125 .bays-dashboard-actions>a{min-height:82px!important;padding:14px!important;border:1px solid var(--bays-ui-border)!important;border-radius:var(--bays-ui-radius-md)!important;background:var(--bays-ui-surface)!important;box-shadow:0 5px 18px rgba(15,23,42,.025)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.bays-dashboard-v125 .bays-dashboard-actions>a:hover{transform:translateY(-2px);border-color:#bfdbfe!important;box-shadow:0 9px 24px rgba(37,99,235,.07)!important}
.bays-dashboard-v125 .bays-dashboard-main-grid,.bays-dashboard-v125 .bays-dashboard-secondary-grid{gap:14px!important}.bays-dashboard-v125 .bays-dashboard-main-grid>article,.bays-dashboard-v125 .bays-dashboard-secondary-grid>article,.bays-dashboard-v125 .bays-dashboard-main-grid>aside,.bays-dashboard-v125 .bays-dashboard-secondary-grid>aside{border:1px solid var(--bays-ui-border)!important;border-radius:var(--bays-ui-radius-md)!important;background:var(--bays-ui-surface)!important;box-shadow:var(--bays-ui-shadow)!important}
.bays-dashboard-v125 table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.bays-dashboard-v125 table th{color:var(--bays-ui-muted)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.03em!important;text-transform:uppercase!important}.bays-dashboard-v125 table td{color:#334155!important;font-size:9px!important}.bays-dashboard-v125 table tbody tr{transition:background .15s ease!important}.bays-dashboard-v125 table tbody tr:hover{background:#f8fafc!important}
.bays-app a:focus-visible,.bays-app button:focus-visible,.bays-app input:focus-visible,.bays-app select:focus-visible,.bays-app textarea:focus-visible{outline:2px solid rgba(37,99,235,.45)!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){.bays-app *,.bays-app *:before,.bays-app *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:1180px){.bays-dashboard-v125 .bays-dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bays-dashboard-v125 .bays-dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.bays-content-premium{padding-top:16px!important}.bays-dashboard-v125{gap:13px!important}.bays-dashboard-v125 .bays-dashboard-kpis,.bays-dashboard-v125 .bays-dashboard-health,.bays-dashboard-v125 .bays-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bays-dashboard-v125 .bays-dashboard-main-grid,.bays-dashboard-v125 .bays-dashboard-secondary-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.bays-dashboard-v125 .bays-dashboard-kpis,.bays-dashboard-v125 .bays-dashboard-health,.bays-dashboard-v125 .bays-dashboard-actions{grid-template-columns:1fr!important}.bays-dashboard-v125 .bays-dashboard-kpis>article,.bays-dashboard-v125 .bays-dashboard-health>article{min-height:auto!important}.bays-dashboard-v125 .bays-dashboard-welcome-v125{padding:18px!important}}
/* =========================================================
v1.26.0 — Product Experience Professional Pass
Scoped only to catalog and product detail screens.
Existing structure and purchase flow are preserved.
========================================================= */
/* Catalog rhythm */
.bays-catalog-pro{
gap:16px!important;
}
.bays-catalog-hero{
padding:24px 26px!important;
border-radius:18px!important;
}
.bays-catalog-hero h1{
font-size:29px!important;
}
.bays-catalog-hero p{
max-width:720px;
line-height:1.55!important;
}
/* Prevent toolbar overflow while preserving current controls */
.bays-catalog-toolbar{
grid-template-columns:minmax(240px,1.35fr) minmax(150px,.72fr) minmax(145px,.68fr) minmax(145px,.68fr) auto auto!important;
gap:9px!important;
padding:12px!important;
overflow:visible!important;
}
.bays-catalog-toolbar>*{
min-width:0!important;
max-width:100%!important;
}
.bays-catalog-toolbar input,
.bays-catalog-toolbar select,
.bays-catalog-toolbar>button,
.bays-catalog-toolbar>a{
height:43px!important;
}
.bays-catalog-toolbar select{
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
/* Product grid consistency */
.bays-product-grid-pro{
align-items:stretch!important;
gap:13px!important;
}
.bays-product-card-pro{
height:100%!important;
border-radius:16px!important;
box-shadow:0 6px 20px rgba(15,23,42,.035)!important;
}
.bays-product-card-pro:hover{
transform:translateY(-3px)!important;
box-shadow:0 14px 30px rgba(37,99,235,.085)!important;
}
.bays-product-image-pro{
background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.bays-product-image-pro img{
padding:8px!important;
}
.bays-product-card-body{
padding:14px!important;
}
.bays-product-meta-line{
min-height:26px!important;
gap:7px!important;
}
.bays-stock-pill{
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.bays-product-category{
min-height:20px!important;
margin-top:6px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.bays-product-card-pro h2{
min-height:40px!important;
margin:8px 0 5px!important;
font-size:13px!important;
line-height:1.45!important;
}
.bays-product-card-pro h2 a{
display:-webkit-box!important;
overflow:hidden!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
}
/* Price hierarchy */
.bays-product-price-pro{
margin-top:auto!important;
padding-top:10px!important;
}
.bays-product-price-pro>small{
color:#64748b!important;
font-size:8px!important;
font-weight:800!important;
text-transform:uppercase!important;
}
.bays-product-price-pro .bays-primary-product-price{
display:block!important;
margin-top:4px!important;
color:#0f172a!important;
font-size:18px!important;
font-weight:900!important;
line-height:1.15!important;
}
/* Preserve buy row layout, improve clarity only */
.bays-product-buy-row{
grid-template-columns:62px minmax(0,1fr)!important;
gap:7px!important;
margin-top:10px!important;
}
.bays-product-buy-row label>span{
font-size:8px!important;
}
.bays-product-buy-row input{
height:39px!important;
border-radius:9px!important;
background:#fff!important;
font-weight:800!important;
}
.bays-product-buy-row .button,
.bays-product-detail-button{
min-height:39px!important;
border-radius:9px!important;
box-shadow:0 7px 16px rgba(37,99,235,.14)!important;
}
.bays-product-detail-button{
margin-top:7px!important;
}
/* Product detail: preserve existing layout, improve breathing room */
.bays-product-detail-pro{
gap:16px!important;
}
.bays-product-detail-pro>article,
.bays-product-detail-pro>section{
border-color:#e2e8f0!important;
}
.bays-product-detail-pro h1{
letter-spacing:-.025em!important;
}
.bays-product-detail-pro .bays-primary-product-price{
color:#0f172a!important;
font-weight:900!important;
}
.bays-detail-sku{
color:#64748b!important;
}
.bays-product-documents{
border-radius:14px!important;
}
.bays-related-products{
margin-top:2px!important;
}
/* Empty state refinement */
.bays-empty-state{
padding:42px 20px!important;
border:1px solid #e2e8f0!important;
border-radius:16px!important;
background:#fff!important;
}
/* Focus and disabled states */
.bays-catalog-pro button:disabled,
.bays-catalog-pro .button:disabled{
opacity:.58!important;
cursor:not-allowed!important;
}
.bays-catalog-pro input:focus,
.bays-catalog-pro select:focus,
.bays-product-detail-pro input:focus,
.bays-product-detail-pro select:focus{
border-color:#60a5fa!important;
box-shadow:0 0 0 3px rgba(59,130,246,.1)!important;
}
/* Responsive improvements */
@media(max-width:1180px){
.bays-catalog-toolbar{
grid-template-columns:minmax(240px,1fr) repeat(3,minmax(135px,.62fr)) auto!important;
}
.bays-catalog-toolbar>a{
grid-column:auto!important;
}
}
@media(max-width:980px){
.bays-catalog-toolbar{
grid-template-columns:1fr 1fr!important;
}
.bays-catalog-search{
grid-column:1/-1!important;
}
.bays-catalog-toolbar>button,
.bays-catalog-toolbar>a{
width:100%!important;
}
}
@media(max-width:620px){
.bays-catalog-hero{
padding:19px!important;
}
.bays-catalog-hero h1{
font-size:25px!important;
}
.bays-catalog-toolbar{
grid-template-columns:1fr!important;
gap:8px!important;
}
.bays-catalog-search{
grid-column:auto!important;
}
.bays-product-card-body{
padding:13px!important;
}
.bays-product-price-pro .bays-primary-product-price{
font-size:17px!important;
}
.bays-product-buy-row{
grid-template-columns:60px minmax(0,1fr)!important;
}
}
/* =========================================================
v1.27.1 — Smart Command Center Foundation
========================================================= */
.bays-command-trigger{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
min-height:38px!important;
padding:0 10px!important;
border:1px solid #dbe3ee!important;
border-radius:10px!important;
background:#fff!important;
color:#334155!important;
box-shadow:0 5px 16px rgba(15,23,42,.035)!important;
cursor:pointer!important;
}
.bays-command-trigger>span{
display:grid!important;
place-items:center!important;
width:24px!important;
height:24px!important;
border-radius:7px!important;
background:#eff6ff!important;
color:#2563eb!important;
font-size:11px!important;
font-weight:900!important;
}
.bays-command-trigger>strong{
font-size:9px!important;
font-weight:900!important;
}
.bays-command-trigger>kbd{
padding:3px 5px!important;
border:1px solid #dbe3ee!important;
border-bottom-width:2px!important;
border-radius:5px!important;
background:#f8fafc!important;
color:#64748b!important;
font-family:inherit!important;
font-size:7px!important;
}
.bays-command-center{
position:fixed!important;
inset:0!important;
z-index:999999!important;
display:grid!important;
place-items:start center!important;
padding:9vh 18px 24px!important;
opacity:0!important;
visibility:hidden!important;
transition:opacity .18s ease,visibility .18s ease!important;
}
.bays-command-center.is-visible{
opacity:1!important;
visibility:visible!important;
}
.bays-command-backdrop{
position:absolute!important;
inset:0!important;
background:rgba(15,23,42,.46)!important;
-webkit-backdrop-filter:blur(12px)!important;
backdrop-filter:blur(12px)!important;
}
.bays-command-dialog{
position:relative!important;
width:min(760px,100%)!important;
max-height:min(720px,82vh)!important;
display:grid!important;
grid-template-rows:auto auto minmax(0,1fr) auto!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.65)!important;
border-radius:20px!important;
background:rgba(255,255,255,.97)!important;
box-shadow:0 30px 90px rgba(15,23,42,.28)!important;
transform:translateY(-14px) scale(.985)!important;
transition:transform .18s ease!important;
}
.bays-command-center.is-visible .bays-command-dialog{
transform:translateY(0) scale(1)!important;
}
.bays-command-header{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:16px!important;
padding:19px 20px 14px!important;
}
.bays-command-header small{
display:block!important;
color:#2563eb!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
}
.bays-command-header h2{
margin:5px 0 0!important;
color:#0f172a!important;
font-size:22px!important;
letter-spacing:-.025em!important;
}
.bays-command-close{
display:grid!important;
place-items:center!important;
width:34px!important;
height:34px!important;
border:1px solid #e2e8f0!important;
border-radius:10px!important;
background:#f8fafc!important;
color:#64748b!important;
font-size:21px!important;
line-height:1!important;
cursor:pointer!important;
}
.bays-command-search-shell{
display:grid!important;
grid-template-columns:24px minmax(0,1fr) auto!important;
align-items:center!important;
gap:9px!important;
margin:0 20px!important;
padding:0 12px!important;
min-height:52px!important;
border:1px solid #dbe3ee!important;
border-radius:13px!important;
background:#f8fafc!important;
}
.bays-command-search-shell>span{
color:#2563eb!important;
font-size:20px!important;
}
.bays-command-search-shell input{
width:100%!important;
min-width:0!important;
border:0!important;
outline:0!important;
background:transparent!important;
color:#0f172a!important;
font-size:13px!important;
}
.bays-command-search-shell input::placeholder{
color:#94a3b8!important;
}
.bays-command-search-shell>kbd{
padding:4px 6px!important;
border:1px solid #dbe3ee!important;
border-bottom-width:2px!important;
border-radius:6px!important;
background:#fff!important;
color:#64748b!important;
font-family:inherit!important;
font-size:7px!important;
}
.bays-command-body{
overflow:auto!important;
padding:16px 20px 18px!important;
}
.bays-command-foundation-message{
display:flex!important;
align-items:center!important;
gap:11px!important;
padding:13px!important;
border:1px solid #bfdbfe!important;
border-radius:12px!important;
background:linear-gradient(135deg,#eff6ff,#fff)!important;
}
.bays-command-foundation-message>b{
display:grid!important;
place-items:center!important;
flex:0 0 auto!important;
width:46px!important;
height:46px!important;
border-radius:12px!important;
background:#2563eb!important;
color:#fff!important;
font-size:10px!important;
}
.bays-command-foundation-message strong,
.bays-command-foundation-message small{
display:block!important;
}
.bays-command-foundation-message strong{
color:#0f172a!important;
font-size:10px!important;
}
.bays-command-foundation-message small{
margin-top:4px!important;
color:#64748b!important;
font-size:8px!important;
line-height:1.45!important;
}
.bays-command-section{
margin-top:16px!important;
}
.bays-command-section-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-bottom:9px!important;
}
.bays-command-section-head>span{
color:#334155!important;
font-size:9px!important;
font-weight:900!important;
text-transform:uppercase!important;
}
.bays-command-section-head>small{
color:#94a3b8!important;
font-size:7px!important;
}
.bays-command-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
.bays-command-actions>a{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
padding:12px!important;
border:1px solid #e2e8f0!important;
border-radius:11px!important;
background:#fff!important;
color:inherit!important;
text-decoration:none!important;
transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.bays-command-actions>a:hover{
transform:translateY(-1px)!important;
border-color:#bfdbfe!important;
box-shadow:0 8px 18px rgba(37,99,235,.065)!important;
}
.bays-command-actions>a>b{
display:grid!important;
place-items:center!important;
flex:0 0 auto!important;
width:36px!important;
height:36px!important;
border-radius:10px!important;
background:#eff6ff!important;
color:#2563eb!important;
font-size:12px!important;
}
.bays-command-actions>a span{
min-width:0!important;
}
.bays-command-actions>a strong,
.bays-command-actions>a small{
display:block!important;
}
.bays-command-actions>a strong{
color:#0f172a!important;
font-size:9px!important;
}
.bays-command-actions>a small{
margin-top:3px!important;
color:#94a3b8!important;
font-size:7px!important;
}
.bays-command-footer{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:14px!important;
padding:10px 20px!important;
border-top:1px solid #eef2f6!important;
background:#f8fafc!important;
}
.bays-command-footer>span{
display:flex!important;
align-items:center!important;
gap:4px!important;
color:#94a3b8!important;
font-size:7px!important;
}
.bays-command-footer kbd{
padding:3px 5px!important;
border:1px solid #dbe3ee!important;
border-bottom-width:2px!important;
border-radius:5px!important;
background:#fff!important;
color:#64748b!important;
font-family:inherit!important;
font-size:7px!important;
}
html.bays-command-open{
overflow:hidden!important;
}
@media(max-width:720px){
.bays-command-trigger>strong,
.bays-command-trigger>kbd{
display:none!important;
}
.bays-command-trigger{
width:38px!important;
padding:0!important;
justify-content:center!important;
}
.bays-command-center{
padding:14px!important;
place-items:end center!important;
}
.bays-command-dialog{
width:100%!important;
max-height:88vh!important;
border-radius:18px 18px 12px 12px!important;
}
.bays-command-actions{
grid-template-columns:1fr!important;
}
.bays-command-footer{
justify-content:center!important;
flex-wrap:wrap!important;
}
}
@media(prefers-reduced-motion:reduce){
.bays-command-center,
.bays-command-dialog,
.bays-command-actions>a{
transition:none!important;
}
}
/* =========================================================
v1.27.2 — Command Center Live Product Search
========================================================= */
.bays-command-live-region{display:grid!important;gap:9px!important}.bays-command-results{display:grid!important;gap:7px!important}.bays-command-result{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto 20px!important;align-items:center!important;gap:11px!important;min-width:0!important;padding:10px 11px!important;border:1px solid #e2e8f0!important;border-radius:11px!important;background:#fff!important;color:inherit!important;text-decoration:none!important;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease!important}.bays-command-result:hover,.bays-command-result.is-active{transform:translateY(-1px)!important;border-color:#93c5fd!important;background:#f8fbff!important;box-shadow:0 8px 18px rgba(37,99,235,.07)!important}.bays-command-result .image{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:1px solid #eef2f6!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}.bays-command-result .image img{width:100%!important;height:100%!important;padding:4px!important;object-fit:contain!important;box-sizing:border-box!important}.bays-command-result .content{min-width:0!important}.bays-command-result .content strong,.bays-command-result .content small,.bays-command-result .content em{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.bays-command-result .content strong{color:#0f172a!important;font-size:10px!important}.bays-command-result .content small{margin-top:4px!important;color:#64748b!important;font-size:7px!important}.bays-command-result .content em{margin-top:4px!important;color:#16a34a!important;font-size:7px!important;font-style:normal!important;font-weight:800!important}.bays-command-result .price{color:#0f172a!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}.bays-command-result>b{color:#94a3b8!important;font-size:13px!important}.bays-command-empty{display:flex!important;align-items:center!important;gap:11px!important;padding:20px!important;border:1px dashed #cbd5e1!important;border-radius:12px!important;background:#f8fafc!important}.bays-command-empty>b{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:42px!important;height:42px!important;border-radius:11px!important;background:#fff!important;color:#64748b!important;font-size:18px!important}.bays-command-empty strong,.bays-command-empty small{display:block!important}.bays-command-empty strong{color:#334155!important;font-size:10px!important}.bays-command-empty small{margin-top:4px!important;color:#94a3b8!important;font-size:8px!important}.bays-command-loading{display:grid!important;gap:7px!important}.bays-command-loading>div{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;padding:10px 11px!important;border:1px solid #eef2f6!important;border-radius:11px!important;background:#fff!important}.bays-command-loading>div>i{width:48px!important;height:48px!important;border-radius:10px!important;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9)!important;background-size:200% 100%!important;animation:baysCommandSkeleton 1.1s linear infinite!important}.bays-command-loading>div>span{display:grid!important;gap:7px!important}.bays-command-loading>div>span>b,.bays-command-loading>div>span>em{display:block!important;height:9px!important;border-radius:999px!important;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9)!important;background-size:200% 100%!important;animation:baysCommandSkeleton 1.1s linear infinite!important}.bays-command-loading>div>span>b{width:58%!important}.bays-command-loading>div>span>em{width:35%!important}@keyframes baysCommandSkeleton{from{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:620px){.bays-command-result{grid-template-columns:44px minmax(0,1fr) 18px!important}.bays-command-result .image{width:44px!important;height:44px!important}.bays-command-result .price{grid-column:2!important;margin-top:-4px!important;font-size:9px!important}.bays-command-result>b{grid-column:3!important;grid-row:1/3!important}}@media(prefers-reduced-motion:reduce){.bays-command-loading>div>i,.bays-command-loading>div>span>b,.bays-command-loading>div>span>em{animation:none!important}}
/* =========================================================
v1.27.3 — Cross Module Command Results
========================================================= */
.bays-command-result-group{
display:flex!important;
align-items:center!important;
gap:8px!important;
margin:5px 0 1px!important;
padding:0 3px!important;
}
.bays-command-result-group:first-child{margin-top:0!important}
.bays-command-result-group>span{
color:#64748b!important;
font-size:7px!important;
font-weight:900!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
}
.bays-command-result .image.icon{
background:#eff6ff!important;
color:#2563eb!important;
}
.bays-command-result .image.icon>b{
font-size:15px!important;
line-height:1!important;
}
.bays-command-result.type-order .image.icon{background:#eff6ff!important;color:#2563eb!important}
.bays-command-result.type-shipping .image.icon{background:#f5f3ff!important;color:#7c3aed!important}
.bays-command-result.type-support .image.icon{background:#fff7ed!important;color:#c2410c!important}
.bays-command-result.type-campaign .image.icon{background:#fffbeb!important;color:#d97706!important}
.bays-command-result.type-finance .image.icon{background:#ecfdf3!important;color:#16a34a!important}
.bays-command-result .arrow{color:#94a3b8!important;font-size:13px!important}
.bays-command-result.type-support .content em{color:#c2410c!important}
.bays-command-result.type-shipping .content em{color:#7c3aed!important}
.bays-command-result.type-campaign .content em{color:#d97706!important}
.bays-command-result.type-finance .content em{color:#16a34a!important}
/* =========================================================
v1.27.4 — Smart Memory & Favorites
========================================================= */
.bays-command-smart-home{
display:grid!important;
gap:16px!important;
}
.bays-command-memory-list{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
}
.bays-command-memory-item{
display:grid!important;
grid-template-columns:36px minmax(0,1fr) 28px!important;
align-items:center!important;
gap:9px!important;
min-width:0!important;
padding:10px!important;
border:1px solid #e2e8f0!important;
border-radius:11px!important;
background:#fff!important;
color:inherit!important;
text-decoration:none!important;
transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.bays-command-memory-item:hover{
transform:translateY(-1px)!important;
border-color:#bfdbfe!important;
box-shadow:0 7px 17px rgba(37,99,235,.06)!important;
}
.bays-command-memory-item>b{
display:grid!important;
place-items:center!important;
width:36px!important;
height:36px!important;
border-radius:10px!important;
background:#eff6ff!important;
color:#2563eb!important;
font-size:12px!important;
}
.bays-command-memory-item>span{
min-width:0!important;
}
.bays-command-memory-item strong,
.bays-command-memory-item small{
display:block!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.bays-command-memory-item strong{
color:#0f172a!important;
font-size:9px!important;
}
.bays-command-memory-item small{
margin-top:3px!important;
color:#94a3b8!important;
font-size:7px!important;
}
.bays-command-pin,
.bays-command-result-pin{
display:grid!important;
place-items:center!important;
width:28px!important;
height:28px!important;
padding:0!important;
border:1px solid #e2e8f0!important;
border-radius:8px!important;
background:#f8fafc!important;
color:#94a3b8!important;
font-size:13px!important;
cursor:pointer!important;
transition:background .14s ease,color .14s ease,border-color .14s ease!important;
}
.bays-command-pin:hover,
.bays-command-result-pin:hover,
.bays-command-pin.is-active,
.bays-command-result-pin.is-active{
border-color:#fde68a!important;
background:#fffbeb!important;
color:#d97706!important;
}
.bays-command-result{
grid-template-columns:48px minmax(0,1fr) auto 28px 20px!important;
}
.bays-command-result-pin{
position:relative!important;
z-index:2!important;
}
.bays-command-search-chips{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
}
.bays-command-search-chips>button{
min-height:31px!important;
padding:0 10px!important;
border:1px solid #dbe3ee!important;
border-radius:999px!important;
background:#fff!important;
color:#475569!important;
font-size:8px!important;
font-weight:800!important;
cursor:pointer!important;
}
.bays-command-search-chips>button:hover{
border-color:#bfdbfe!important;
background:#eff6ff!important;
color:#2563eb!important;
}
.bays-command-clear-searches{
padding:0!important;
border:0!important;
background:transparent!important;
color:#dc2626!important;
font-size:7px!important;
font-weight:800!important;
cursor:pointer!important;
}
@media(max-width:620px){
.bays-command-memory-list{
grid-template-columns:1fr!important;
}
.bays-command-result{
grid-template-columns:44px minmax(0,1fr) 28px 18px!important;
}
.bays-command-result .price{
grid-column:2!important;
}
.bays-command-result-pin{
grid-column:3!important;
grid-row:1/3!important;
}
.bays-command-result .arrow{
grid-column:4!important;
grid-row:1/3!important;
}
}
/* =========================================================
v1.27.5 — Command Center Final UX & Performance Pass
========================================================= */
.bays-command-dialog{
will-change:transform,opacity!important;
contain:layout paint style!important;
}
.bays-command-body{
overscroll-behavior:contain!important;
scrollbar-width:thin!important;
scrollbar-color:#cbd5e1 transparent!important;
}
.bays-command-body::-webkit-scrollbar{
width:8px!important;
}
.bays-command-body::-webkit-scrollbar-thumb{
border:2px solid transparent!important;
border-radius:999px!important;
background:#cbd5e1!important;
background-clip:padding-box!important;
}
.bays-command-result,
.bays-command-memory-item,
.bays-command-actions>a{
-webkit-tap-highlight-color:transparent!important;
}
.bays-command-result:focus-visible,
.bays-command-memory-item:focus-visible,
.bays-command-actions>a:focus-visible,
.bays-command-search-chips>button:focus-visible,
.bays-command-pin:focus-visible,
.bays-command-result-pin:focus-visible{
outline:2px solid rgba(37,99,235,.5)!important;
outline-offset:2px!important;
}
.bays-command-result.is-active{
outline:2px solid rgba(37,99,235,.15)!important;
outline-offset:-2px!important;
}
.bays-command-result .price{
max-width:150px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.bays-command-empty[hidden],
.bays-command-loading[hidden],
.bays-command-live-region[hidden],
.bays-command-smart-home[hidden],
.bays-command-section[hidden]{
display:none!important;
}
.bays-command-footer{
min-height:44px!important;
}
@media(max-width:720px){
.bays-command-center{
padding:0!important;
place-items:stretch!important;
}
.bays-command-dialog{
width:100%!important;
max-width:none!important;
max-height:none!important;
height:100dvh!important;
border:0!important;
border-radius:0!important;
}
.bays-command-header{
padding-top:max(16px,env(safe-area-inset-top))!important;
}
.bays-command-body{
padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
}
.bays-command-footer{
padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
}
}
@media(prefers-reduced-motion:reduce){
.bays-command-center,
.bays-command-dialog,
.bays-command-result,
.bays-command-memory-item,
.bays-command-actions>a{
animation:none!important;
transition:none!important;
}
}
/* =========================================================
v1.28.0 — Smart Order Experience
========================================================= */
.bays-order-view{
display:grid!important;
gap:16px!important;
}
.bays-smart-order-hero{
display:grid!important;
gap:15px!important;
padding:20px!important;
border:1px solid #dbeafe!important;
border-radius:18px!important;
background:linear-gradient(135deg,#f8fbff,#fff)!important;
box-shadow:0 12px 34px rgba(37,99,235,.065)!important;
}
.bays-smart-order-heading .back{
display:inline-flex!important;
margin-bottom:13px!important;
color:#2563eb!important;
font-size:9px!important;
font-weight:900!important;
text-decoration:none!important;
}
.bays-smart-order-heading .eyebrow{
color:#2563eb!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
}
.bays-smart-order-heading .title-row{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:18px!important;
margin-top:6px!important;
}
.bays-smart-order-heading h1{
margin:0!important;
color:#0f172a!important;
font-size:29px!important;
letter-spacing:-.035em!important;
}
.bays-smart-order-heading p{
margin:7px 0 0!important;
color:#64748b!important;
font-size:10px!important;
}
.bays-smart-order-kpis{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:9px!important;
}
.bays-smart-order-kpis>article{
min-width:0!important;
padding:14px!important;
border:1px solid #e2e8f0!important;
border-radius:12px!important;
background:#fff!important;
}
.bays-smart-order-kpis small,
.bays-smart-order-kpis strong,
.bays-smart-order-kpis span{
display:block!important;
}
.bays-smart-order-kpis small{
color:#64748b!important;
font-size:7px!important;
font-weight:900!important;
text-transform:uppercase!important;
}
.bays-smart-order-kpis strong{
margin-top:7px!important;
color:#0f172a!important;
font-size:14px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.bays-smart-order-kpis span{
margin-top:5px!important;
color:#94a3b8!important;
font-size:7px!important;
}
.bays-smart-order-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
padding-top:1px!important;
}
.bays-smart-order-actions>a,
.bays-smart-order-actions>button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:39px!important;
padding:0 12px!important;
border:1px solid #dbe3ee!important;
border-radius:9px!important;
background:#fff!important;
color:#334155!important;
font-family:inherit!important;
font-size:8px!important;
font-weight:900!important;
text-decoration:none!important;
cursor:pointer!important;
}
.bays-smart-order-actions .primary{
border-color:#2563eb!important;
background:#2563eb!important;
color:#fff!important;
box-shadow:0 7px 17px rgba(37,99,235,.16)!important;
}
.bays-smart-order-timeline-card{
padding:18px!important;
border:1px solid #e2e8f0!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
}
.bays-smart-order-timeline{
display:grid!important;
grid-template-columns:minmax(120px,1fr) 32px minmax(120px,1fr) 32px minmax(120px,1fr) 32px minmax(120px,1fr) 32px minmax(120px,1fr)!important;
align-items:center!important;
gap:5px!important;
margin-top:15px!important;
padding:13px!important;
border:1px solid #dbeafe!important;
border-radius:12px!important;
background:#f8fbff!important;
}
.bays-smart-order-timeline>div{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-width:0!important;
}
.bays-smart-order-timeline>div>b{
display:grid!important;
place-items:center!important;
flex:0 0 auto!important;
width:31px!important;
height:31px!important;
border-radius:9px!important;
background:#e2e8f0!important;
color:#64748b!important;
font-size:9px!important;
}
.bays-smart-order-timeline>div span{
min-width:0!important;
}
.bays-smart-order-timeline strong,
.bays-smart-order-timeline small{
display:block!important;
}
.bays-smart-order-timeline strong{
color:#475569!important;
font-size:8px!important;
white-space:nowrap!important;
}
.bays-smart-order-timeline small{
margin-top:3px!important;
color:#94a3b8!important;
font-size:7px!important;
line-height:1.35!important;
}
.bays-smart-order-timeline>div.done>b{
background:#ecfdf3!important;
color:#16a34a!important;
}
.bays-smart-order-timeline>div.done strong{
color:#15803d!important;
}
.bays-smart-order-timeline>div.active>b{
background:#2563eb!important;
color:#fff!important;
box-shadow:0 0 0 5px rgba(37,99,235,.09)!important;
}
.bays-smart-order-timeline>div.active strong{
color:#2563eb!important;
}
.bays-smart-order-timeline>i{
height:2px!important;
background:#e2e8f0!important;
}
.bays-smart-order-timeline>i.done{
background:#22c55e!important;
}
.bays-smart-order-process{
padding:16px!important;
border:1px solid #dbeafe!important;
border-radius:14px!important;
background:linear-gradient(180deg,#f8fbff,#fff)!important;
}
.bays-smart-order-checks{
display:grid!important;
gap:8px!important;
margin-top:12px!important;
}
.bays-smart-order-checks>div{
display:grid!important;
grid-template-columns:31px minmax(0,1fr)!important;
align-items:center!important;
gap:9px!important;
padding:10px!important;
border:1px solid #e2e8f0!important;
border-radius:10px!important;
background:#fff!important;
}
.bays-smart-order-checks>div>b{
display:grid!important;
place-items:center!important;
width:31px!important;
height:31px!important;
border-radius:9px!important;
background:#f1f5f9!important;
color:#64748b!important;
font-size:10px!important;
}
.bays-smart-order-checks>div.ok>b{
background:#ecfdf3!important;
color:#16a34a!important;
}
.bays-smart-order-checks>div.attention>b{
background:#fff7ed!important;
color:#d97706!important;
}
.bays-smart-order-checks strong,
.bays-smart-order-checks small{
display:block!important;
}
.bays-smart-order-checks strong{
color:#0f172a!important;
font-size:9px!important;
}
.bays-smart-order-checks small{
margin-top:3px!important;
color:#64748b!important;
font-size:7px!important;
line-height:1.4!important;
}
.bays-smart-order-tickets{
display:grid!important;
gap:6px!important;
margin-top:10px!important;
}
.bays-smart-order-tickets>a{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:9px!important;
padding:9px 10px!important;
border:1px solid #e2e8f0!important;
border-radius:9px!important;
background:#fff!important;
color:inherit!important;
text-decoration:none!important;
}
.bays-smart-order-tickets strong,
.bays-smart-order-tickets small{
display:block!important;
}
.bays-smart-order-tickets strong{
color:#0f172a!important;
font-size:8px!important;
}
.bays-smart-order-tickets small{
margin-top:3px!important;
color:#64748b!important;
font-size:7px!important;
}
.bays-smart-order-tickets em{
color:#d97706!important;
font-size:7px!important;
font-style:normal!important;
font-weight:900!important;
}
.bays-smart-order-shipment{
display:grid!important;
gap:4px!important;
margin-top:10px!important;
padding:11px!important;
border-radius:10px!important;
background:#0f172a!important;
color:#fff!important;
}
.bays-smart-order-shipment small{
color:#93c5fd!important;
font-size:7px!important;
font-weight:900!important;
text-transform:uppercase!important;
}
.bays-smart-order-shipment strong{
font-size:10px!important;
}
.bays-smart-order-shipment span,
.bays-smart-order-shipment em{
color:#cbd5e1!important;
font-size:7px!important;
font-style:normal!important;
}
@media(max-width:1100px){
.bays-smart-order-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.bays-smart-order-timeline{
grid-template-columns:1fr!important;
}
.bays-smart-order-timeline>i{
width:2px!important;
height:15px!important;
margin-left:15px!important;
}
}
@media(max-width:620px){
.bays-smart-order-hero{
padding:16px!important;
}
.bays-smart-order-heading .title-row{
flex-direction:column!important;
}
.bays-smart-order-heading h1{
font-size:24px!important;
}
.bays-smart-order-kpis{
grid-template-columns:1fr 1fr!important;
}
.bays-smart-order-actions{
display:grid!important;
grid-template-columns:1fr!important;
}
.bays-smart-order-actions>a,
.bays-smart-order-actions>button{
width:100%!important;
}
}
@media print{
.bays-sidebar-premium,
.bays-topbar-premium,
.bays-sidebar-whatsapp,
.bays-smart-order-actions,
.bays-command-center{
display:none!important;
}
.bays-app,
.main,
.bays-content-premium{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.bays-order-view{
color:#000!important;
}
.bays-smart-order-hero,
.bays-smart-order-timeline-card,
.bays-order-view-products,
.bays-order-view-side>article{
box-shadow:none!important;
break-inside:avoid!important;
}
}
/* =========================================================
v1.28.1 — Shipping Experience PRO
========================================================= */
.bays-shipping-v1281{
gap:16px!important;
}
.bays-shipping-card-premium{
padding:18px!important;
border-color:#dbeafe!important;
box-shadow:0 10px 28px rgba(37,99,235,.055)!important;
}
.bays-shipping-order-title small,
.bays-shipping-order-title strong,
.bays-shipping-order-title span{
display:block!important;
}
.bays-shipping-order-title small{
color:#64748b!important;
font-size:7px!important;
font-weight:900!important;
text-transform:uppercase!important;
}
.bays-shipping-order-title strong{
margin-top:4px!important;
color:#0f172a!important;
font-size:18px!important;
}
.bays-shipping-order-title span{
margin-top:4px!important;
color:#94a3b8!important;
font-size:7px!important;
}
.bays-shipping-card-badges{
display:flex!important;
align-items:center!important;
gap:7px!important;
flex-wrap:wrap!important;
justify-content:flex-end!important;
}
.bays-shipping-delivery-badge{
display:inline-flex!important;
align-items:center!important;
min-height:28px!important;
padding:0 10px!important;
border-radius:999px!important;
background:#f1f5f9!important;
color:#64748b!important;
font-size:8px!important;
font-weight:900!important;
}
.bays-shipping-delivery-badge.success{
background:#ecfdf3!important;
color:#16a34a!important;
}
.bays-shipping-delivery-badge.warning{
background:#fff7ed!important;
color:#c2410c!important;
}
.bays-shipping-delivery-badge.info{
background:#eff6ff!important;
color:#2563eb!important;
}
.bays-shipping-delivery-badge.danger{
background:#fef2f2!important;
color:#dc2626!important;
}
.bays-shipping-progress{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:9px!important;
margin:14px 0 2px!important;
}
.bays-shipping-progress>div{
height:8px!important;
overflow:hidden!important;
border-radius:999px!important;
background:#e2e8f0!important;
}
.bays-shipping-progress>div>i{
display:block!important;
height:100%!important;
border-radius:999px!important;
background:linear-gradient(90deg,#2563eb,#22c55e)!important;
}
.bays-shipping-progress>span{
color:#64748b!important;
font-size:8px!important;
font-weight:900!important;
}
.bays-shipping-meta-premium{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.bays-shipping-meta-premium>span{
position:relative!important;
min-width:0!important;
padding:12px!important;
border:1px solid #eef2f6!important;
border-radius:10px!important;
background:#f8fafc!important;
}
.bays-shipping-meta-premium strong{
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.bays-copy-tracking{
margin-top:7px!important;
min-height:27px!important;
padding:0 8px!important;
border:1px solid #dbe3ee!important;
border-radius:7px!important;
background:#fff!important;
color:#2563eb!important;
font-size:7px!important;
font-weight:900!important;
cursor:pointer!important;
}
.bays-copy-tracking.is-copied{
border-color:#bbf7d0!important;
background:#ecfdf3!important;
color:#16a34a!important;
}
.bays-shipping-timeline-premium{
margin-top:15px!important;
}
.bays-shipping-timeline-premium>div{
min-width:0!important;
}
.bays-shipping-timeline-premium strong,
.bays-shipping-timeline-premium small{
display:block!important;
}
.bays-shipping-timeline-premium strong{
color:#475569!important;
font-size:8px!important;
white-space:nowrap!important;
}
.bays-shipping-timeline-premium small{
margin-top:3px!important;
color:#94a3b8!important;
font-size:7px!important;
line-height:1.35!important;
}
.bays-shipping-timeline-premium>div.done strong{
color:#15803d!important;
}
.bays-shipping-timeline-premium>div.active strong{
color:#2563eb!important;
}
@media(max-width:980px){
.bays-shipping-meta-premium{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media(max-width:620px){
.bays-shipping-card-premium{
padding:15px!important;
}
.bays-shipping-card-top{
align-items:flex-start!important;
flex-direction:column!important;
}
.bays-shipping-card-badges{
justify-content:flex-start!important;
}
.bays-shipping-meta-premium{
grid-template-columns:1fr!important;
}
.bays-shipping-timeline-premium{
grid-template-columns:1fr!important;
}
.bays-shipping-timeline-premium>i{
width:2px!important;
height:15px!important;
margin-left:15px!important;
}
}
/* ==========================================================
BAYS B2B PRO UX PRO RC1
Visual consistency, readability and responsive polish only.
Existing routes, commerce flows and business logic untouched.
========================================================== */
:root{
--bays-ux-bg:#f4f7fb;
--bays-ux-surface:#ffffff;
--bays-ux-surface-soft:#f8fafc;
--bays-ux-border:#e4eaf2;
--bays-ux-text:#172033;
--bays-ux-muted:#667085;
--bays-ux-subtle:#98a2b3;
--bays-ux-primary:#2563eb;
--bays-ux-primary-soft:#eff6ff;
--bays-ux-radius:16px;
--bays-ux-shadow:0 8px 28px rgba(15,23,42,.055);
}
body.bays-b2b-final-page{
background:var(--bays-ux-bg)!important;
color:var(--bays-ux-text)!important;
font-size:14px!important;
line-height:1.55!important;
-webkit-font-smoothing:antialiased;
}
.bays-app-premium{
grid-template-columns:264px minmax(0,1fr)!important;
background:var(--bays-ux-bg)!important;
}
.bays-sidebar-premium{
padding:20px 15px 18px!important;
background:linear-gradient(180deg,#081a35 0%,#0a2243 58%,#07182f 100%)!important;
box-shadow:12px 0 36px rgba(8,26,53,.08)!important;
}
.bays-sidebar-premium .logo{
min-height:66px!important;
margin-bottom:10px!important;
padding:4px 8px 20px!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.bays-sidebar-premium .logo img{
max-width:46px!important;
max-height:46px!important;
object-fit:contain!important;
}
.bays-sidebar-premium .logo strong{
color:#fff!important;
font-size:14px!important;
line-height:1.25!important;
}
.bays-sidebar-premium .logo small{
margin-top:3px!important;
color:#9fb0c8!important;
font-size:11px!important;
}
.bays-sidebar-premium nav{
gap:6px!important;
}
.bays-sidebar-premium nav a{
min-height:44px!important;
padding:10px 12px!important;
border-radius:11px!important;
color:#d6dfec!important;
font-size:13px!important;
font-weight:700!important;
}
.bays-sidebar-premium nav a>b{
width:26px!important;
height:26px!important;
border-radius:8px!important;
background:rgba(255,255,255,.06)!important;
color:#c8d6ea!important;
font-size:14px!important;
font-weight:800!important;
}
.bays-sidebar-premium nav a.active{
background:linear-gradient(90deg,#2563eb,#3b82f6)!important;
box-shadow:0 8px 20px rgba(37,99,235,.28)!important;
color:#fff!important;
}
.bays-sidebar-premium nav a.active>b{
background:rgba(255,255,255,.18)!important;
color:#fff!important;
}
.bays-sidebar-premium .user-mini{
margin-top:18px!important;
padding:16px 8px 0!important;
border-top:1px solid rgba(255,255,255,.08)!important;
}
.bays-sidebar-premium .user-mini strong{
color:#fff!important;
font-size:12px!important;
}
.bays-sidebar-premium .user-mini small{
color:#9fb0c8!important;
font-size:10px!important;
}
.bays-sidebar-premium .logout{
min-height:39px!important;
display:grid!important;
place-items:center!important;
border-color:rgba(255,255,255,.13)!important;
background:rgba(255,255,255,.035)!important;
font-size:11px!important;
}
.bays-sidebar-whatsapp{
margin-top:10px!important;
padding:11px 12px!important;
border:1px solid rgba(74,222,128,.22)!important;
border-radius:12px!important;
background:rgba(34,197,94,.09)!important;
}
.bays-sidebar-whatsapp strong{font-size:11px!important}
.bays-sidebar-whatsapp small{font-size:9px!important;color:#a7f3d0!important}
.bays-topbar-premium{
height:72px!important;
padding:12px 28px!important;
border-bottom:1px solid var(--bays-ux-border)!important;
background:rgba(255,255,255,.96)!important;
box-shadow:0 4px 18px rgba(15,23,42,.025)!important;
}
.bays-topbar-premium input{
height:46px!important;
padding:0 16px 0 44px!important;
border:1px solid #d9e1eb!important;
border-radius:12px!important;
background:#f8fafc!important;
color:var(--bays-ux-text)!important;
font-size:13px!important;
}
.bays-topbar-premium input::placeholder{color:#98a2b3!important}
.bays-topbar-premium .topbar-actions{
gap:9px!important;
}
.bays-topbar-premium .topbar-actions>a,
.bays-topbar-premium .topbar-actions>button{
min-width:44px!important;
height:44px!important;
border:1px solid var(--bays-ux-border)!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 4px 12px rgba(15,23,42,.035)!important;
}
.bays-content-premium{
width:100%!important;
max-width:1680px!important;
margin:0 auto!important;
padding:26px 28px 120px!important;
}
.bays-dashboard,
.bays-dashboard-premium,
.bays-dashboard-v118,
.bays-dashboard-v125{
gap:18px!important;
}
.bays-welcome,
.bays-welcome-premium,
.bays-dashboard-welcome-v125{
padding:25px 27px!important;
border:1px solid #dbe7f5!important;
border-radius:18px!important;
background:linear-gradient(135deg,#0f4fc5 0%,#2563eb 55%,#3b82f6 100%)!important;
box-shadow:0 14px 34px rgba(37,99,235,.18)!important;
}
.bays-welcome small,
.bays-welcome-premium small,
.bays-dashboard-welcome-v125 small{
color:#dbeafe!important;
font-size:11px!important;
letter-spacing:.08em!important;
}
.bays-welcome h1,
.bays-welcome-premium h1,
.bays-dashboard-welcome-v125 h1{
margin:7px 0 8px!important;
color:#fff!important;
font-size:30px!important;
line-height:1.15!important;
letter-spacing:-.025em!important;
}
.bays-welcome p,
.bays-welcome-premium p,
.bays-dashboard-welcome-v125 p{
max-width:760px!important;
color:#dbeafe!important;
font-size:13px!important;
line-height:1.65!important;
}
.bays-stats-six,
.bays-dashboard-kpis{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
}
.bays-stat-card,
.bays-dashboard-kpis>article{
min-height:138px!important;
padding:18px 19px!important;
border:1px solid var(--bays-ux-border)!important;
border-radius:var(--bays-ux-radius)!important;
background:var(--bays-ux-surface)!important;
box-shadow:var(--bays-ux-shadow)!important;
}
.bays-stat-card:hover,
.bays-dashboard-kpis>article:hover{
transform:translateY(-2px)!important;
border-color:#cbd8e8!important;
box-shadow:0 14px 34px rgba(15,23,42,.075)!important;
}
.bays-stat-card small,
.bays-dashboard-kpis small{
color:var(--bays-ux-muted)!important;
font-size:11px!important;
font-weight:800!important;
letter-spacing:.035em!important;
}
.bays-stat-card>strong,
.bays-dashboard-kpis strong{
margin-top:15px!important;
color:var(--bays-ux-text)!important;
font-size:24px!important;
line-height:1.1!important;
}
.bays-stat-card>span,
.bays-dashboard-kpis span{
margin-top:7px!important;
color:var(--bays-ux-muted)!important;
font-size:11px!important;
}
.bays-stat-top>b{
width:38px!important;
height:38px!important;
border-radius:11px!important;
font-size:15px!important;
}
.bays-dashboard-insights{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
}
.bays-dashboard-insights>article{
min-height:112px!important;
padding:17px 18px!important;
border:1px solid var(--bays-ux-border)!important;
border-radius:15px!important;
background:linear-gradient(180deg,#fff,#fbfdff)!important;
box-shadow:0 6px 20px rgba(15,23,42,.035)!important;
}
.bays-dashboard-insights small{font-size:10px!important;color:var(--bays-ux-muted)!important}
.bays-dashboard-insights strong{font-size:19px!important;color:var(--bays-ux-text)!important}
.bays-dashboard-insights span{font-size:10px!important;color:var(--bays-ux-muted)!important}
.bays-shortcuts-five,
.bays-dashboard-actions{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:12px!important;
}
.bays-shortcut-card,
.bays-dashboard-actions>a{
min-height:88px!important;
padding:15px!important;
border:1px solid var(--bays-ux-border)!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:0 6px 18px rgba(15,23,42,.03)!important;
}
.bays-shortcut-card:hover,
.bays-dashboard-actions>a:hover{
transform:translateY(-2px)!important;
border-color:#bfdbfe!important;
box-shadow:0 12px 28px rgba(37,99,235,.08)!important;
}
.bays-shortcut-card>b,
.bays-dashboard-actions>a>b{
display:grid!important;
place-items:center!important;
width:40px!important;
height:40px!important;
border-radius:12px!important;
background:var(--bays-ux-primary-soft)!important;
color:var(--bays-ux-primary)!important;
font-size:18px!important;
}
.bays-shortcut-card strong{font-size:12px!important;color:var(--bays-ux-text)!important}
.bays-shortcut-card small{font-size:10px!important;line-height:1.45!important;color:var(--bays-ux-muted)!important}
.bays-card,
.bays-sales-chart,
.bays-main-grid-three>article{
border:1px solid var(--bays-ux-border)!important;
border-radius:var(--bays-ux-radius)!important;
background:#fff!important;
box-shadow:var(--bays-ux-shadow)!important;
}
.bays-card{padding:19px!important}
.bays-card-head{
margin-bottom:16px!important;
gap:14px!important;
}
.bays-card-head h2{
color:var(--bays-ux-text)!important;
font-size:15px!important;
line-height:1.3!important;
}
.bays-card-head small,
.bays-card-head span{
color:var(--bays-ux-muted)!important;
font-size:10px!important;
}
.bays-card-head a{
font-size:11px!important;
font-weight:800!important;
}
.bays-main-grid-three{
grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr) minmax(280px,.75fr)!important;
gap:15px!important;
}
.bays-card table th{
padding:11px 10px!important;
color:#667085!important;
font-size:10px!important;
font-weight:800!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
}
.bays-card table td{
padding:13px 10px!important;
color:#344054!important;
font-size:11px!important;
vertical-align:middle!important;
}
.bays-card table tbody tr:hover{background:#f8fafc!important}
.bays-order-status{
display:inline-flex!important;
align-items:center!important;
min-height:26px!important;
padding:4px 9px!important;
border-radius:999px!important;
font-size:9px!important;
font-weight:800!important;
}
.bays-top-products>div{padding:11px 0!important;gap:12px!important}
.bays-top-products img{width:48px!important;height:48px!important;border-radius:10px!important;background:#f8fafc!important}
.bays-top-products strong{font-size:11px!important;line-height:1.4!important}
.bays-top-products small{font-size:9px!important}
.bays-dashboard-notification-list>a{padding:13px 0!important}
.bays-dashboard-notification-list strong{font-size:11px!important}
.bays-dashboard-notification-list small{font-size:10px!important}
.bays-products>div{
padding:13px!important;
border:1px solid var(--bays-ux-border)!important;
border-radius:14px!important;
box-shadow:0 5px 16px rgba(15,23,42,.025)!important;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.bays-products>div:hover{
transform:translateY(-2px)!important;
border-color:#cbd8e8!important;
box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
.bays-products h3{min-height:40px!important;font-size:12px!important;line-height:1.45!important}
.bays-products>div>small{font-size:9px!important;color:var(--bays-ux-muted)!important}
.product-bottom strong{font-size:13px!important}
.product-bottom .button{min-width:36px!important;min-height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important}
.bays-section-head h1{font-size:27px!important;letter-spacing:-.02em!important}
.bays-section-head p{font-size:12px!important;line-height:1.6!important}
.bays-product-detail,
.bays-order-page,
.bays-finance-page,
.bays-support-page,
.bays-shipping-page{
color:var(--bays-ux-text)!important;
}
.bays-floating-cart{
left:264px!important;
min-height:78px!important;
padding:11px 28px!important;
background:linear-gradient(90deg,#081a35,#0b2a51)!important;
box-shadow:0 -10px 30px rgba(8,26,53,.16)!important;
}
@media(max-width:1280px){
.bays-stats-six,.bays-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.bays-shortcuts-five,.bays-dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bays-main-grid-three{grid-template-columns:1fr 1fr!important}
.bays-dashboard-notifications{grid-column:1/-1!important}
}
@media(max-width:980px){
.bays-app-premium{display:block!important}
.bays-sidebar-premium{
position:relative!important;
width:100%!important;
height:auto!important;
padding:13px 14px!important;
overflow:visible!important;
}
.bays-sidebar-premium .logo{min-height:54px!important;margin:0!important;padding:4px 4px 12px!important}
.bays-sidebar-premium nav{display:flex!important;overflow-x:auto!important;padding:4px 0 7px!important;scrollbar-width:none}
.bays-sidebar-premium nav::-webkit-scrollbar{display:none}
.bays-sidebar-premium nav a{flex:0 0 auto!important;min-height:40px!important;padding:8px 11px!important;font-size:11px!important}
.bays-sidebar-premium nav a>b{width:22px!important;height:22px!important;font-size:12px!important}
.bays-sidebar-premium .user-mini,.bays-sidebar-premium .logout,.bays-sidebar-whatsapp{display:none!important}
.bays-topbar-premium{top:0!important;height:64px!important;padding:9px 16px!important}
.bays-content-premium{padding:18px 16px 118px!important}
.bays-floating-cart{left:0!important}
.bays-dashboard-insights{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
body.bays-b2b-final-page{font-size:13px!important}
.bays-topbar-premium .bays-live-product-search{max-width:none!important}
.bays-topbar-premium input{height:42px!important;font-size:12px!important}
.bays-topbar-premium .topbar-actions{gap:6px!important}
.bays-topbar-premium .topbar-actions>a,.bays-topbar-premium .topbar-actions>button{min-width:40px!important;height:40px!important}
.bays-welcome,.bays-welcome-premium,.bays-dashboard-welcome-v125{padding:21px!important}
.bays-welcome h1,.bays-welcome-premium h1,.bays-dashboard-welcome-v125 h1{font-size:24px!important}
.bays-welcome p,.bays-welcome-premium p,.bays-dashboard-welcome-v125 p{font-size:12px!important}
.bays-stats-six,.bays-dashboard-kpis,.bays-dashboard-insights,.bays-shortcuts-five,.bays-dashboard-actions,.bays-main-grid-three{grid-template-columns:1fr!important}
.bays-dashboard-notifications{grid-column:auto!important}
.bays-stat-card,.bays-dashboard-kpis>article{min-height:120px!important}
.bays-stat-card>strong,.bays-dashboard-kpis strong{font-size:22px!important}
.bays-card{padding:15px!important}
.bays-section-head{align-items:flex-start!important;flex-direction:column!important}
.bays-section-head h1{font-size:23px!important}
.bays-products,.bays-products.catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.bays-card table th,.bays-card table td{font-size:10px!important;white-space:nowrap!important}
}
@media(max-width:480px){
.bays-content-premium{padding:14px 11px 120px!important}
.bays-topbar-premium{padding:8px 10px!important}
.bays-topbar-premium .topbar-actions>*:not(:last-child){display:none!important}
.bays-products,.bays-products.catalog{grid-template-columns:1fr!important}
.bays-shortcut-card,.bays-dashboard-actions>a{min-height:78px!important}
}
/* ========================================================================
BAYS B2B PRO v1.28.3 — UX PRO RC2 / Products & Orders Polish
Görsel iyileştirme katmanı. Mevcut iş akışlarını değiştirmez.
======================================================================== */
/* PRODUCT CATALOG — stronger visual hierarchy */
.bays-catalog-pro{
--bays-product-border:#dfe7f1;
--bays-product-muted:#667085;
--bays-product-ink:#0f172a;
display:grid;
gap:20px;
}
.bays-catalog-hero{
position:relative;
padding:28px 30px!important;
border:1px solid #dbe7f5!important;
border-radius:20px!important;
background:
radial-gradient(circle at 88% 15%,rgba(59,130,246,.13),transparent 31%),
linear-gradient(135deg,#ffffff 0%,#f7fbff 100%)!important;
box-shadow:0 14px 38px rgba(15,23,42,.055)!important;
overflow:hidden;
}
.bays-catalog-hero h1{
margin:7px 0 8px!important;
color:#0b1730!important;
font-size:30px!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
}
.bays-catalog-hero p{
max-width:650px!important;
margin:0!important;
color:#667085!important;
font-size:13px!important;
line-height:1.65!important;
}
.bays-catalog-stats{
gap:10px!important;
}
.bays-catalog-stats>div{
min-width:112px!important;
padding:14px 16px!important;
border:1px solid rgba(148,163,184,.25)!important;
border-radius:14px!important;
background:rgba(255,255,255,.86)!important;
box-shadow:0 7px 20px rgba(15,23,42,.035)!important;
}
.bays-catalog-stats small{
color:#64748b!important;
font-size:9px!important;
font-weight:800!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
}
.bays-catalog-stats strong{
margin-top:5px!important;
color:#0f172a!important;
font-size:21px!important;
}
.bays-catalog-toolbar{
padding:14px!important;
border:1px solid var(--bays-product-border)!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
}
.bays-catalog-toolbar input,
.bays-catalog-toolbar select{
min-height:44px!important;
border-color:#d9e2ee!important;
border-radius:11px!important;
background:#fbfdff!important;
color:#344054!important;
font-size:11px!important;
}
.bays-catalog-toolbar input:focus,
.bays-catalog-toolbar select:focus{
outline:0!important;
border-color:#60a5fa!important;
box-shadow:0 0 0 3px rgba(59,130,246,.11)!important;
}
.bays-catalog-toolbar button{
min-height:44px!important;
padding:0 19px!important;
border-radius:11px!important;
box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}
.bays-product-card-pro{
border-color:var(--bays-product-border)!important;
border-radius:18px!important;
box-shadow:0 7px 22px rgba(15,23,42,.045)!important;
transform:translateZ(0);
}
.bays-product-card-pro:hover{
transform:translateY(-4px)!important;
border-color:#a9c7f4!important;
box-shadow:0 18px 42px rgba(37,99,235,.11)!important;
}
.bays-product-image-pro{
position:relative!important;
padding:17px!important;
background:linear-gradient(180deg,#fbfdff,#f5f8fc)!important;
border-bottom:1px solid #edf2f7!important;
}
.bays-product-image-pro:after{
content:'Ürünü incele';
position:absolute;
right:12px;
bottom:12px;
padding:6px 9px;
border:1px solid rgba(37,99,235,.16);
border-radius:999px;
background:rgba(255,255,255,.92);
color:#2563eb;
font-size:8px;
font-weight:900;
opacity:0;
transform:translateY(4px);
transition:.18s ease;
}
.bays-product-card-pro:hover .bays-product-image-pro:after{
opacity:1;
transform:none;
}
.bays-product-card-body{
padding:17px!important;
}
.bays-product-meta-line{
min-height:26px!important;
gap:8px!important;
}
.bays-product-meta-line>span:first-child{
color:#667085!important;
font-size:9px!important;
font-weight:800!important;
}
.bays-stock-pill{
min-height:24px!important;
padding:4px 8px!important;
border-radius:999px!important;
font-size:8px!important;
font-weight:900!important;
}
.bays-product-card-pro h2{
min-height:44px!important;
margin:11px 0 7px!important;
font-size:13px!important;
line-height:1.48!important;
}
.bays-product-card-pro h2 a:hover{color:#2563eb!important}
.bays-product-category{
min-height:29px!important;
color:#7c899b!important;
font-size:9px!important;
line-height:1.45!important;
}
.bays-stock-meter{
margin:12px 0!important;
padding:10px 11px!important;
border:1px solid #edf2f7!important;
border-radius:11px!important;
background:#fbfdff!important;
}
.bays-stock-meter div span,
.bays-stock-meter div em{
font-size:8px!important;
}
.bays-product-price-pro{
margin-top:auto!important;
padding:13px 14px!important;
border:1px solid #dbeafe!important;
border-radius:13px!important;
background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
}
.bays-product-price-pro small{
color:#64748b!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
}
.bays-product-price-pro strong{
display:block!important;
margin-top:4px!important;
color:#0b5bd3!important;
font-size:19px!important;
line-height:1.1!important;
}
.bays-product-buy-row{
grid-template-columns:102px minmax(0,1fr)!important;
gap:9px!important;
margin-top:11px!important;
}
.bays-quantity-stepper>span{
margin-bottom:5px!important;
color:#667085!important;
font-size:8px!important;
font-weight:900!important;
text-transform:uppercase!important;
}
.bays-quantity-stepper>div{
display:grid!important;
grid-template-columns:30px minmax(36px,1fr) 30px!important;
height:42px!important;
border:1px solid #d8e1ec!important;
border-radius:11px!important;
background:#fff!important;
overflow:hidden!important;
}
.bays-quantity-stepper button,
.bays-quantity-stepper input{
height:40px!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
}
.bays-quantity-stepper button{
color:#2563eb!important;
font-size:16px!important;
font-weight:800!important;
}
.bays-card-add,
.bays-product-detail-button{
min-height:42px!important;
border-radius:11px!important;
font-size:10px!important;
letter-spacing:.01em!important;
}
/* PRODUCT DETAIL — premium purchase focus */
.bays-product-detail-pro{
gap:20px!important;
}
.bays-back-pro{
min-height:38px!important;
padding:0 12px!important;
border:1px solid #dce6f2!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
}
.bays-detail-layout-v2{
gap:22px!important;
}
.bays-detail-gallery,
.bays-detail-info{
border:1px solid #dde6f0!important;
border-radius:19px!important;
background:#fff!important;
box-shadow:0 12px 34px rgba(15,23,42,.05)!important;
}
.bays-detail-gallery{padding:20px!important}
.bays-detail-info{padding:25px!important}
.bays-detail-main-image{
min-height:420px!important;
border:1px solid #edf2f7!important;
border-radius:15px!important;
background:linear-gradient(180deg,#fff,#f8fafc)!important;
}
.bays-detail-info h1{
margin:10px 0 17px!important;
color:#0b1730!important;
font-size:28px!important;
line-height:1.22!important;
letter-spacing:-.025em!important;
}
.bays-detail-meta-grid>div{
padding:12px 13px!important;
border:1px solid #e4ebf3!important;
border-radius:11px!important;
background:#fbfdff!important;
}
.bays-detail-meta-grid small{font-size:8px!important}
.bays-detail-meta-grid strong{font-size:11px!important}
.bays-detail-purchase-card{
margin-top:18px!important;
border:1px solid #cfe0f7!important;
border-radius:16px!important;
background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
box-shadow:0 10px 26px rgba(37,99,235,.08)!important;
}
.bays-buybar-price strong{
color:#0b5bd3!important;
font-size:28px!important;
}
/* ORDERS — visually stronger cards and hierarchy */
.bays-orders-pro{
display:grid!important;
gap:19px!important;
}
.bays-orders-head{
padding:26px 28px!important;
border:1px solid #dce7f4!important;
border-radius:19px!important;
background:
radial-gradient(circle at 90% 10%,rgba(37,99,235,.12),transparent 30%),
linear-gradient(135deg,#fff,#f7fbff)!important;
box-shadow:0 12px 34px rgba(15,23,42,.05)!important;
}
.bays-orders-head h1{
color:#0b1730!important;
font-size:29px!important;
letter-spacing:-.03em!important;
}
.bays-orders-head p{
max-width:620px!important;
font-size:12px!important;
line-height:1.65!important;
}
.bays-orders-new{
min-height:44px!important;
padding:0 18px!important;
border-radius:11px!important;
box-shadow:0 9px 20px rgba(37,99,235,.18)!important;
}
.bays-orders-stats{
gap:12px!important;
}
.bays-orders-stats article{
min-height:122px!important;
padding:17px 18px!important;
border:1px solid #dfe7f1!important;
border-radius:16px!important;
background:linear-gradient(180deg,#fff,#fbfdff)!important;
box-shadow:0 7px 22px rgba(15,23,42,.04)!important;
}
.bays-orders-stats article:before{
content:'';
display:block;
width:34px;
height:4px;
margin-bottom:14px;
border-radius:999px;
background:linear-gradient(90deg,#2563eb,#60a5fa);
}
.bays-orders-stats small{font-size:9px!important;letter-spacing:.04em!important}
.bays-orders-stats strong{font-size:23px!important;line-height:1.15!important}
.bays-orders-stats span{font-size:9px!important}
.bays-orders-list{
gap:13px!important;
}
.bays-order-card{
border:1px solid #dfe7f1!important;
border-radius:17px!important;
background:#fff!important;
box-shadow:0 7px 22px rgba(15,23,42,.04)!important;
overflow:hidden!important;
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.bays-order-card:hover{
transform:translateY(-2px)!important;
border-color:#b9cef0!important;
box-shadow:0 16px 36px rgba(37,99,235,.085)!important;
}
.bays-order-card-top{
padding:14px 17px!important;
border-bottom:1px solid #edf2f7!important;
background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.bays-order-number small{
color:#7c899b!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.05em!important;
text-transform:uppercase!important;
}
.bays-order-number strong{
margin-top:3px!important;
color:#0f172a!important;
font-size:17px!important;
}
.bays-order-status-pro{
min-height:28px!important;
padding:5px 10px!important;
border-radius:999px!important;
font-size:8px!important;
font-weight:900!important;
}
.bays-order-card-main{
padding:16px 17px!important;
gap:17px!important;
}
.bays-order-products-preview span{
width:46px!important;
height:46px!important;
border:1px solid #e6edf5!important;
border-radius:11px!important;
background:#f8fafc!important;
}
.bays-order-card-meta{
gap:9px!important;
}
.bays-order-card-meta>span{
min-height:58px!important;
padding:10px 11px!important;
border:1px solid #e6edf5!important;
border-radius:11px!important;
background:#fbfdff!important;
}
.bays-order-card-meta small{
color:#7c899b!important;
font-size:8px!important;
font-weight:900!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
}
.bays-order-card-meta strong{
margin-top:4px!important;
color:#1d2939!important;
font-size:10px!important;
line-height:1.35!important;
}
.bays-order-card-actions{
padding:13px 17px!important;
border-top:1px solid #edf2f7!important;
background:#fbfdff!important;
}
.bays-order-card-actions a{
min-height:39px!important;
padding:0 15px!important;
border-radius:10px!important;
font-size:9px!important;
}
.bays-order-card-actions a.secondary{
background:#fff!important;
border-color:#d7e2ef!important;
}
/* ORDER DETAIL — more readable and demo-ready */
.bays-order-view-products,
.bays-order-view-side>article{
border:1px solid #dfe7f1!important;
border-radius:17px!important;
background:#fff!important;
box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}
.bays-order-view-item{
padding:13px 0!important;
}
.bays-order-view-item .image{
width:58px!important;
height:58px!important;
border:1px solid #e5edf5!important;
border-radius:12px!important;
background:#f8fafc!important;
}
.bays-order-view-item span a,
.bays-order-view-item span strong{
color:#0f172a!important;
font-size:11px!important;
line-height:1.45!important;
}
.bays-order-view-item span small{font-size:9px!important}
.bays-order-view-item em{font-size:11px!important;font-weight:900!important}
@media(max-width:1180px){
.bays-catalog-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bays-detail-layout-v2{grid-template-columns:1fr!important}
.bays-detail-main-image{min-height:360px!important}
}
@media(max-width:760px){
.bays-catalog-hero,.bays-orders-head{padding:21px!important}
.bays-catalog-hero h1,.bays-orders-head h1{font-size:24px!important}
.bays-catalog-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
.bays-catalog-stats>div{min-width:0!important;padding:11px!important}
.bays-catalog-toolbar{display:grid!important;grid-template-columns:1fr!important}
.bays-product-buy-row{grid-template-columns:1fr!important}
.bays-quantity-stepper>div{max-width:none!important}
.bays-detail-info{padding:18px!important}
.bays-detail-main-image{min-height:280px!important}
.bays-detail-info h1{font-size:23px!important}
.bays-orders-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.bays-order-card-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
.bays-catalog-stats{grid-template-columns:1fr!important}
.bays-product-image-pro:after{display:none!important}
.bays-orders-stats{grid-template-columns:1fr!important}
.bays-order-card-meta{grid-template-columns:1fr!important}
.bays-order-card-actions{display:grid!important;grid-template-columns:1fr!important}
.bays-order-card-actions a{width:100%!important}
}
/* =========================================================
v1.28.4 — PRODUCT CATALOG VISUAL POLISH
Larger imagery, cleaner cards and detail-style quantity stepper
========================================================= */
.bays-product-image-pro{
height:282px!important;
padding:13px 14px 8px!important;
}
.bays-product-image-pro img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
transform:scale(1.06)!important;
}
.bays-product-card-pro:hover .bays-product-image-pro img{
transform:scale(1.095)!important;
}
.bays-product-card-body{
padding-top:15px!important;
}
.bays-product-price-pro{
margin-top:13px!important;
}
.bays-product-buy-row{
grid-template-columns:124px minmax(0,1fr)!important;
align-items:end!important;
}
.bays-quantity-stepper>div{
grid-template-columns:38px minmax(42px,1fr) 38px!important;
height:48px!important;
border:1px solid #cbdcf3!important;
border-radius:14px!important;
box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
}
.bays-quantity-stepper button,
.bays-quantity-stepper input{
height:46px!important;
}
.bays-quantity-stepper button{
background:#fff!important;
color:#2563eb!important;
font-size:21px!important;
line-height:1!important;
}
.bays-quantity-stepper button:hover{
background:#eff6ff!important;
}
.bays-quantity-stepper input{
border-right:1px solid #e2e8f0!important;
border-left:1px solid #e2e8f0!important;
color:#0f172a!important;
font-size:17px!important;
font-weight:900!important;
text-align:center!important;
}
.bays-card-add{
min-height:48px!important;
border-radius:14px!important;
font-size:11px!important;
font-weight:900!important;
}
@media(max-width:1180px){
.bays-product-image-pro{height:260px!important}
}
@media(max-width:760px){
.bays-product-image-pro{height:300px!important;padding:14px!important}
.bays-product-buy-row{grid-template-columns:132px minmax(0,1fr)!important}
}
@media(max-width:480px){
.bays-product-image-pro{height:270px!important}
.bays-product-buy-row{grid-template-columns:128px minmax(0,1fr)!important}
}
/* =========================================================
v1.28.5 — FINAL CATALOG CARD COMPACT ALIGNMENT
Quantity control, cart icon, balanced spacing
========================================================= */
.bays-product-card-body{
padding:15px 16px 16px!important;
}
.bays-product-price-pro{
margin-top:10px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
}
.bays-product-price-pro small{
display:none!important;
}
.bays-product-price-pro strong{
margin:0!important;
color:#b8a271!important;
font-size:20px!important;
line-height:1.15!important;
}
.bays-product-buy-row{
grid-template-columns:104px minmax(0,1fr)!important;
align-items:center!important;
gap:10px!important;
margin-top:12px!important;
}
.bays-quantity-stepper{
display:block!important;
min-width:0!important;
}
.bays-quantity-stepper>span{
display:none!important;
}
.bays-quantity-stepper>div{
grid-template-columns:34px 36px 34px!important;
width:104px!important;
height:44px!important;
border:1px solid #cbdcf3!important;
border-radius:11px!important;
background:#fff!important;
overflow:hidden!important;
}
.bays-quantity-stepper button,
.bays-quantity-stepper input{
width:100%!important;
height:42px!important;
min-height:42px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
line-height:1!important;
box-sizing:border-box!important;
}
.bays-quantity-stepper button{
color:#2563eb!important;
font-size:18px!important;
font-weight:900!important;
}
.bays-quantity-stepper input{
border-right:1px solid #e2e8f0!important;
border-left:1px solid #e2e8f0!important;
color:#0f172a!important;
font-size:15px!important;
font-weight:900!important;
text-align:center!important;
}
.bays-card-add{
min-height:44px!important;
height:44px!important;
gap:7px!important;
padding:0 14px!important;
border-radius:11px!important;
white-space:nowrap!important;
}
.bays-card-add-icon{
width:17px!important;
height:17px!important;
flex:0 0 17px!important;
}
.bays-card-add span{
display:inline-block!important;
}
.bays-product-card-pro{
min-height:0!important;
}
.bays-product-category{
min-height:24px!important;
}
@media(max-width:760px){
.bays-product-buy-row{
grid-template-columns:104px minmax(0,1fr)!important;
}
}
@media(max-width:400px){
.bays-product-buy-row{
grid-template-columns:98px minmax(0,1fr)!important;
gap:8px!important;
}
.bays-quantity-stepper>div{
grid-template-columns:32px 34px 32px!important;
width:98px!important;
}
.bays-card-add{padding:0 10px!important;font-size:9px!important}
}
/* =========================================================
v1.29.0 — PRESENTATION POLISH EDITION
Safe visual system, accessibility and micro-interactions.
All rules are scoped to the BAYS portal shell.
========================================================= */
.bays-app{
--bays-ui-primary:#2563eb;
--bays-ui-primary-dark:#1d4ed8;
--bays-ui-ink:#0f172a;
--bays-ui-muted:#64748b;
--bays-ui-line:#e2e8f0;
--bays-ui-soft:#f8fafc;
--bays-ui-radius-sm:10px;
--bays-ui-radius-md:14px;
--bays-ui-radius-lg:18px;
--bays-ui-shadow:0 8px 28px rgba(15,23,42,.065);
--bays-ui-shadow-hover:0 16px 38px rgba(15,23,42,.10);
}
.bays-app *,
.bays-app *::before,
.bays-app *::after{
box-sizing:border-box;
}
.bays-app a,
.bays-app button,
.bays-app input,
.bays-app select,
.bays-app textarea{
-webkit-tap-highlight-color:transparent;
}
.bays-app a:focus-visible,
.bays-app button:focus-visible,
.bays-app input:focus-visible,
.bays-app select:focus-visible,
.bays-app textarea:focus-visible{
outline:3px solid rgba(37,99,235,.20)!important;
outline-offset:2px!important;
}
.bays-content-premium{
background:
radial-gradient(circle at 92% 0%,rgba(37,99,235,.045),transparent 24%),
#f6f8fc!important;
}
.bays-topbar-premium{
position:sticky!important;
top:0!important;
z-index:90!important;
border-bottom:1px solid rgba(226,232,240,.9)!important;
background:rgba(255,255,255,.94)!important;
box-shadow:0 4px 18px rgba(15,23,42,.035)!important;
backdrop-filter:saturate(150%) blur(12px)!important;
}
.bays-live-product-search input{
transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.bays-live-product-search input:focus{
border-color:#93b4ee!important;
background:#fff!important;
box-shadow:0 0 0 4px rgba(37,99,235,.09)!important;
}
.bays-sidebar-premium nav a{
position:relative!important;
transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.bays-sidebar-premium nav a:hover{
transform:translateX(2px)!important;
}
.bays-sidebar-premium nav a.active::before{
content:"";
position:absolute;
left:0;
top:11px;
bottom:11px;
width:3px;
border-radius:0 6px 6px 0;
background:var(--bays-ui-primary);
}
.bays-sidebar-premium nav a b{
display:grid!important;
place-items:center!important;
width:30px!important;
height:30px!important;
flex:0 0 30px!important;
border-radius:9px!important;
background:rgba(148,163,184,.08)!important;
transition:background .18s ease,color .18s ease!important;
}
.bays-sidebar-premium nav a.active b,
.bays-sidebar-premium nav a:hover b{
background:rgba(37,99,235,.10)!important;
color:var(--bays-ui-primary)!important;
}
.bays-app .bays-card,
.bays-app .bays-stat-card,
.bays-app .bays-shortcut-card,
.bays-app .bays-product-card-pro,
.bays-app .bays-order-card,
.bays-app .bays-shipping-card,
.bays-app .bays-campaign-card,
.bays-app .bays-support-card{
border-color:rgba(226,232,240,.95)!important;
box-shadow:var(--bays-ui-shadow)!important;
transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease!important;
}
.bays-app .bays-shortcut-card:hover,
.bays-app .bays-product-card-pro:hover,
.bays-app .bays-order-card:hover,
.bays-app .bays-shipping-card:hover,
.bays-app .bays-campaign-card:hover,
.bays-app .bays-support-card:hover{
transform:translateY(-3px)!important;
border-color:#c9d9f3!important;
box-shadow:var(--bays-ui-shadow-hover)!important;
}
.bays-app .bays-stat-card:hover{
transform:translateY(-2px)!important;
box-shadow:0 14px 34px rgba(15,23,42,.085)!important;
}
.bays-app button,
.bays-app .button,
.bays-app [class*="-button"],
.bays-app [class*="-btn"]{
transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease!important;
}
.bays-app button:not(:disabled):active,
.bays-app .button:not(.disabled):active,
.bays-app [class*="-button"]:not(:disabled):active,
.bays-app [class*="-btn"]:not(:disabled):active{
transform:translateY(1px)!important;
}
.bays-card-add,
.bays-app .checkout-button,
.bays-app button[type="submit"]{
box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}
.bays-card-add:hover,
.bays-app .checkout-button:hover,
.bays-app button[type="submit"]:hover{
box-shadow:0 12px 24px rgba(37,99,235,.24)!important;
}
.bays-card-add.is-bays-loading{
pointer-events:none!important;
opacity:.78!important;
}
.bays-card-add.is-bays-loading .bays-card-add-icon{
animation:bays-ui-spin .7s linear infinite!important;
}
@keyframes bays-ui-spin{to{transform:rotate(360deg)}}
.bays-app table tbody tr{
transition:background .15s ease!important;
}
.bays-app table tbody tr:hover{
background:#f8fbff!important;
}
.bays-app .bays-order-status,
.bays-app [class*="status-"]{
letter-spacing:.01em;
}
.bays-app input,
.bays-app select,
.bays-app textarea{
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.bays-app input:focus,
.bays-app select:focus,
.bays-app textarea:focus{
border-color:#93b4ee!important;
box-shadow:0 0 0 4px rgba(37,99,235,.085)!important;
}
.bays-app ::-webkit-scrollbar{width:10px;height:10px}
.bays-app ::-webkit-scrollbar-track{background:#f1f5f9}
.bays-app ::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:99px}
.bays-app ::-webkit-scrollbar-thumb:hover{background:#94a3b8}
.bays-empty-state,
.bays-app .woocommerce-info,
.bays-app .woocommerce-message,
.bays-app .woocommerce-error{
border-radius:var(--bays-ui-radius-md)!important;
border:1px solid var(--bays-ui-line)!important;
box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}
/* Portal toast — generated by app.js after successful actions. */
.bays-ui-toast-region{
position:fixed;
top:84px;
right:22px;
z-index:99999;
display:grid;
gap:10px;
width:min(380px,calc(100vw - 32px));
pointer-events:none;
}
.bays-ui-toast{
display:grid;
grid-template-columns:38px minmax(0,1fr) 28px;
align-items:center;
gap:11px;
padding:13px 12px 13px 13px;
border:1px solid #dbe7f7;
border-radius:15px;
background:rgba(255,255,255,.98);
box-shadow:0 20px 46px rgba(15,23,42,.16);
color:var(--bays-ui-ink);
pointer-events:auto;
transform:translateY(-8px) scale(.985);
opacity:0;
animation:bays-toast-in .22s ease forwards;
}
.bays-ui-toast.is-leaving{animation:bays-toast-out .18s ease forwards}
.bays-ui-toast-icon{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:12px;
background:#ecfdf3;
color:#15803d;
font-size:18px;
font-weight:900;
}
.bays-ui-toast-content strong{display:block;font-size:13px;line-height:1.25}
.bays-ui-toast-content small{display:block;margin-top:3px;color:var(--bays-ui-muted);font-size:11px;line-height:1.35}
.bays-ui-toast-close{
display:grid!important;
place-items:center!important;
width:28px!important;
height:28px!important;
min-height:0!important;
padding:0!important;
border:0!important;
border-radius:9px!important;
background:transparent!important;
color:#94a3b8!important;
box-shadow:none!important;
cursor:pointer!important;
}
.bays-ui-toast-close:hover{background:#f1f5f9!important;color:#334155!important}
@keyframes bays-toast-in{to{transform:translateY(0) scale(1);opacity:1}}
@keyframes bays-toast-out{to{transform:translateY(-6px) scale(.985);opacity:0}}
@media(max-width:760px){
.bays-ui-toast-region{top:68px;right:12px;left:12px;width:auto}
.bays-app .bays-shortcut-card:hover,
.bays-app .bays-product-card-pro:hover,
.bays-app .bays-order-card:hover,
.bays-app .bays-shipping-card:hover,
.bays-app .bays-campaign-card:hover,
.bays-app .bays-support-card:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
.bays-app *,
.bays-app *::before,
.bays-app *::after{
scroll-behavior:auto!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
}
}
/* =========================================================
BAYS Smart Ordering Experience v1.30.0
========================================================= */
.bays-smart-order{display:grid;gap:22px}.bays-smart-order-head{align-items:center}.bays-smart-order-cart{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 18px;border-radius:13px;background:#0b63f6;color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 10px 22px rgba(11,99,246,.2)}
.bays-smart-order-toolbar{padding:18px;background:#fff;border:1px solid #e8edf4;border-radius:18px;box-shadow:0 8px 24px rgba(25,39,65,.05)}.bays-smart-order-search{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(190px,.7fr) auto auto;gap:12px;align-items:end}.bays-smart-order-search label{display:grid;gap:7px}.bays-smart-order-search label>span{font-size:12px;font-weight:800;color:#667085}.bays-smart-order-search input,.bays-smart-order-search select{height:46px;border:1px solid #dfe5ed;border-radius:12px;background:#f9fbfd;padding:0 14px;font:inherit;color:#172033}.bays-smart-order-search button{height:46px;border:0;border-radius:12px;padding:0 20px;background:#172033;color:#fff;font-weight:800;cursor:pointer}.bays-smart-order-clear{height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:12px;border:1px solid #dfe5ed;color:#475467;text-decoration:none;font-weight:700}
.bays-smart-order-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bays-smart-order-tabs a{display:grid;gap:4px;padding:16px 18px;border:1px solid #e6ebf2;border-radius:16px;background:#fff;color:#344054;text-decoration:none;transition:.18s ease}.bays-smart-order-tabs a:hover{transform:translateY(-2px);border-color:#b9cef7;box-shadow:0 12px 25px rgba(25,39,65,.07)}.bays-smart-order-tabs a.active{border-color:#8db5ff;background:#f3f7ff;box-shadow:inset 0 0 0 1px rgba(11,99,246,.08)}.bays-smart-order-tabs strong{font-size:14px}.bays-smart-order-tabs small{font-size:11px;color:#7b8495}
.bays-smart-order-list{overflow:hidden;border:1px solid #e6ebf2;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(25,39,65,.06)}.bays-smart-order-row{position:relative;display:grid;grid-template-columns:minmax(300px,2.2fr) minmax(90px,.55fr) minmax(120px,.7fr) 132px minmax(120px,.7fr) 150px;gap:14px;align-items:center;min-height:94px;padding:14px 18px 14px 52px;border-top:1px solid #edf1f5}.bays-smart-order-row:first-child{border-top:0}.bays-smart-order-row-head{min-height:48px;padding-top:0;padding-bottom:0;background:#f7f9fc;color:#667085;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.bays-smart-order-select{position:absolute;left:18px;top:50%;transform:translateY(-50%)}.bays-smart-order-select input{position:absolute;opacity:0}.bays-smart-order-select span{display:block;width:20px;height:20px;border:1.5px solid #cfd6df;border-radius:6px;background:#fff}.bays-smart-order-select input:checked+span{background:#0b63f6;border-color:#0b63f6;box-shadow:inset 0 0 0 4px #fff}.bays-smart-order-product{display:flex;align-items:center;gap:14px;min-width:0;color:#172033;text-decoration:none}.bays-smart-order-product .image{width:66px;height:66px;flex:0 0 66px;border-radius:13px;overflow:hidden;background:#f4f6f9;border:1px solid #e8edf3}.bays-smart-order-product img{width:100%;height:100%;object-fit:cover}.bays-smart-order-product .details{display:grid;gap:5px;min-width:0}.bays-smart-order-product strong{font-size:14px;line-height:1.35}.bays-smart-order-product small{font-size:11px;color:#7b8495}.bays-smart-order-stock{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.bays-smart-order-stock.in-stock{background:#eaf9f0;color:#18794e}.bays-smart-order-stock.out-of-stock{background:#fff0f0;color:#c23d3d}.bays-smart-order-price,.bays-smart-order-total{font-size:14px;font-weight:900;color:#172033}.bays-smart-order-price del{display:none}.bays-smart-order-qty{display:grid;grid-template-columns:38px 52px 38px;height:42px;border:1px solid #dce3ec;border-radius:12px;overflow:hidden;background:#fff}.bays-smart-order-qty button{border:0;background:#f7f9fc;font-size:18px;font-weight:700;cursor:pointer}.bays-smart-order-qty input{width:100%;border:0;text-align:center;font-weight:900;appearance:textfield}.bays-smart-order-qty input::-webkit-outer-spin-button,.bays-smart-order-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bays-smart-order-add{height:42px;border:0;border-radius:12px;background:#0b63f6;color:#fff;font-weight:900;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease}.bays-smart-order-add:hover{background:#0757db;transform:translateY(-1px)}.bays-smart-order-add:disabled{background:#d9dee7;color:#8d96a5;cursor:not-allowed;transform:none}
.bays-smart-order-footer{position:sticky;bottom:18px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid #dfe6ef;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(20,34,56,.13);backdrop-filter:blur(10px)}.bays-smart-order-footer div{display:grid;gap:3px}.bays-smart-order-footer strong{font-size:14px}.bays-smart-order-footer small{font-size:11px;color:#7b8495}.bays-smart-order-add-selected{height:44px;border:0;border-radius:12px;padding:0 18px;background:#172033;color:#fff;font-weight:900;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.bays-smart-order-add-selected:disabled{opacity:.45;cursor:not-allowed}.bays-smart-order-pagination{display:flex;justify-content:center;gap:8px}.bays-smart-order-pagination a{width:38px;height:38px;border-radius:10px;border:1px solid #dfe5ed;background:#fff;color:#475467;display:grid;place-items:center;text-decoration:none;font-weight:800}.bays-smart-order-pagination a.active{background:#0b63f6;color:#fff;border-color:#0b63f6}.bays-smart-order-empty{text-align:center;padding:54px 24px;border:1px dashed #cfd8e4;border-radius:18px;background:#fff}.bays-smart-order-empty>span{font-size:34px}.bays-smart-order-empty h2{margin:10px 0 6px}.bays-smart-order-empty p{color:#667085}.bays-smart-order-empty a{display:inline-flex;margin-top:12px;padding:11px 16px;border-radius:11px;background:#0b63f6;color:#fff;text-decoration:none;font-weight:800}
@media(max-width:1180px){.bays-smart-order-row{grid-template-columns:minmax(250px,1.8fr) 90px 110px 128px 110px 130px}.bays-smart-order-search{grid-template-columns:1fr 220px auto}.bays-smart-order-clear{display:none}}
@media(max-width:900px){.bays-smart-order-tabs{grid-template-columns:1fr}.bays-smart-order-search{grid-template-columns:1fr 1fr}.bays-smart-order-search button{grid-column:1/-1}.bays-smart-order-row-head{display:none}.bays-smart-order-row{grid-template-columns:1fr 1fr;gap:12px;padding:16px 16px 16px 50px}.bays-smart-order-product{grid-column:1/-1}.bays-smart-order-row>[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:10px;font-weight:800;color:#8a94a5;text-transform:uppercase}.bays-smart-order-add{grid-column:1/-1}.bays-smart-order-qty{width:128px}.bays-smart-order-select{top:28px;transform:none}.bays-smart-order-footer{bottom:10px}}
@media(max-width:560px){.bays-smart-order-search{grid-template-columns:1fr}.bays-smart-order-search button{grid-column:auto}.bays-smart-order-row{grid-template-columns:1fr;padding-left:46px}.bays-smart-order-product,.bays-smart-order-add{grid-column:auto}.bays-smart-order-product .image{width:74px;height:74px;flex-basis:74px}.bays-smart-order-footer{align-items:stretch;flex-direction:column}.bays-smart-order-add-selected{width:100%;justify-content:center}.bays-smart-order-cart{width:100%;justify-content:center}.bays-smart-order-head{align-items:stretch}}
/* BAYS Smart Ordering Polish v1.30.1 */
.bays-smart-order-qty{
grid-template-columns:34px 46px 34px;
width:max-content;
height:38px;
border:1px solid #d9e2ef;
border-radius:10px;
overflow:hidden;
background:#fff;
box-shadow:0 3px 10px rgba(15,23,42,.035);
}
.bays-smart-order-qty button{
border:0;
background:#fff;
color:#1668f2;
font-size:17px;
font-weight:800;
line-height:1;
cursor:pointer;
transition:background .16s ease,color .16s ease;
}
.bays-smart-order-qty button:hover{background:#f3f7ff;color:#0b57d0}
.bays-smart-order-qty input{
width:100%;
height:38px;
padding:0;
border:0;
border-right:1px solid #e5ebf3;
border-left:1px solid #e5ebf3;
background:#fff;
color:#172033;
text-align:center;
font-size:14px;
font-weight:900;
appearance:textfield;
}
.bays-smart-order-add{
justify-self:start;
width:auto;
min-width:116px;
height:38px;
padding:0 14px;
border:1px solid #d6e1f0;
border-radius:10px;
background:#fff;
color:#1768ef;
box-shadow:none;
font-size:11px;
font-weight:900;
letter-spacing:.01em;
}
.bays-smart-order-add svg{width:16px;height:16px;flex:0 0 16px}
.bays-smart-order-add:hover{
border-color:#b9cff2;
background:#f7faff;
color:#0b57d0;
transform:none;
box-shadow:0 5px 14px rgba(37,99,235,.08);
}
.bays-smart-order-add:disabled{
border-color:#e2e7ee;
background:#f7f8fa;
color:#a2aab7;
box-shadow:none;
}
@media(max-width:900px){.bays-smart-order-add{width:100%;justify-self:stretch}.bays-smart-order-qty{width:114px}}
/* BAYS B2B PRO v1.33.4.5 — Customer Document Center */
.bays-customer-documents{margin:16px 0;padding:18px;border:1px solid #dce7f5;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff 68%);box-shadow:0 12px 32px rgba(15,23,42,.055)}
.bays-customer-documents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.bays-customer-documents-head small{color:#1768ef;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.bays-customer-documents-head h2{margin:3px 0 4px;color:#172033;font-size:19px}
.bays-customer-documents-head p{margin:0;color:#68758a;font-size:11px;line-height:1.5}
.bays-customer-documents-head>span{padding:7px 10px;border-radius:999px;background:#eaf2ff;color:#1768ef;font-size:10px;font-weight:900;white-space:nowrap}
.bays-customer-document-list{display:grid;gap:9px}
.bays-customer-document-list>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid #e4ebf3;border-radius:12px;background:#fff}
.bays-customer-document-list>div>b{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eef5ff;color:#1768ef;font-size:16px}
.bays-customer-document-list>div>span:not(.actions){display:grid;gap:3px;min-width:0}
.bays-customer-document-list strong{color:#172033;font-size:11px}
.bays-customer-document-list small{color:#7a8798;font-size:9px}
.bays-customer-document-list em{color:#607087;font-size:9px;font-style:normal}
.bays-customer-document-list .actions{display:flex;gap:7px}
.bays-customer-document-list .actions a{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 10px;border:1px solid #d2dfee;border-radius:9px;background:#fff;color:#1768ef;font-size:9px;font-weight:900;text-decoration:none}
.bays-customer-document-list .actions .download{border-color:#cce7da;background:#f3fbf7;color:#178257}
@media(max-width:650px){
.bays-customer-documents-head{flex-direction:column}
.bays-customer-document-list>div{grid-template-columns:42px minmax(0,1fr)}
.bays-customer-document-list .actions{grid-column:1/-1;flex-wrap:wrap}
}
/* BAYS B2B PRO v1.33.5 — Customer Account Center */
.bays-account-center{display:grid;gap:16px}
.bays-account-center-head>a{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border:1px solid #cfe0f8;border-radius:10px;background:#fff;color:#1768ef;font-size:10px;font-weight:900;text-decoration:none}
.bays-account-center-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-radius:19px;background:linear-gradient(135deg,#14233d,#1e4f8c);color:#fff;box-shadow:0 16px 35px rgba(20,35,61,.2)}
.bays-account-center-hero small{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.bays-account-center-hero h2{margin:5px 0 4px;font-size:24px}
.bays-account-center-hero p{margin:0;font-size:11px;opacity:.8}
.bays-account-center-hero>span{padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.11);font-size:10px;font-weight:900}
.bays-account-center-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.bays-account-center-kpis article{display:grid;gap:5px;padding:16px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.bays-account-center-kpis small{color:#64748b;font-size:9px;font-weight:900;text-transform:uppercase}
.bays-account-center-kpis strong{color:#172033;font-size:18px}
.bays-account-center-kpis span{color:#6e7a8c;font-size:10px}
.bays-account-center-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px;align-items:start}
.bays-account-center-main,.bays-account-center-side{display:grid;gap:14px;min-width:0}
.bays-account-center-side{position:sticky;top:16px}
.bays-account-center-card{padding:17px;border:1px solid #e1e8f0;border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(15,23,42,.045)}
.bays-account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.bays-account-card-head small{display:block;color:#1768ef;font-size:9px;font-weight:900;text-transform:uppercase}
.bays-account-card-head h2{margin:3px 0 0;color:#172033;font-size:17px}
.bays-account-card-head>span{padding:6px 8px;border-radius:999px;background:#eef5ff;color:#1768ef;font-size:9px;font-weight:900}
.bays-account-center-form{display:grid;gap:13px}
.bays-account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bays-account-center-form label{display:grid;gap:6px}
.bays-account-center-form label.wide{grid-column:1/-1}
.bays-account-center-form label>span{color:#526174;font-size:9px;font-weight:900}
.bays-account-center-form input{width:100%;height:42px;border:1px solid #dce4ee;border-radius:10px;background:#fff;padding:0 11px;color:#172033}
.bays-account-center-form>button,.bays-account-preferences>button{justify-self:start;min-height:42px;padding:0 14px;border:0;border-radius:10px;background:#1768ef;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.bays-account-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bays-account-addresses>div{display:grid;gap:5px;padding:13px;border:1px solid #e4ebf2;border-radius:12px;background:#fbfcfe}
.bays-account-addresses>div.default{border-color:#cce5d8;background:#f4fbf7}
.bays-account-addresses span{color:#1768ef;font-size:8px;font-weight:900;text-transform:uppercase}
.bays-account-addresses strong{color:#172033;font-size:12px}
.bays-account-addresses p{margin:0;color:#5f6d80;font-size:10px;line-height:1.5}
.bays-account-addresses small{color:#8893a2;font-size:9px}
.bays-account-center-link{display:inline-flex;margin-top:12px;color:#1768ef;font-size:10px;font-weight:900;text-decoration:none}
.bays-account-document-archive{display:grid;gap:9px}
.bays-account-document-archive>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e5ebf2;border-radius:11px}
.bays-account-document-archive>div>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef5ff;color:#1768ef}
.bays-account-document-archive>div>span:not(.actions){display:grid;gap:3px}
.bays-account-document-archive strong{color:#172033;font-size:10px}
.bays-account-document-archive small{color:#7e8999;font-size:8px}
.bays-account-document-archive .actions{display:flex;gap:6px}
.bays-account-document-archive .actions a{display:inline-flex;align-items:center;height:31px;padding:0 8px;border:1px solid #d8e2ef;border-radius:8px;color:#1768ef;font-size:8px;font-weight:900;text-decoration:none}
.bays-account-finance-list{display:grid;gap:9px}
.bays-account-finance-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;background:#f8fafc}
.bays-account-finance-list span{color:#667085;font-size:10px}
.bays-account-finance-list strong{color:#172033;font-size:11px}
.bays-account-preferences{display:grid;gap:11px}
.bays-account-preferences label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e6ebf1;border-radius:11px}
.bays-account-preferences label>span{display:grid;gap:3px}
.bays-account-preferences strong{color:#172033;font-size:10px}
.bays-account-preferences small{color:#7c8797;font-size:8px}
.bays-account-preferences input{width:18px;height:18px;accent-color:#1768ef}
.bays-account-security-card{background:linear-gradient(135deg,#f7faff,#fff)}
.bays-account-security-card>small{color:#1768ef;font-size:9px;font-weight:900;text-transform:uppercase}
.bays-account-security-card h3{margin:6px 0;color:#172033;font-size:15px}
.bays-account-security-card p{margin:0 0 12px;color:#68758a;font-size:10px;line-height:1.5}
.bays-account-security-card a{color:#1768ef;font-size:10px;font-weight:900;text-decoration:none}
.bays-account-center-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px dashed #ccd7e5;border-radius:11px;background:#fbfcfe}
.bays-account-center-empty strong{color:#667085;font-size:10px}
.bays-account-center-empty a{color:#1768ef;font-size:9px;font-weight:900;text-decoration:none}
@media(max-width:1100px){
.bays-account-center-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.bays-account-center-grid{grid-template-columns:1fr}
.bays-account-center-side{position:static}
}
@media(max-width:650px){
.bays-account-center-head,.bays-account-center-hero{align-items:flex-start;flex-direction:column}
.bays-account-center-kpis,.bays-account-form-grid,.bays-account-addresses{grid-template-columns:1fr}
.bays-account-center-form label.wide{grid-column:auto}
.bays-account-document-archive>div{grid-template-columns:38px minmax(0,1fr)}
.bays-account-document-archive .actions{grid-column:1/-1;flex-wrap:wrap}
}
/* BAYS B2B PRO v1.33.7.2 — Favorites & Reorder */
.bays-product-card-pro{position:relative}
.bays-favorite-button{position:absolute;top:12px;right:12px;z-index:4;display:grid;place-items:center;width:36px;height:36px;border:1px solid #dde5ef;border-radius:999px;background:rgba(255,255,255,.94);color:#7c8797;font-size:19px;line-height:1;cursor:pointer;box-shadow:0 7px 18px rgba(15,23,42,.09);transition:.18s ease}
.bays-favorite-button:hover{transform:translateY(-1px);border-color:#efc7cf;color:#d13f57}
.bays-favorite-button.active{border-color:#f0c5ce;background:#fff4f6;color:#d92d4c}
.bays-favorite-button.loading{opacity:.55;pointer-events:none}
.bays-dashboard-favorite-shortcut{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 10px;align-items:center;margin-bottom:14px;padding:12px 14px;border:1px solid #eadde1;border-radius:14px;background:linear-gradient(135deg,#fff7f8,#fff);text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.bays-dashboard-favorite-shortcut>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#fff0f3;color:#d92d4c;font-size:18px}
.bays-dashboard-favorite-shortcut strong{color:#172033;font-size:11px}
.bays-dashboard-favorite-shortcut small{color:#7c8797;font-size:9px}
/* BAYS B2B PRO v1.33.8.2 — Customer AI Dashboard Widget */
.bays-customer-ai-widget{display:grid;gap:13px;padding:18px;border:1px solid #d9e5f6;border-radius:18px;background:linear-gradient(135deg,#f5f9ff 0%,#fff 58%,#f8fbff 100%);box-shadow:0 14px 34px rgba(23,104,239,.07)}
.bays-customer-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.bays-customer-ai-head>div{display:flex;align-items:flex-start;gap:12px}
.bays-customer-ai-orb{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1768ef,#6d5dfc);color:#fff;font-size:18px;box-shadow:0 10px 22px rgba(23,104,239,.24)}
.bays-customer-ai-head>div>span:last-child{display:grid;gap:3px}
.bays-customer-ai-head small{color:#1768ef;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.bays-customer-ai-head h2{margin:0;color:#172033;font-size:18px}
.bays-customer-ai-head p{margin:0;color:#708096;font-size:10px;line-height:1.5}
.bays-customer-ai-head>em{padding:7px 9px;border:1px solid #cfe0f8;border-radius:999px;background:#fff;color:#1768ef;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}
.bays-customer-ai-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.bays-customer-ai-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #e2e9f2;border-radius:12px;background:#fff;transition:.18s ease}
.bays-customer-ai-list article:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.06)}
.bays-customer-ai-list article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef5ff;color:#1768ef;font-size:14px}
.bays-customer-ai-list article>span{display:grid;gap:4px;min-width:0}
.bays-customer-ai-list article strong{color:#172033;font-size:10px}
.bays-customer-ai-list article small{color:#718096;font-size:8px;line-height:1.45}
.bays-customer-ai-list article>a{display:inline-flex;align-items:center;height:31px;padding:0 8px;border:1px solid #d5e2f1;border-radius:8px;color:#1768ef;font-size:8px;font-weight:900;text-decoration:none;white-space:nowrap}
.bays-customer-ai-list article.tone-warning{border-color:#efd8ad;background:#fffdf8}.bays-customer-ai-list article.tone-warning>b{background:#fff5df;color:#b96a00}
.bays-customer-ai-list article.tone-success{border-color:#d4e9dd;background:#fbfffc}.bays-customer-ai-list article.tone-success>b{background:#edf9f2;color:#178257}
.bays-customer-ai-list article.tone-campaign{border-color:#e3d9f7;background:#fdfbff}.bays-customer-ai-list article.tone-campaign>b{background:#f3edff;color:#7255c7}
.bays-customer-ai-list article.tone-product{border-color:#d5e7ed;background:#fbfeff}.bays-customer-ai-list article.tone-product>b{background:#edf8fb;color:#087f92}
@media(max-width:900px){.bays-customer-ai-list{grid-template-columns:1fr}}
@media(max-width:620px){.bays-customer-ai-head{align-items:flex-start;flex-direction:column}.bays-customer-ai-list article{grid-template-columns:38px minmax(0,1fr)}.bays-customer-ai-list article>a{grid-column:1/-1;justify-content:center}}
/* BAYS B2B PRO v1.34.2 — Premium Portal UI Polish (additive layer) */
:root{
--bays-portal-border:#e2e8f0;
--bays-portal-shadow:0 10px 28px rgba(15,23,42,.05);
--bays-portal-shadow-hover:0 16px 36px rgba(15,23,42,.08);
}
.bays-app .sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.bays-app .main,.bays-app .content{min-width:0}
.bays-app .topbar{position:sticky;top:0;z-index:80;backdrop-filter:blur(14px);background:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(226,232,240,.9)}
.bays-app .content{animation:baysPortalPremiumFade .22s ease both}
.bays-app article,
.bays-app .bays-product-card-pro,
.bays-app .bays-customer-ai-widget,
.bays-app .bays-account-center-card{
transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.bays-app .bays-product-card-pro:hover,
.bays-app .bays-account-center-card:hover{
box-shadow:var(--bays-portal-shadow-hover)!important;
}
.bays-app input,
.bays-app select,
.bays-app textarea{
transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.bays-app input:focus,
.bays-app select:focus,
.bays-app textarea:focus{
outline:none;
border-color:color-mix(in srgb,var(--bays-primary,#1768ef) 55%,#cbd5e1)!important;
box-shadow:0 0 0 3px color-mix(in srgb,var(--bays-primary,#1768ef) 12%,transparent)!important;
}
.bays-app button,
.bays-app .button,
.bays-app a[class*="button"]{
transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease;
}
.bays-app button:hover:not(:disabled),
.bays-app .button:hover,
.bays-app a[class*="button"]:hover{transform:translateY(-1px)}
.bays-app button:focus-visible,
.bays-app a:focus-visible,
.bays-app input:focus-visible,
.bays-app select:focus-visible,
.bays-app textarea:focus-visible{
outline:3px solid color-mix(in srgb,var(--bays-primary,#1768ef) 24%,transparent);
outline-offset:2px;
}
.bays-app .bays-smart-order-empty,
.bays-app .bays-account-center-empty,
.bays-app .empty-state{
border-radius:13px!important;
background:linear-gradient(135deg,#fbfdff,#fff)!important;
}
.bays-app .bays-premium-submit-loading{
position:relative;
pointer-events:none!important;
opacity:.72!important;
padding-left:34px!important;
}
.bays-app .bays-premium-submit-loading::before{
content:"";
position:absolute;
left:12px;
top:50%;
width:14px;height:14px;margin-top:-7px;
border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
animation:baysPortalPremiumSpin .65s linear infinite;
}
@keyframes baysPortalPremiumSpin{to{transform:rotate(360deg)}}
@keyframes baysPortalPremiumFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:700px){
.bays-app .content{overflow-x:hidden}
}
@media(prefers-reduced-motion:reduce){
.bays-app *, .bays-app *::before, .bays-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* BAYS B2B PRO v1.34.3.2 — Mobile Portal Drawer & Dashboard */
.bays-mobile-menu-toggle,
.bays-mobile-brand,
.bays-mobile-menu-close,
.bays-mobile-menu-overlay{display:none}
@media(max-width:760px){
html,body,.bays-b2b-final-page{max-width:100%;overflow-x:hidden}
body.bays-mobile-menu-open{overflow:hidden}
.bays-app{
display:block!important;
width:100%;
min-width:0;
max-width:100%;
overflow-x:hidden;
}
.bays-app .main,
.bays-app .content,
.bays-app .bays-content-premium{
width:100%;
min-width:0;
max-width:100%;
box-sizing:border-box;
}
.bays-app .sidebar{
position:fixed!important;
inset:0 auto 0 0;
z-index:10020;
display:flex!important;
flex-direction:column!important;
width:min(84vw,330px)!important;
max-width:330px;
height:100dvh!important;
padding:18px 14px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
transform:translateX(-105%);
transition:transform .24s ease;
box-shadow:22px 0 60px rgba(2,8,23,.28);
}
body.bays-mobile-menu-open .bays-app .sidebar{transform:translateX(0)}
.bays-app .sidebar .logo{
display:flex!important;
align-items:center;
gap:10px;
padding:4px 40px 16px 2px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.bays-app .sidebar nav{
display:grid!important;
grid-template-columns:1fr!important;
gap:5px!important;
width:100%;
overflow:visible!important;
margin-top:12px;
}
.bays-app .sidebar nav a{
display:flex!important;
width:100%;
min-width:0;
flex:none!important;
box-sizing:border-box;
}
.bays-app .sidebar .user-mini,
.bays-app .sidebar .logout,
.bays-app .sidebar .bays-sidebar-whatsapp{
display:flex!important;
}
.bays-mobile-menu-close{
position:absolute;
top:18px;
right:14px;
z-index:2;
display:grid;
place-items:center;
width:34px;
height:34px;
border:1px solid rgba(255,255,255,.16);
border-radius:9px;
background:rgba(255,255,255,.07);
color:#fff;
font-size:23px;
line-height:1;
cursor:pointer;
}
.bays-mobile-menu-overlay{
position:fixed;
inset:0;
z-index:10010;
display:block;
background:rgba(15,23,42,.55);
backdrop-filter:blur(2px);
}
.bays-mobile-menu-overlay[hidden]{display:none!important}
.bays-app .topbar{
position:sticky;
top:0;
z-index:90;
display:grid!important;
grid-template-columns:38px minmax(0,1fr) auto;
grid-template-areas:
"toggle brand actions"
"search search search";
align-items:center;
gap:10px 9px;
width:100%;
min-width:0;
height:auto!important;
padding:12px 14px!important;
box-sizing:border-box;
background:#fff!important;
border-bottom:1px solid #e8edf3;
}
.bays-mobile-menu-toggle{
grid-area:toggle;
display:grid;
align-content:center;
gap:4px;
width:38px;
height:38px;
padding:0 9px;
border:1px solid #e0e7ef;
border-radius:10px;
background:#fff;
cursor:pointer;
}
.bays-mobile-menu-toggle span{
display:block;
width:100%;
height:2px;
border-radius:2px;
background:#172033;
}
.bays-mobile-brand{
grid-area:brand;
display:flex;
align-items:center;
gap:9px;
min-width:0;
}
.bays-mobile-brand>img,
.bays-mobile-brand>.brand-logo,
.bays-mobile-brand>svg{
flex:0 0 auto;
width:38px!important;
height:38px!important;
object-fit:contain;
border-radius:10px;
}
.bays-mobile-brand>span{display:grid;min-width:0}
.bays-mobile-brand strong{
overflow:hidden;
color:#172033;
font-size:12px;
line-height:1.2;
text-overflow:ellipsis;
white-space:nowrap;
}
.bays-mobile-brand small{
overflow:hidden;
color:#667085;
font-size:8px;
text-overflow:ellipsis;
white-space:nowrap;
}
.bays-app .topbar .topbar-actions{
grid-area:actions;
display:flex;
gap:5px;
justify-content:flex-end;
min-width:0;
}
.bays-app .topbar .topbar-actions>*:not(:last-child){
display:none!important;
}
.bays-app .topbar .bays-live-product-search{
grid-area:search;
width:100%;
min-width:0;
max-width:none;
margin:2px 0 0;
}
.bays-app .topbar .bays-live-product-search input{
width:100%;
min-width:0;
height:46px;
box-sizing:border-box;
}
.bays-app .content{
padding:14px 12px 110px!important;
overflow-x:hidden!important;
}
.bays-dashboard,
.bays-dashboard>*,
.bays-dashboard .bays-main-grid,
.bays-dashboard .bays-stats,
.bays-dashboard .bays-dashboard-insights,
.bays-dashboard .bays-shortcuts{
min-width:0!important;
max-width:100%!important;
box-sizing:border-box;
}
/* White mobile welcome card requested by user */
.bays-dashboard .bays-welcome-premium{
display:block!important;
width:100%;
min-width:0;
padding:20px 18px!important;
border:1px solid #e4eaf2!important;
border-radius:17px!important;
background:#fff!important;
box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
color:#172033!important;
overflow:hidden;
}
.bays-dashboard .bays-welcome-copy{
width:100%;
min-width:0;
}
.bays-dashboard .bays-welcome-premium .bays-eyebrow{
display:inline-flex;
width:auto;
max-width:100%;
padding:7px 11px;
border:1px solid #cfe0f8;
border-radius:999px;
background:#fff!important;
color:#1768ef!important;
font-size:9px;
font-weight:900;
overflow-wrap:anywhere;
}
.bays-dashboard .bays-welcome-premium h1{
max-width:100%;
margin:14px 0 8px!important;
color:#111827!important;
font-size:clamp(24px,7vw,32px)!important;
line-height:1.18!important;
overflow-wrap:anywhere;
}
.bays-dashboard .bays-welcome-premium p{
max-width:100%;
margin:0!important;
color:#536174!important;
font-size:13px!important;
line-height:1.55!important;
overflow-wrap:anywhere;
}
.bays-dashboard .bays-welcome-chips{
display:flex!important;
flex-wrap:wrap;
gap:8px!important;
margin-top:16px;
}
.bays-dashboard .bays-welcome-chips>span{
max-width:100%;
border:1px solid #dce4ee!important;
background:#fff!important;
color:#344054!important;
overflow-wrap:anywhere;
}
.bays-dashboard .bays-welcome-summary{display:none!important}
.bays-dashboard .bays-stats-six,
.bays-dashboard .bays-dashboard-kpis{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.bays-dashboard .bays-stat-card{
min-width:0!important;
min-height:126px;
padding:14px 12px!important;
overflow:hidden;
}
.bays-dashboard .bays-stat-card strong,
.bays-dashboard .bays-stat-card span,
.bays-dashboard .bays-stat-card small{
max-width:100%;
overflow-wrap:anywhere;
}
.bays-dashboard .bays-dashboard-health{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.bays-dashboard .bays-dashboard-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.bays-dashboard .bays-shortcut-card{
min-width:0;
padding:12px 10px!important;
}
.bays-dashboard .bays-shortcut-card span small,
.bays-dashboard .bays-shortcut-card em{
display:none!important;
}
.bays-dashboard .bays-main-grid-three{
grid-template-columns:1fr!important;
}
.bays-dashboard .bays-card,
.bays-dashboard .bays-customer-ai-widget,
.bays-dashboard .bays-credit-dashboard,
.bays-dashboard .bays-dashboard-profile-alert{
width:100%;
min-width:0;
max-width:100%;
overflow:hidden;
}
.bays-dashboard .bays-table-wrap{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.bays-dashboard .bays-table-wrap table{min-width:620px}
.bays-dashboard .bays-products{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.bays-cart-bar,
.bays-cart-bottom-bar,
[data-bays-cart-bar]{
max-width:100vw!important;
box-sizing:border-box;
}
}
@media(max-width:420px){
.bays-dashboard .bays-stats-six,
.bays-dashboard .bays-dashboard-kpis,
.bays-dashboard .bays-dashboard-health{
grid-template-columns:1fr!important;
}
.bays-dashboard .bays-dashboard-actions,
.bays-dashboard .bays-products{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
/* BAYS B2B PRO v1.34.3.3 — Mobile Header & Drawer Polish */
/* Desktop/tablet: mobile-only controls must never appear */
@media (min-width: 761px) {
.bays-mobile-menu-toggle,
.bays-mobile-brand,
.bays-mobile-menu-close,
.bays-mobile-menu-overlay {
display: none !important;
}
.bays-app .sidebar {
transform: none !important;
}
}
@media (max-width: 760px) {
/* Remove accidental colored blocks around logo and hamburger */
.bays-mobile-brand,
.bays-mobile-menu-toggle,
.bays-mobile-menu-close {
background: transparent !important;
box-shadow: none !important;
}
.bays-mobile-menu-toggle {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
width: 38px;
height: 38px;
padding: 0;
border: 0 !important;
border-radius: 0 !important;
}
.bays-mobile-menu-toggle span {
width: 21px;
height: 2px;
background: #172033 !important;
border-radius: 999px;
}
.bays-mobile-brand {
min-width: 0;
}
.bays-mobile-brand > img,
.bays-mobile-brand > .brand-logo,
.bays-mobile-brand > svg,
.bays-mobile-brand .brand-logo,
.bays-mobile-brand picture,
.bays-mobile-brand picture img {
width: 38px !important;
height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 10px !important;
background: transparent !important;
box-shadow: none !important;
object-fit: contain !important;
}
/* Professional close icon: no blue box, no logo overlap */
.bays-mobile-menu-close {
top: 20px !important;
right: 16px !important;
left: auto !important;
width: 34px !important;
height: 34px !important;
padding: 0 !important;
border: 0 !important;
color: #dbe7f7 !important;
font-size: 28px !important;
font-weight: 300 !important;
line-height: 1 !important;
}
.bays-mobile-menu-close:hover,
.bays-mobile-menu-close:focus {
color: #ffffff !important;
background: rgba(255,255,255,.06) !important;
border-radius: 8px !important;
}
.bays-app .sidebar .logo {
padding-right: 54px !important;
}
.bays-app .topbar {
grid-template-columns: 40px minmax(0,1fr) auto !important;
padding: 12px 14px !important;
}
.bays-app .topbar .topbar-actions {
min-width: 44px;
}
.bays-app .topbar .topbar-actions > *:last-child {
margin-left: auto;
}
/* Ensure no mysterious square from generic logo rules */
.bays-app .topbar .logo,
.bays-app .topbar .brand,
.bays-app .topbar .brand-logo {
background: transparent !important;
}
/* Drawer width and overlay polish */
.bays-app .sidebar {
width: min(86vw, 340px) !important;
max-width: 340px !important;
}
.bays-mobile-menu-overlay {
background: rgba(15, 23, 42, .58) !important;
}
}
/* BAYS B2B PRO v1.34.3.4 — Mobile Brand, Drawer Close & Local Time */
/* Desktop welcome eyebrow: readable white label on blue hero */
@media (min-width: 761px) {
.bays-dashboard .bays-welcome-premium .bays-eyebrow {
color: #ffffff !important;
border-color: rgba(255,255,255,.42) !important;
background: rgba(255,255,255,.10) !important;
box-shadow: none !important;
}
}
@media (max-width: 760px) {
/* Mobile logo gets a professional rounded blue tile */
.bays-mobile-brand > img,
.bays-mobile-brand > .brand-logo,
.bays-mobile-brand > svg,
.bays-mobile-brand .brand-logo,
.bays-mobile-brand picture,
.bays-mobile-brand picture img {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
padding: 7px !important;
box-sizing: border-box !important;
border-radius: 11px !important;
background: linear-gradient(135deg,#1768ef,#4f46e5) !important;
box-shadow: 0 8px 18px rgba(23,104,239,.22) !important;
}
/* Drawer close stays at the far right, opposite the logo */
.bays-mobile-menu-close {
left: auto !important;
right: 16px !important;
top: 19px !important;
transform: none !important;
color: #ffffff !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.bays-app .sidebar .logo {
position: relative;
padding-left: 2px !important;
padding-right: 58px !important;
}
.bays-app .sidebar .logo > img,
.bays-app .sidebar .logo > .brand-logo,
.bays-app .sidebar .logo > svg,
.bays-app .sidebar .logo picture,
.bays-app .sidebar .logo picture img {
flex: 0 0 auto;
}
}
/* BAYS B2B PRO v1.34.3.5 — Final Mobile Logo & Close Position Fix */
@media (max-width: 760px) {
/* Fallback B letter must look exactly like a real logo tile */
.bays-mobile-brand > b {
display:grid !important;
place-items:center !important;
flex:0 0 40px !important;
width:40px !important;
height:40px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:11px !important;
background:linear-gradient(135deg,#1768ef,#4f46e5) !important;
color:#ffffff !important;
font-size:20px !important;
font-weight:800 !important;
line-height:1 !important;
box-shadow:0 8px 18px rgba(23,104,239,.22) !important;
}
/* Sidebar fallback B logo */
.bays-app .sidebar .logo > b {
display:grid !important;
place-items:center !important;
flex:0 0 46px !important;
width:46px !important;
height:46px !important;
margin:0 !important;
padding:0 !important;
border-radius:12px !important;
background:linear-gradient(135deg,#1768ef,#4f46e5) !important;
color:#ffffff !important;
font-size:22px !important;
font-weight:800 !important;
line-height:1 !important;
box-shadow:0 10px 22px rgba(23,104,239,.20) !important;
}
/* Close icon is always on the opposite side of the logo */
.bays-app .sidebar {
position:fixed !important;
}
.bays-app .sidebar .bays-mobile-menu-close {
position:absolute !important;
top:18px !important;
right:16px !important;
bottom:auto !important;
left:auto !important;
display:grid !important;
place-items:center !important;
width:36px !important;
height:36px !important;
margin:0 !important;
padding:0 !important;
transform:none !important;
border:0 !important;
border-radius:8px !important;
background:transparent !important;
color:#ffffff !important;
box-shadow:none !important;
font-size:28px !important;
font-weight:300 !important;
line-height:1 !important;
z-index:5 !important;
}
.bays-app .sidebar .logo {
width:100% !important;
padding-right:58px !important;
}
}
/* BAYS B2B PRO v1.34.3.6 — Finance Portal Mobile Responsive Fix */
@media (max-width: 760px) {
.bays-finance-pro,
.bays-finance-pro > *,
.bays-finance-head,
.bays-finance-summary,
.bays-finance-chart-card,
.bays-finance-toolbar,
.bays-finance-table-card {
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.bays-finance-pro {
overflow-x: hidden;
}
.bays-finance-head {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
align-items: start !important;
margin-bottom: 18px !important;
}
.bays-finance-head > div {
min-width: 0;
}
.bays-finance-head small {
display: block;
margin-bottom: 8px;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .06em;
}
.bays-finance-head h1 {
margin: 0 0 10px !important;
font-size: clamp(30px, 9vw, 40px) !important;
line-height: 1.08 !important;
overflow-wrap: anywhere;
}
.bays-finance-head p {
margin: 0 !important;
max-width: 100%;
font-size: 16px !important;
line-height: 1.55 !important;
overflow-wrap: anywhere;
}
.bays-finance-head > a {
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
min-height: 52px;
padding: 12px 16px !important;
box-sizing: border-box;
border-radius: 12px !important;
font-size: 14px !important;
font-weight: 900 !important;
white-space: normal !important;
text-align: center;
}
.bays-finance-summary {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin-bottom: 18px !important;
}
.bays-finance-summary article {
width: 100%;
min-width: 0;
min-height: 150px !important;
padding: 22px 20px !important;
box-sizing: border-box;
border-radius: 16px !important;
overflow: hidden;
}
.bays-finance-summary article small {
display: block;
margin-bottom: 14px;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .04em;
}
.bays-finance-summary article strong {
display: block;
margin-bottom: 10px;
max-width: 100%;
font-size: clamp(28px, 8vw, 36px) !important;
line-height: 1.1 !important;
overflow-wrap: anywhere;
}
.bays-finance-summary article span {
display: block;
max-width: 100%;
font-size: 14px !important;
line-height: 1.5 !important;
overflow-wrap: anywhere;
}
.bays-finance-chart-card,
.bays-finance-table-card {
padding: 16px !important;
border-radius: 16px !important;
}
.bays-finance-chart-card .bays-card-head,
.bays-finance-table-card .bays-card-head {
display: flex !important;
align-items: flex-start !important;
flex-direction: column !important;
gap: 10px !important;
}
.bays-finance-chart-card .bays-card-head h2,
.bays-finance-table-card .bays-card-head h2 {
font-size: 22px !important;
line-height: 1.2 !important;
}
.bays-finance-chart-card .bays-card-head small,
.bays-finance-table-card .bays-card-head small {
font-size: 12px !important;
}
.bays-finance-legend {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bays-finance-legend span {
font-size: 11px !important;
}
.bays-finance-chart {
width: 100%;
min-width: 620px;
height: 230px !important;
}
.bays-finance-chart-card {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.bays-finance-toolbar {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin: 18px 0 !important;
}
.bays-finance-toolbar > div {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100%;
}
.bays-finance-toolbar > div a {
display: flex !important;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 8px 10px !important;
box-sizing: border-box;
font-size: 12px !important;
text-align: center;
white-space: normal;
}
.bays-finance-toolbar form,
.bays-finance-toolbar select {
width: 100% !important;
min-width: 0 !important;
}
.bays-finance-toolbar select {
height: 48px !important;
padding: 0 12px !important;
font-size: 14px !important;
}
.bays-finance-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
.bays-finance-table-wrap table {
min-width: 860px !important;
font-size: 13px !important;
}
.bays-finance-table-wrap th,
.bays-finance-table-wrap td {
padding: 14px 12px !important;
white-space: nowrap;
}
.bays-finance-type,
.bays-finance-status {
font-size: 11px !important;
padding: 6px 9px !important;
}
.bays-finance-pagination {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bays-finance-pagination a {
display: grid;
place-items: center;
min-width: 42px;
height: 42px;
font-size: 13px !important;
}
}
@media (min-width: 520px) and (max-width: 760px) {
.bays-finance-summary {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* BAYS B2B PRO v1.34.3.7 — Finance Mobile Final Layout Lock */
@media (max-width: 760px) {
.bays-app .content,
.bays-app .bays-content-premium,
.bays-finance-pro {
width: 100% !important;
min-width: 0 !important;
max-width: 100vw !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
.bays-finance-pro {
padding: 0 !important;
margin: 0 !important;
}
.bays-finance-head,
.bays-finance-head > div,
.bays-finance-summary,
.bays-finance-summary > article,
.bays-finance-chart-card,
.bays-finance-toolbar,
.bays-finance-table-card {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.bays-finance-head {
display: block !important;
overflow: hidden !important;
}
.bays-finance-head h1,
.bays-finance-head p,
.bays-finance-head small {
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
.bays-finance-head p {
font-size: 16px !important;
line-height: 1.55 !important;
}
.bays-finance-head > a {
width: 100% !important;
max-width: 100% !important;
margin-top: 16px !important;
}
/* Always one column on phones. Previous 520px rule is intentionally overridden. */
.bays-finance-summary {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
}
.bays-finance-summary article {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-height: 160px !important;
padding: 22px 20px !important;
}
.bays-finance-summary article small {
font-size: 13px !important;
margin-bottom: 12px !important;
}
.bays-finance-summary article strong {
width: 100% !important;
max-width: 100% !important;
font-size: 32px !important;
line-height: 1.1 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
.bays-finance-summary article span {
width: 100% !important;
max-width: 100% !important;
font-size: 15px !important;
line-height: 1.45 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
.bays-finance-toolbar > div {
grid-template-columns: 1fr 1fr !important;
}
.bays-finance-table-card,
.bays-finance-chart-card {
overflow: hidden !important;
}
.bays-finance-table-wrap,
.bays-finance-chart-card {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 430px) {
.bays-finance-head h1 {
font-size: 34px !important;
}
.bays-finance-summary article strong {
font-size: 30px !important;
}
.bays-finance-toolbar > div {
grid-template-columns: 1fr !important;
}
}
/* =========================================================
BAYS B2B PRO v2.0.0 — Premium Experience Layer
Additive UX layer: no business logic changes.
========================================================= */
:root{
--bays-premium-blue:#1768ef;
--bays-premium-blue-2:#4f46e5;
--bays-premium-ink:#172033;
--bays-premium-border:#e2e8f0;
--bays-premium-shadow:0 10px 30px rgba(15,23,42,.055);
--bays-premium-shadow-hover:0 18px 42px rgba(15,23,42,.10);
}
/* Active navigation: icon and text change together */
.bays-app .sidebar nav a.active{
position:relative;
color:#fff!important;
background:linear-gradient(100deg,var(--bays-premium-blue),var(--bays-premium-blue-2))!important;
box-shadow:0 12px 28px rgba(23,104,239,.28)!important;
}
.bays-app .sidebar nav a.active::before{
content:"";
position:absolute;
left:-8px;
top:50%;
width:3px;
height:56%;
transform:translateY(-50%);
border-radius:999px;
background:#7dd3fc;
box-shadow:0 0 12px rgba(125,211,252,.8);
}
.bays-app .sidebar nav a.active>b{
color:#fff!important;
background:rgba(255,255,255,.16)!important;
border-color:rgba(255,255,255,.12)!important;
transform:scale(1.08);
box-shadow:0 6px 16px rgba(3,16,40,.18);
}
.bays-app .sidebar nav a.active span{color:#fff!important}
/* Unified icon behaviour */
.bays-app .sidebar nav a>b,
.bays-dashboard .bays-shortcut-card>b,
.bays-dashboard .bays-stat-card .bays-stat-top>b{
transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
/* Premium hover cards */
.bays-app .bays-card,
.bays-app .bays-stat-card,
.bays-app .bays-shortcut-card,
.bays-app .bays-product-card-pro,
.bays-app .bays-finance-summary article,
.bays-app .bays-notification-page-item,
.bays-app .bays-customer-ai-widget,
.bays-app .bays-credit-dashboard{
transform:translateZ(0);
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
@media (hover:hover){
.bays-app .bays-card:hover,
.bays-app .bays-stat-card:hover,
.bays-app .bays-shortcut-card:hover,
.bays-app .bays-product-card-pro:hover,
.bays-app .bays-finance-summary article:hover,
.bays-app .bays-notification-page-item:hover{
transform:translateY(-3px);
border-color:#cfdded!important;
box-shadow:var(--bays-premium-shadow-hover)!important;
}
}
/* Skeleton page transition */
.bays-premium-page-loader{
position:fixed;
inset:0;
z-index:11000;
display:grid;
place-items:center;
padding:24px;
background:rgba(248,250,252,.88);
backdrop-filter:blur(7px);
}
.bays-premium-page-loader[hidden]{display:none!important}
.bays-premium-loader-shell{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
width:min(720px,92vw);
padding:22px;
border:1px solid #e3e9f1;
border-radius:20px;
background:#fff;
box-shadow:0 26px 70px rgba(15,23,42,.16);
}
.bays-premium-loader-shell span,
.bays-premium-loader-shell i{
display:block;
overflow:hidden;
position:relative;
border-radius:11px;
background:#edf2f7;
}
.bays-premium-loader-shell span::after,
.bays-premium-loader-shell i::after{
content:"";
position:absolute;
inset:0;
transform:translateX(-100%);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
animation:baysPremiumShimmer 1.1s infinite;
}
.bays-premium-loader-shell span{grid-column:1/-1;height:18px}
.bays-premium-loader-shell span:nth-child(2){width:62%}
.bays-premium-loader-shell span:nth-child(3){width:42%}
.bays-premium-loader-shell i{height:120px}
.bays-premium-loader-shell i:last-child{grid-column:1/-1;height:74px}
@keyframes baysPremiumShimmer{100%{transform:translateX(100%)}}
/* Toast system */
.bays-premium-toast-region{
position:fixed;
top:86px;
right:20px;
z-index:10900;
display:grid;
gap:9px;
width:min(360px,calc(100vw - 28px));
pointer-events:none;
}
.bays-premium-toast{
display:grid;
grid-template-columns:36px minmax(0,1fr) 24px;
gap:10px;
align-items:center;
padding:12px;
border:1px solid #dbe4ef;
border-radius:13px;
background:rgba(255,255,255,.96);
box-shadow:0 18px 42px rgba(15,23,42,.14);
animation:baysToastIn .24s ease both;
pointer-events:auto;
}
.bays-premium-toast.is-leaving{animation:baysToastOut .2s ease both}
.bays-premium-toast>b{
display:grid;
place-items:center;
width:36px;height:36px;
border-radius:10px;
background:#edf9f2;color:#178257;font-size:16px;
}
.bays-premium-toast.error>b{background:#fff1ef;color:#b42318}
.bays-premium-toast.info>b{background:#eef5ff;color:#1768ef}
.bays-premium-toast>span{display:grid;gap:3px;min-width:0}
.bays-premium-toast strong{color:#172033;font-size:11px}
.bays-premium-toast small{color:#667085;font-size:9px;line-height:1.45}
.bays-premium-toast>button{border:0;background:transparent;color:#98a2b3;font-size:18px;cursor:pointer}
@keyframes baysToastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes baysToastOut{to{opacity:0;transform:translateX(16px)}}
/* Premium empty states */
.bays-app .empty,
.bays-app .empty-state,
.bays-app [class*="empty-pro"],
.bays-app [class*="-empty"]{
border-radius:15px!important;
}
.bays-app .empty-state,
.bays-app .bays-notification-empty-pro{
border:1px dashed #cbd5e1!important;
background:linear-gradient(135deg,#fbfdff,#fff)!important;
box-shadow:inset 0 1px 0 #fff;
}
.bays-app .bays-notification-empty-pro>b{
display:grid!important;
place-items:center;
width:58px;height:58px;
margin:0 auto 10px;
border-radius:16px;
background:linear-gradient(135deg,#eef5ff,#f3f0ff);
color:#1768ef;
}
/* Premium profile card */
.bays-app .sidebar .user-mini{
position:relative;
padding:11px!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:12px!important;
background:rgba(255,255,255,.055)!important;
}
.bays-app .sidebar .user-mini>b{
background:linear-gradient(135deg,#1768ef,#4f46e5)!important;
color:#fff!important;
box-shadow:0 8px 18px rgba(23,104,239,.22);
}
.bays-app .sidebar .user-mini::after{
content:"★★★★★";
position:absolute;
right:10px;
bottom:8px;
color:#fbbf24;
font-size:6px;
letter-spacing:1px;
}
/* Animated cart/favorite affordances */
.bays-app .add_to_cart_button:active,
.bays-app [data-favorite]:active,
.bays-app .favorite-button:active{
transform:scale(.92)!important;
}
.bays-app .favorite-button.is-active,
.bays-app [data-favorite].is-active{
animation:baysHeartPop .32s ease;
}
@keyframes baysHeartPop{50%{transform:scale(1.22)}}
/* Count-up numbers */
[data-bays-countup]{font-variant-numeric:tabular-nums}
/* Stronger page headings */
.bays-app .bays-section-head>div>small{
letter-spacing:.08em!important;
font-weight:900!important;
}
.bays-app .bays-section-head h1{
letter-spacing:-.035em!important;
}
/* Smooth drawer */
@media(max-width:760px){
.bays-app .sidebar{
transition:transform .24s cubic-bezier(.22,.8,.25,1)!important;
}
.bays-mobile-menu-overlay{
transition:opacity .2s ease!important;
}
.bays-premium-toast-region{
top:76px;
right:14px;
}
.bays-premium-loader-shell{
grid-template-columns:1fr 1fr;
padding:16px;
}
.bays-premium-loader-shell i:nth-of-type(3),
.bays-premium-loader-shell i:nth-of-type(4){display:none}
}
/* Reduced motion accessibility */
@media(prefers-reduced-motion:reduce){
.bays-premium-page-loader *,
.bays-premium-toast,
[data-bays-countup]{animation:none!important;transition:none!important}
}
/* BAYS B2B PRO v2.0.1 — Portal Cart & WhatsApp Polish */
.bays-app .bays-card-add.loading,
.bays-app .bays-buybar-submit.loading,
.bays-app .single_add_to_cart_button.loading{
pointer-events:none!important;
opacity:.72!important;
}
.bays-app .bays-card-add.added,
.bays-app .bays-buybar-submit.added,
.bays-app .single_add_to_cart_button.added{
background:#12b76a!important;
border-color:#12b76a!important;
color:#fff!important;
box-shadow:0 10px 24px rgba(18,183,106,.22)!important;
}
/* Keep existing WhatsApp structure, improve contrast and readability */
.bays-app .sidebar .bays-sidebar-whatsapp{
border:1px solid rgba(74,222,128,.28)!important;
background:linear-gradient(
135deg,
rgba(22,163,74,.20),
rgba(13,148,136,.12)
)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),
0 10px 24px rgba(2,8,23,.14)!important;
}
.bays-app .sidebar .bays-sidebar-whatsapp>b{
color:#4ade80!important;
text-shadow:0 0 12px rgba(74,222,128,.55);
}
.bays-app .sidebar .bays-sidebar-whatsapp strong{
color:#ffffff!important;
font-size:10px!important;
font-weight:900!important;
line-height:1.3!important;
}
.bays-app .sidebar .bays-sidebar-whatsapp small{
color:#bbf7d0!important;
font-size:8px!important;
font-weight:700!important;
opacity:1!important;
}
@media(max-width:760px){
.bays-app .sidebar .bays-sidebar-whatsapp{
margin-top:10px!important;
}
}
/* =========================================================
BAYS B2B PRO v2.1.0 — Sales Ready Experience Pack
========================================================= */
.bays-theme-toggle{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
width:54px;
height:36px;
padding:3px;
border:1px solid #dce4ee;
border-radius:999px;
background:#f8fafc;
color:#667085;
cursor:pointer;
}
.bays-theme-toggle span{display:grid;place-items:center;height:28px;border-radius:50%;font-size:13px}
.bays-theme-toggle .sun{background:#fff;color:#f59e0b;box-shadow:0 3px 9px rgba(15,23,42,.09)}
html[data-bays-theme="dark"] .bays-theme-toggle .sun{background:transparent;box-shadow:none}
html[data-bays-theme="dark"] .bays-theme-toggle .moon{background:#263248;color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.25)}
.bays-app .sidebar .user-mini span em{
display:block;
margin-top:3px;
color:#a9bad1;
font-size:7px;
font-style:normal;
font-weight:800;
}
.bays-today-overview{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin:14px 0;
}
.bays-today-overview>div{
display:grid;
gap:5px;
padding:13px 14px;
border:1px solid #e2e8f0;
border-radius:12px;
background:#fff;
box-shadow:0 7px 18px rgba(15,23,42,.04);
}
.bays-today-overview small{color:#667085;font-size:8px;font-weight:900;text-transform:uppercase}
.bays-today-overview strong{color:#172033;font-size:12px}
/* First-login onboarding */
.bays-onboarding{
position:fixed;
inset:0;
z-index:12000;
display:grid;
place-items:center;
padding:20px;
}
.bays-onboarding[hidden]{display:none!important}
.bays-onboarding-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.64);backdrop-filter:blur(5px)}
.bays-onboarding>article{
position:relative;
z-index:1;
width:min(520px,100%);
overflow:hidden;
border:1px solid rgba(255,255,255,.5);
border-radius:22px;
background:#fff;
box-shadow:0 34px 100px rgba(15,23,42,.30);
}
.bays-onboarding .close{
position:absolute;
top:14px;right:14px;z-index:2;
display:grid;place-items:center;
width:34px;height:34px;
border:0;border-radius:9px;
background:#f1f5f9;color:#64748b;
font-size:21px;cursor:pointer;
}
.bays-onboarding .steps{min-height:310px}
.bays-onboarding .steps section{display:none;padding:44px 38px 26px}
.bays-onboarding .steps section.active{display:block;animation:baysOnboardIn .25s ease}
.bays-onboarding section>b{
display:grid;place-items:center;
width:52px;height:52px;
margin-bottom:24px;
border-radius:15px;
background:linear-gradient(135deg,#1768ef,#4f46e5);
color:#fff;font-size:13px;
box-shadow:0 12px 28px rgba(23,104,239,.24);
}
.bays-onboarding section small{color:#1768ef;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.bays-onboarding section h2{margin:8px 0 10px;color:#172033;font-size:28px;letter-spacing:-.03em}
.bays-onboarding section p{margin:0;color:#667085;font-size:13px;line-height:1.65}
.bays-onboarding footer{
display:flex;align-items:center;justify-content:space-between;
gap:16px;padding:18px 38px;
border-top:1px solid #e8edf3;background:#f8fafc;
}
.bays-onboarding .dots{display:flex;gap:6px}
.bays-onboarding .dots i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}
.bays-onboarding .dots i.active{width:22px;border-radius:999px;background:#1768ef}
.bays-onboarding footer>button{
height:40px;padding:0 16px;border:0;border-radius:10px;
background:#1768ef;color:#fff;font-size:10px;font-weight:900;cursor:pointer;
}
@keyframes baysOnboardIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
/* Confetti */
.bays-confetti-piece{
position:fixed;
top:-20px;
z-index:11900;
width:8px;height:14px;
border-radius:2px;
pointer-events:none;
animation:baysConfettiFall 1.5s cubic-bezier(.18,.8,.35,1) forwards;
}
@keyframes baysConfettiFall{
to{transform:translate3d(var(--drift),105vh,0) rotate(720deg);opacity:.15}
}
/* Premium auth polish */
.bays-auth aside{
background:
radial-gradient(circle at 18% 10%,rgba(96,165,250,.28),transparent 28%),
radial-gradient(circle at 82% 86%,rgba(79,70,229,.28),transparent 31%),
linear-gradient(145deg,#071a38,#0a2753)!important;
}
.bays-auth .features{grid-template-columns:1fr!important}
.bays-auth .features>div{
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.055)!important;
backdrop-filter:blur(6px);
}
/* Dark theme */
html[data-bays-theme="dark"] body,
html[data-bays-theme="dark"] .bays-app,
html[data-bays-theme="dark"] .bays-app .main,
html[data-bays-theme="dark"] .bays-app .content{
background:#0f172a!important;
color:#e5e7eb!important;
}
html[data-bays-theme="dark"] .bays-app .topbar{
background:rgba(15,23,42,.94)!important;
border-color:#263248!important;
}
html[data-bays-theme="dark"] .bays-mobile-brand strong,
html[data-bays-theme="dark"] .bays-app h1,
html[data-bays-theme="dark"] .bays-app h2,
html[data-bays-theme="dark"] .bays-app h3,
html[data-bays-theme="dark"] .bays-app strong{
color:#f8fafc!important;
}
html[data-bays-theme="dark"] .bays-app p,
html[data-bays-theme="dark"] .bays-app small,
html[data-bays-theme="dark"] .bays-app span{
color:#aebbd0;
}
html[data-bays-theme="dark"] .bays-app .bays-card,
html[data-bays-theme="dark"] .bays-app .bays-stat-card,
html[data-bays-theme="dark"] .bays-app .bays-shortcut-card,
html[data-bays-theme="dark"] .bays-app .bays-finance-summary article,
html[data-bays-theme="dark"] .bays-app .bays-finance-chart-card,
html[data-bays-theme="dark"] .bays-app .bays-finance-table-card,
html[data-bays-theme="dark"] .bays-app .bays-today-overview>div,
html[data-bays-theme="dark"] .bays-app .bays-customer-ai-widget,
html[data-bays-theme="dark"] .bays-app .bays-credit-dashboard,
html[data-bays-theme="dark"] .bays-app .bays-dashboard-profile-alert{
background:#172033!important;
border-color:#2b3a50!important;
box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
html[data-bays-theme="dark"] .bays-app input,
html[data-bays-theme="dark"] .bays-app select,
html[data-bays-theme="dark"] .bays-app textarea{
background:#111b2d!important;
border-color:#334155!important;
color:#f8fafc!important;
}
html[data-bays-theme="dark"] .bays-app table th{background:#172033!important;color:#dce6f5!important}
html[data-bays-theme="dark"] .bays-app table td{border-color:#29384d!important}
html[data-bays-theme="dark"] .bays-dashboard .bays-welcome-premium{
background:linear-gradient(135deg,#123b77,#2d3193)!important;
border-color:#335d9b!important;
}
@media(max-width:760px){
.bays-theme-toggle{width:38px;height:38px;grid-template-columns:1fr;padding:4px}
.bays-theme-toggle .moon{display:none}
html[data-bays-theme="dark"] .bays-theme-toggle .sun{display:none}
html[data-bays-theme="dark"] .bays-theme-toggle .moon{display:grid}
.bays-today-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
.bays-onboarding .steps section{padding:38px 24px 22px}
.bays-onboarding section h2{font-size:23px}
.bays-onboarding footer{padding:16px 24px}
}
/* BAYS B2B PRO v2.2.0 — Reliable Login */
.bays-login-error{
margin:0 0 12px;
padding:10px 12px;
border:1px solid #f3c7c2;
border-radius:9px;
background:#fff1ef;
color:#b42318;
font-size:10px;
font-weight:800;
line-height:1.45;
}
.bays-reliable-login-form{display:grid;gap:12px}
.bays-reliable-login-form p{margin:0}
.bays-reliable-login-form label{display:block;margin-bottom:6px;color:#475467;font-size:9px;font-weight:900}
.bays-reliable-login-form input[type="text"],
.bays-reliable-login-form input[type="password"]{
width:100%;
height:46px;
padding:0 12px;
box-sizing:border-box;
border:1px solid #d8e1ec;
border-radius:10px;
background:#fff;
font-size:14px;
}
.bays-reliable-login-form .login-remember label{display:flex;align-items:center;gap:7px;margin:0;font-weight:700}
.bays-reliable-login-form .login-submit button{
width:100%;
height:48px;
border:0;
border-radius:10px;
background:linear-gradient(135deg,#1768ef,#4f46e5);
color:#fff;
font-size:11px;
font-weight:900;
cursor:pointer;
box-shadow:0 12px 26px rgba(23,104,239,.22);
}
/* BAYS B2B PRO v2.2.0.1 — Hide Public-Site Mobile Toolbar Inside Portal
Scoped only to the B2B portal body class. The normal website keeps its toolbar. */
@media (max-width: 760px) {
body.bays-b2b-final-page .wd-toolbar,
body.bays-b2b-final-page .wd-toolbar-shop,
body.bays-b2b-final-page .woodmart-toolbar,
body.bays-b2b-final-page .woodmart-mobile-nav,
body.bays-b2b-final-page .mobile-bottom-navbar,
body.bays-b2b-final-page .mobile-bottom-nav,
body.bays-b2b-final-page .mobile-nav-tabs,
body.bays-b2b-final-page .sticky-toolbar,
body.bays-b2b-final-page .shop-bottom-toolbar,
body.bays-b2b-final-page .footer-mobile-bar,
body.bays-b2b-final-page [class*="wd-toolbar"],
body.bays-b2b-final-page [class*="mobile-bottom-nav"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.bays-b2b-final-page {
padding-bottom: 0 !important;
}
body.bays-b2b-final-page .bays-app,
body.bays-b2b-final-page .bays-app .main,
body.bays-b2b-final-page .bays-app .content {
margin-bottom: 0 !important;
}
}
/* =========================================================
BAYS B2B PRO v2.3.0 — First Run Setup Wizard
========================================================= */
.bays-setup{
min-height:100vh;
display:grid;
grid-template-columns:minmax(320px,42%) minmax(0,1fr);
background:#f4f7fb;
}
.bays-setup>aside{
display:flex;
flex-direction:column;
justify-content:center;
gap:44px;
min-height:100vh;
padding:56px clamp(34px,6vw,88px);
box-sizing:border-box;
background:
radial-gradient(circle at 12% 12%,rgba(96,165,250,.25),transparent 28%),
radial-gradient(circle at 88% 88%,rgba(79,70,229,.22),transparent 30%),
linear-gradient(145deg,#071a38,#0a2753);
color:#fff;
}
.bays-setup .brand{display:flex;align-items:center;gap:12px}
.bays-setup .brand>b,.bays-setup .brand>img{
display:grid;place-items:center;width:48px;height:48px;border-radius:13px;
background:linear-gradient(135deg,#1768ef,#4f46e5);color:#fff;font-size:21px;font-weight:900;object-fit:contain;
}
.bays-setup .brand>span{display:grid;gap:3px}
.bays-setup .brand strong{font-size:14px}.bays-setup .brand small{color:#a9bad1;font-size:9px}
.bays-setup .copy em{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#93c5fd;font-size:9px;font-style:normal;font-weight:900}
.bays-setup .copy h1{max-width:620px;margin:18px 0 12px;font-size:clamp(34px,4vw,56px);line-height:1.07;letter-spacing:-.045em}
.bays-setup .copy p{max-width:560px;margin:0;color:#c5d3e6;font-size:14px;line-height:1.7}
.setup-benefits{display:grid;gap:11px}
.setup-benefits>div{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.055)}
.setup-benefits b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:rgba(96,165,250,.16);color:#93c5fd}
.setup-benefits span{display:grid;gap:3px}.setup-benefits strong{font-size:10px}.setup-benefits small{color:#a9bad1;font-size:8px}
.bays-setup>main{display:grid;place-items:center;padding:32px}
.bays-setup-card{width:min(680px,100%);padding:32px;border:1px solid #dfe7f0;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.12)}
.bays-setup-card header>span{color:#1768ef;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.bays-setup-card header h2{margin:8px 0 6px;color:#172033;font-size:29px;letter-spacing:-.035em}
.bays-setup-card header p{margin:0;color:#667085;font-size:11px}
.bays-setup-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0}
.bays-setup-progress i{height:4px;border-radius:999px;background:#e2e8f0}.bays-setup-progress i.active{background:#1768ef}
.bays-setup-step{display:none;min-height:330px}.bays-setup-step.active{display:grid;align-content:start;gap:15px;animation:baysSetupIn .2s ease}
@keyframes baysSetupIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.bays-setup-step>label,.bays-setup-two>label{display:grid;gap:7px}
.bays-setup-step label>span,.bays-setup-two label>span{color:#344054;font-size:9px;font-weight:900}
.bays-setup-step input[type="text"],.bays-setup-step input[type="email"],.bays-setup-step input[type="file"]{
width:100%;height:46px;padding:0 12px;box-sizing:border-box;border:1px solid #d8e1ec;border-radius:10px;background:#fff;color:#172033;font-size:13px;
}
.bays-setup-step input[type="file"]{padding:10px}.bays-setup-step input[type="color"]{width:100%;height:46px;padding:4px;border:1px solid #d8e1ec;border-radius:10px;background:#fff}
.bays-setup-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bays-setup-admin-card{display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:13px;align-items:center;padding:17px;border:1px solid #dce6f2;border-radius:14px;background:#f8fbff}
.bays-setup-admin-card>b{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#1768ef,#4f46e5);color:#fff;font-size:21px}
.bays-setup-admin-card>span{display:grid;gap:4px}.bays-setup-admin-card small{color:#667085;font-size:8px}.bays-setup-admin-card strong{color:#172033;font-size:13px}.bays-setup-admin-card em{color:#7c8797;font-size:9px;font-style:normal}
.bays-setup-admin-card>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf8f0;color:#12b76a;font-style:normal;font-weight:900}
.bays-setup-info{padding:15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.bays-setup-info strong{color:#172033;font-size:10px}.bays-setup-info p{margin:6px 0 0;color:#667085;font-size:9px;line-height:1.55}
.bays-setup-step fieldset{display:grid;gap:9px;margin:0;padding:14px;border:1px solid #e2e8f0;border-radius:12px}.bays-setup-step legend{padding:0 6px;color:#344054;font-size:9px;font-weight:900}
.bays-setup-step .choice,.switch-row{display:flex!important;align-items:flex-start;gap:10px;padding:11px;border:1px solid #e5eaf1;border-radius:10px;cursor:pointer}
.bays-setup-step .choice input,.switch-row input{margin-top:3px;accent-color:#1768ef}
.bays-setup-step .choice>span,.switch-row>span{display:grid;gap:3px}.bays-setup-step .choice strong,.switch-row strong{color:#344054;font-size:9px}.bays-setup-step .choice small,.switch-row small{color:#7c8797;font-size:8px;line-height:1.4}
.checks{display:flex;flex-wrap:wrap;gap:8px}.checks label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:9px;color:#475467;font-size:9px;font-weight:800}.checks input{accent-color:#1768ef}
.bays-setup-card footer{display:flex;align-items:center;gap:9px;padding-top:20px;border-top:1px solid #edf1f5}.bays-setup-card footer>span{flex:1}
.bays-setup-card footer button{height:43px;padding:0 17px;border:0;border-radius:10px;background:#1768ef;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.bays-setup-card footer button.secondary{border:1px solid #dce4ee;background:#fff;color:#475467}
.bays-setup-error{margin-top:14px;padding:10px 12px;border:1px solid #f3c7c2;border-radius:9px;background:#fff1ef;color:#b42318;font-size:9px;font-weight:800}
@media(max-width:900px){.bays-setup{grid-template-columns:1fr}.bays-setup>aside{min-height:auto;padding:32px 24px;gap:24px}.bays-setup .copy h1{font-size:34px}.setup-benefits{display:none}.bays-setup>main{padding:18px}.bays-setup-card{padding:24px}}
@media(max-width:560px){.bays-setup-two{grid-template-columns:1fr}.bays-setup-card{padding:20px;border-radius:16px}.bays-setup-step{min-height:420px}.bays-setup-card footer button{padding:0 12px}}
/* BAYS B2B PRO v2.4.0 — Premium Sans Typography */
.bays-app,
.bays-app *,
.bays-auth,
.bays-auth *,
.bays-setup,
.bays-setup *,
.bays-app input,
.bays-app select,
.bays-app textarea,
.bays-app button{
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
.bays-app h1,.bays-app h2,.bays-app h3,.bays-app h4,
.bays-auth h1,.bays-auth h2,.bays-auth h3,
.bays-setup h1,.bays-setup h2,.bays-setup h3{
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
font-style:normal!important;
}
/* BAYS B2B PRO v2.5.0 — White Label Platform Isolation */
body.bays-b2b-final-page #wpadminbar,
body.bays-b2b-final-page .post-edit-link,
body.bays-b2b-final-page .edit-link,
body.bays-b2b-final-page a[href*="/wp-admin/post.php"],
body.bays-b2b-final-page a[href*="action=edit"]{
display:none!important;
}
html:has(body.bays-b2b-final-page),
html:has(body.bays-b2b-admin-page){
margin-top:0!important;
}