/*
 * Rizzi JB role layout final
 * Loaded after jb.css so these selectors are the final visual source of truth.
 * UI only: Buyer, Seller, Worker. No transactional/state changes.
 */
:root{
  --rz-role-surface:#0f1a2b;
  --rz-role-surface-2:#132238;
  --rz-role-border:rgba(148,163,184,.18);
  --rz-role-muted:#98a8bd;
  --rz-role-blue:#2563eb;
  --rz-role-blue-soft:rgba(37,99,235,.12);
  --rz-role-green:#22c55e;
  --rz-role-yellow:#f59e0b;
  --rz-role-red:#ef4444;
  --rz-role-shadow:0 16px 42px rgba(0,0,0,.22);
}

/* Shared role foundations */
.jb-app .seller-center-v3,
.jb-app .seller-library-page,
.jb-app .seller-orders-page,
.jb-app .seller-order-page,
.jb-app .jb-buyer-orders-page,
.jb-app .jb-order-page,
.jb-app .worker-center,
.jb-app .worker-job-page{
  color:var(--jb-text);
  overflow-x:hidden;
}
.jb-app .seller-center-v3 *,
.jb-app .seller-library-page *,
.jb-app .seller-orders-page *,
.jb-app .seller-order-page *,
.jb-app .jb-buyer-orders-page *,
.jb-app .jb-order-page *,
.jb-app .worker-center *,
.jb-app .worker-job-page *{min-width:0}
.jb-app .seller-center-v3 h1,
.jb-app .seller-center-v3 h2,
.jb-app .seller-center-v3 h3,
.jb-app .seller-library-page h1,
.jb-app .seller-library-page h2,
.jb-app .seller-orders-page h1,
.jb-app .seller-orders-page h2,
.jb-app .seller-order-page h1,
.jb-app .seller-order-page h2,
.jb-app .jb-buyer-orders-page h1,
.jb-app .jb-buyer-orders-page h2,
.jb-app .jb-order-page h1,
.jb-app .jb-order-page h2,
.jb-app .worker-center h1,
.jb-app .worker-center h2,
.jb-app .worker-job-page h1,
.jb-app .worker-job-page h2{line-height:1.16;letter-spacing:-.035em}

/* =========================================================
   SELLER DASHBOARD
   ========================================================= */
.seller-center-v3{padding:22px 0 104px!important}
.seller-center-v3>.seller-container-v2{width:min(1120px,calc(100% - 32px))!important;margin-inline:auto!important}
.seller-center-v3 .seller-dashboard-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:22px!important;
  margin:0 0 14px!important;
  padding:24px!important;
  border:1px solid var(--rz-role-border)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(37,99,235,.13),rgba(15,26,43,.97) 46%)!important;
  box-shadow:var(--rz-role-shadow)!important;
}
.seller-center-v3 .seller-dashboard-head h1{
  margin:9px 0 8px!important;
  max-width:690px!important;
  font-size:clamp(28px,4.2vw,44px)!important;
}
.seller-center-v3 .seller-dashboard-head p{
  margin:0!important;
  max-width:660px!important;
  color:var(--rz-role-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.seller-center-v3 .seller-dashboard-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(132px,1fr))!important;
  gap:9px!important;
  width:min(340px,100%)!important;
}
.seller-center-v3 .seller-dashboard-actions .btn{width:100%!important;white-space:nowrap!important}

.seller-center-v3 .seller-overview-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:14px 0!important;
}
.seller-center-v3 .seller-overview-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:4px!important;
  min-height:126px!important;
  padding:16px!important;
  overflow:hidden!important;
  border:1px solid var(--rz-role-border)!important;
  border-radius:20px!important;
  background:var(--rz-role-surface)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.14)!important;
}
.seller-center-v3 .seller-overview-card.primary{
  border-color:rgba(37,99,235,.34)!important;
  background:linear-gradient(145deg,rgba(37,99,235,.20),var(--rz-role-surface) 68%)!important;
}
.seller-center-v3 .seller-overview-card>span{
  display:block!important;
  color:var(--rz-role-muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
}
.seller-center-v3 .seller-overview-card>b{
  display:block!important;
  margin:2px 0!important;
  color:#fff!important;
  font-size:clamp(18px,2.2vw,25px)!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.seller-center-v3 .seller-overview-card>small{
  display:block!important;
  margin-top:auto!important;
  color:var(--rz-role-muted)!important;
  font-size:11px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

.seller-center-v3 .seller-panel-v2{
  display:block!important;
  margin:14px 0!important;
  padding:18px!important;
  border:1px solid var(--rz-role-border)!important;
  border-radius:22px!important;
  background:rgba(15,26,43,.92)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.14)!important;
}
.seller-center-v3 .seller-dashboard-section:first-of-type{
  border-color:rgba(37,99,235,.28)!important;
  background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(15,26,43,.94))!important;
}
.seller-center-v3 .seller-section-head-v2{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 13px!important;
}
.seller-center-v3 .seller-section-head-v2 h2{margin:0!important;font-size:21px!important}
.seller-center-v3 .seller-section-head-v2 p{margin:4px 0 0!important;color:var(--rz-role-muted)!important;font-size:12px!important;line-height:1.5!important}
.seller-center-v3 .seller-section-head-v2>.btn{width:auto!important;min-width:106px!important;min-height:36px!important;padding:8px 12px!important;font-size:11px!important}
.seller-center-v3 .seller-dashboard-columns{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.seller-center-v3 .seller-dashboard-columns>.seller-panel-v2{height:100%!important;margin:0!important}
.seller-center-v3 .seller-compact-list{display:grid!important;gap:9px!important}
.seller-center-v3 .seller-compact-list.horizontal{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.seller-center-v3 .seller-compact-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px!important;
  border:1px solid var(--rz-role-border)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.035)!important;
}
.seller-center-v3 .seller-compact-card.warn{border-left:3px solid var(--rz-role-yellow)!important}
.seller-center-v3 .seller-compact-card.bad{border-left:3px solid var(--rz-role-red)!important}
.seller-center-v3 .seller-compact-card.ok{border-left:3px solid var(--rz-role-green)!important}
.seller-center-v3 .seller-compact-card h3{margin:3px 0!important;font-size:14px!important;line-height:1.35!important}
.seller-center-v3 .seller-compact-card p{margin:0!important;color:var(--rz-role-muted)!important;font-size:11px!important;line-height:1.45!important}
.seller-center-v3 .seller-compact-card>.btn{width:auto!important;min-width:88px!important;min-height:36px!important;padding:8px 11px!important;font-size:11px!important}
.seller-center-v3 .seller-order-id{display:inline-block!important;color:#93c5fd!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.03em!important}
.seller-center-v3 .seller-empty-mini{
  display:grid!important;
  gap:5px!important;
  padding:17px!important;
  border:1px dashed rgba(148,163,184,.24)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.025)!important;
}
.seller-center-v3 .seller-empty-mini b{font-size:13px!important}
.seller-center-v3 .seller-empty-mini span{color:var(--rz-role-muted)!important;font-size:11.5px!important;line-height:1.5!important}
.seller-center-v3 .seller-payment-panel-v2{margin-top:14px!important}
.seller-center-v3 .seller-payment-form-v2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.seller-center-v3 .seller-payment-form-v2 .wide{grid-column:1/-1!important}
.seller-center-v3 .seller-payment-form-v2 label{display:grid!important;gap:6px!important;font-size:11px!important;font-weight:850!important;color:var(--rz-role-muted)!important}
.seller-center-v3 .seller-payment-form-v2 .btn.wide{width:100%!important}

/* Seller listing and order libraries */
.seller-library-page,.seller-orders-page{padding-bottom:104px!important}
.seller-filter-tabs,.seller-order-switch,.seller-order-filters{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:4px 1px 12px!important;
  margin:0 0 10px!important;
  scrollbar-width:none!important;
}
.seller-filter-tabs::-webkit-scrollbar,.seller-order-switch::-webkit-scrollbar,.seller-order-filters::-webkit-scrollbar{display:none!important}
.seller-filter-tabs a,.seller-order-switch a,.seller-order-filters a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:39px!important;
  padding:8px 12px!important;
  border:1px solid var(--rz-role-border)!important;
  border-radius:999px!important;
  background:var(--rz-role-surface)!important;
  color:var(--rz-role-muted)!important;
  font-size:11.5px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.seller-filter-tabs a.active,.seller-order-switch a.active,.seller-order-filters a.active{
  border-color:var(--rz-role-blue)!important;
  background:var(--rz-role-blue)!important;
  color:white!important;
}
.seller-filter-tabs a b{display:grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 5px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;font-size:10px!important}
.seller-listing-library,.seller-order-library{display:grid!important;gap:12px!important}
.seller-library-card{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  overflow:hidden!important;
  border:1px solid var(--rz-role-border)!important;
  border-radius:22px!important;
  background:var(--rz-role-surface)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.14)!important;
}
.seller-library-thumb{min-height:170px!important;background:#08111f!important;overflow:hidden!important}
.seller-library-thumb img{display:block!important;width:100%!important;height:100%!important;min-height:170px!important;object-fit:cover!important;border-radius:0!important}
.seller-library-thumb>span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-height:170px!important;color:#93c5fd!important;font-weight:950!important;font-size:28px!important}
.seller-library-body{display:grid!important;gap:10px!important;padding:17px!important}
.seller-library-meta,.seller-library-price,.seller-library-foot,.seller-order-library-head,.seller-order-library-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.seller-library-body h2,.seller-order-library-card h2{margin:0!important;font-size:18px!important}
.seller-library-meta>span:last-child,.seller-library-foot small,.seller-order-library-foot>span{color:var(--rz-role-muted)!important;font-size:11px!important}
.seller-library-price{align-items:flex-end!important}.seller-library-price b{font-size:16px!important}.seller-library-price span{color:var(--rz-role-muted)!important;font-size:11px!important;text-align:right!important}
.seller-review-note,.seller-order-warning{padding:11px!important;border-radius:14px!important;border:1px solid rgba(245,158,11,.25)!important;background:rgba(245,158,11,.08)!important;color:#fde68a!important;font-size:11.5px!important}
.seller-review-note p{margin:4px 0 0!important;color:#f8e3ae!important}
.seller-library-foot>div{display:flex!important;gap:7px!important}
.seller-library-foot .btn{width:auto!important;min-height:36px!important;padding:8px 11px!important;font-size:11px!important}
.seller-order-library-card{
  display:grid!important;
  gap:14px!important;
  padding:17px!important;
  border:1px solid var(--rz-role-border)!important;
  border-radius:22px!important;
  background:var(--rz-role-surface)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.14)!important;
}
.seller-order-library-head{align-items:flex-start!important}
.seller-order-library-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.seller-order-library-grid>div{display:grid!important;gap:4px!important;padding:11px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(148,163,184,.12)!important}
.seller-order-library-grid span{color:var(--rz-role-muted)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:850!important}
.seller-order-library-grid b{font-size:12px!important;overflow-wrap:anywhere!important}
.seller-order-library-foot .btn{width:auto!important;min-width:130px!important}

/* =========================================================
   SELLER ORDER
   ========================================================= */
.seller-order-page{padding:20px 0 106px!important}
.seller-order-page>.seller-order-shell{width:min(1120px,calc(100% - 32px))!important;margin-inline:auto!important}
.seller-order-page .seller-order-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)!important;
  gap:20px!important;
  align-items:end!important;
  padding:20px!important;
  border-radius:23px!important;
}
.seller-order-page .seller-mini-nav{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.seller-order-page .seller-mini-nav .btn{width:auto!important;min-height:36px!important;font-size:11px!important;padding:8px 11px!important}
.seller-order-page .seller-order-head h1{margin:8px 0 5px!important;font-size:clamp(23px,3.4vw,36px)!important}
.seller-order-page .seller-order-head p{margin:0!important;color:var(--rz-role-muted)!important;font-size:12px!important}
.seller-order-page .seller-stepper{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:5px 2px 3px!important;scrollbar-width:none!important}
.seller-order-page .seller-stepper::-webkit-scrollbar{display:none!important}
.seller-order-page .seller-stepper span{position:relative!important;flex:0 0 auto!important;min-width:90px!important;text-align:center!important}
.seller-order-page .seller-layout{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(285px,.65fr)!important;gap:17px!important;margin-top:16px!important;align-items:start!important}
.seller-order-page .seller-layout>main{display:grid!important;gap:14px!important}
.seller-order-page .seller-layout>aside{display:grid!important;gap:12px!important;position:sticky!important;top:86px!important}
.seller-order-page .seller-action-card{padding:21px!important;border:1px solid rgba(37,99,235,.32)!important;background:linear-gradient(180deg,rgba(37,99,235,.10),var(--rz-role-surface) 52%)!important}
.seller-order-page .seller-action-card h2{font-size:23px!important;margin:6px 0!important}
.seller-order-page .seller-action-card p{margin:0 0 14px!important;font-size:13px!important;line-height:1.55!important}
.seller-order-page .seller-form{display:grid!important;gap:10px!important}
.seller-order-page .seller-form .btn,.seller-order-page .seller-actions-inline .btn{min-height:44px!important}
.seller-order-page .seller-actions-inline{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:9px!important}
.seller-order-page .seller-actions-inline .btn{width:100%!important}
.seller-order-page .seller-timeline{padding:17px!important}
.seller-order-page .seller-layout>aside>.card{padding:16px!important;border-radius:19px!important;box-shadow:none!important}
.seller-order-page .done-card{min-height:330px!important;border-radius:22px!important}
.seller-order-page .done-check{
  width:92px!important;height:92px!important;min-width:92px!important;
  border-radius:50%!important;margin:0 auto 18px!important;
  display:grid!important;place-items:center!important;
  background:var(--rz-role-green)!important;color:white!important;
  font-size:48px!important;line-height:1!important;font-weight:950!important;
  box-shadow:0 18px 44px rgba(34,197,94,.28)!important;
}

/* =========================================================
   BUYER MARKETPLACE / ORDERS
   ========================================================= */
.jb-mode-buyer .jb-hero-v2 .jb-hero-panel{border-radius:24px!important;box-shadow:var(--rz-role-shadow)!important}
.jb-mode-buyer .jb-filter-bar{border-radius:18px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
.jb-buyer-orders-page{padding-bottom:104px!important}
.jb-buyer-orders-page .jb-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
.jb-buyer-orders-page .jb-stat{display:grid!important;gap:4px!important;padding:15px!important;min-height:118px!important}
.jb-buyer-orders-page .jb-stat span{color:var(--rz-role-muted)!important;font-size:11px!important;font-weight:850!important}
.jb-buyer-orders-page .jb-stat b{font-size:25px!important;line-height:1.1!important}
.jb-buyer-orders-page .jb-stat small{margin-top:auto!important;color:var(--rz-role-muted)!important;font-size:10.5px!important}
.jb-buyer-orders-page .jb-action-list{display:grid!important;gap:10px!important}
.jb-buyer-orders-page .jb-action-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:15px!important;
  border-radius:19px!important;
}
.jb-buyer-orders-page .jb-action-row h3{margin:7px 0 4px!important;font-size:15px!important}
.jb-buyer-orders-page .jb-action-row p{margin:0!important;font-size:11.5px!important;line-height:1.5!important}
.jb-buyer-orders-page .jb-action-row>.btn{width:auto!important;min-width:110px!important}

.jb-order-page{padding-bottom:106px!important}
.jb-order-page .jb-order-layout{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(285px,.65fr)!important;gap:17px!important;padding-top:20px!important}
.jb-order-page .jb-order-main{display:grid!important;gap:13px!important}
.jb-order-page .jb-order-side{display:grid!important;gap:11px!important;position:sticky!important;top:86px!important;align-self:start!important}
.jb-order-page .jb-order-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;padding:19px!important;border-radius:21px!important}
.jb-order-page .jb-order-head h1{font-size:clamp(21px,3vw,31px)!important;margin:7px 0 5px!important}
.jb-order-page .jb-status-pill{white-space:normal!important;text-align:center!important;max-width:190px!important;line-height:1.35!important}
.jb-order-page .jb-action-card{padding:21px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(37,99,235,.10),var(--rz-role-surface) 56%)!important}
.jb-order-page .jb-action-card h2{font-size:23px!important}
.jb-order-page .jb-action-card .btn{min-height:44px!important}
.jb-order-page .jb-order-summary,.jb-order-page .jb-card-pad{padding:16px!important;border-radius:19px!important;box-shadow:none!important}
.jb-order-page .jb-summary-row{align-items:flex-start!important;line-height:1.4!important}
.jb-order-page .jb-summary-row b{max-width:58%!important;overflow-wrap:anywhere!important}
.jb-order-page .jb-timeline-card{padding:18px!important;border-radius:21px!important}
.jb-order-page .jb-otp-value,.jb-order-page .otp-big{font-size:clamp(28px,7vw,42px)!important;letter-spacing:.14em!important;text-align:center!important}

/* =========================================================
   WORKER CENTER / JOB
   ========================================================= */
.worker-center{padding:22px 0 106px!important}
.worker-center>.container{width:min(1120px,calc(100% - 32px))!important}
.worker-center .worker-hero-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;padding:22px!important;border:1px solid var(--rz-role-border)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(37,99,235,.13),var(--rz-role-surface) 52%)!important;box-shadow:var(--rz-role-shadow)!important}
.worker-center .worker-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 16px!important}
.worker-center .worker-stats>div{display:grid!important;gap:4px!important;padding:14px!important;border-radius:18px!important;border:1px solid var(--rz-role-border)!important;background:var(--rz-role-surface)!important}
.worker-center .worker-stats b{font-size:21px!important;overflow-wrap:anywhere!important}.worker-center .worker-stats span{font-size:10.5px!important;color:var(--rz-role-muted)!important}
.worker-center .worker-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr)!important;gap:14px!important}
.worker-center .worker-card{padding:17px!important;border-radius:21px!important}
.worker-center .worker-job-card{display:grid!important;gap:4px!important;padding:13px!important;border-radius:16px!important}

.worker-job-page{padding:20px 0 106px!important}
.worker-job-page>.container{width:min(1120px,calc(100% - 32px))!important;margin-inline:auto!important}
.worker-job-page .worker-job-top.compact{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin:0 0 12px!important;padding:14px!important;border:1px solid var(--rz-role-border)!important;border-radius:20px!important;background:var(--rz-role-surface)!important}
.worker-job-page .worker-job-top.compact h1{margin:3px 0!important;font-size:clamp(21px,3vw,31px)!important}
.worker-job-page .worker-flow-strip{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:5px 2px 14px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
.worker-job-page .worker-flow-strip::-webkit-scrollbar{display:none!important}
.worker-job-page .worker-flow-step{flex:0 0 auto!important;min-width:128px!important;scroll-snap-align:center!important}
.worker-job-page .action-first-layout,.worker-job-page .worker-job-grid{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr)!important;gap:16px!important;align-items:start!important}
.worker-job-page .worker-main-card{display:grid!important;gap:12px!important;padding:18px!important;border-radius:22px!important}
.worker-job-page .worker-section{display:block!important;margin:0!important;padding:16px!important;border-radius:18px!important;box-shadow:none!important}
.worker-job-page .worker-live-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
.worker-job-page .worker-live-head h3{margin:4px 0 0!important;font-size:17px!important}
.worker-job-page .worker-live-state{flex:0 0 auto!important;padding:6px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}
.worker-job-page .worker-secret{max-height:260px!important;font-size:12px!important;line-height:1.6!important}
.worker-job-page .otp-code{
  width:100%!important;
  margin:10px 0!important;
  padding:17px 12px!important;
  border-radius:18px!important;
  text-align:center!important;
  font-size:clamp(34px,7vw,52px)!important;
  line-height:1.1!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  background:rgba(37,99,235,.15)!important;
  border:1px solid rgba(37,99,235,.38)!important;
  color:white!important;
}
.worker-job-page .worker-live-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:start!important}
.worker-job-page .worker-live-actions>form{display:grid!important;gap:8px!important}
.worker-job-page .worker-action-card{padding:20px!important;border-radius:21px!important;border:1px solid rgba(37,99,235,.32)!important;background:linear-gradient(180deg,rgba(37,99,235,.12),var(--rz-role-surface) 55%)!important}
.worker-job-page .worker-action-card h2{font-size:23px!important}
.worker-job-page .worker-primary-actions,.worker-job-page .worker-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.worker-job-page .worker-primary-actions form,.worker-job-page .worker-primary-actions .btn,.worker-job-page .worker-action-grid form,.worker-job-page .worker-action-grid .btn{width:100%!important}
.worker-job-page .worker-side-card.compact{position:sticky!important;top:86px!important;padding:16px!important;border-radius:19px!important}
.worker-job-page .worker-timeline-bottom{padding:16px!important;border-radius:20px!important}
.worker-job-page .done-card,.worker-job-page .worker-done-card{min-height:350px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:32px 18px!important;border-radius:24px!important}
.worker-job-page .done-check,.worker-job-page .worker-done-check{
  width:96px!important;height:96px!important;min-width:96px!important;min-height:96px!important;
  margin:0 auto 18px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:var(--rz-role-green)!important;color:white!important;
  font-size:50px!important;line-height:1!important;font-weight:950!important;
  box-shadow:0 20px 48px rgba(34,197,94,.30)!important;
}

/* Desktop wide-screen balance */
@media(min-width:1180px){
  .seller-center-v3 .seller-dashboard-head,
  .seller-order-page .seller-order-head,
  .jb-order-page .jb-order-head,
  .worker-job-page .worker-job-top.compact{padding-left:24px!important;padding-right:24px!important}
}

/* =========================================================
   TABLET / MOBILE
   ========================================================= */
@media(max-width:900px){
  .seller-center-v3 .seller-dashboard-head{grid-template-columns:1fr!important;align-items:start!important}
  .seller-center-v3 .seller-dashboard-actions{width:100%!important}
  .seller-center-v3 .seller-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .seller-center-v3 .seller-dashboard-columns{grid-template-columns:1fr!important}
  .seller-center-v3 .seller-compact-list.horizontal{grid-template-columns:1fr!important}
  .seller-center-v3 .seller-payment-form-v2{grid-template-columns:1fr!important}
  .seller-center-v3 .seller-payment-form-v2 .wide{grid-column:auto!important}
  .seller-order-page .seller-order-head{grid-template-columns:1fr!important}
  .seller-order-page .seller-layout{grid-template-columns:1fr!important}
  .seller-order-page .seller-layout>aside{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jb-order-page .jb-order-layout{grid-template-columns:1fr!important}
  .jb-order-page .jb-order-side{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .worker-center .worker-grid{grid-template-columns:1fr!important}
  .worker-job-page .action-first-layout,.worker-job-page .worker-job-grid{grid-template-columns:1fr!important}
  .worker-job-page .worker-side-card.compact{position:static!important}
}

@media(max-width:720px){
  .seller-center-v3{padding-top:10px!important}
  .seller-center-v3>.seller-container-v2,
  .seller-order-page>.seller-order-shell,
  .worker-center>.container,
  .worker-job-page>.container{width:calc(100% - 20px)!important;padding:0!important}
  .seller-center-v3 .seller-dashboard-head{gap:16px!important;padding:17px!important;border-radius:20px!important}
  .seller-center-v3 .seller-dashboard-head h1{font-size:27px!important;margin-top:8px!important}
  .seller-center-v3 .seller-dashboard-head p{font-size:12.5px!important;line-height:1.55!important}
  .seller-center-v3 .seller-dashboard-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .seller-center-v3 .seller-dashboard-actions .btn{min-height:44px!important;padding:9px!important;font-size:12px!important}
  .seller-center-v3 .seller-overview-grid{gap:8px!important;margin:10px 0!important}
  .seller-center-v3 .seller-overview-card{min-height:112px!important;padding:12px!important;border-radius:17px!important}
  .seller-center-v3 .seller-overview-card>span{font-size:9.5px!important}
  .seller-center-v3 .seller-overview-card>b{font-size:clamp(17px,5vw,21px)!important}
  .seller-center-v3 .seller-overview-card>small{font-size:9.5px!important;line-height:1.35!important}
  .seller-center-v3 .seller-panel-v2{margin:10px 0!important;padding:14px!important;border-radius:19px!important}
  .seller-center-v3 .seller-section-head-v2{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .seller-center-v3 .seller-section-head-v2 h2{font-size:19px!important}
  .seller-center-v3 .seller-section-head-v2>.btn{width:100%!important;min-height:38px!important}
  .seller-center-v3 .seller-compact-card{grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}
  .seller-center-v3 .seller-compact-card>.btn{width:100%!important}

  .seller-library-page,.seller-orders-page{padding-top:8px!important}
  .seller-library-page .jb-page-head,.seller-orders-page .jb-page-head{display:grid!important;gap:12px!important}
  .seller-library-page .jb-page-actions,.seller-orders-page .jb-page-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .seller-library-page .jb-page-actions .btn,.seller-orders-page .jb-page-actions .btn{display:flex!important;width:100%!important}
  .seller-library-card{grid-template-columns:1fr!important}
  .seller-library-thumb,.seller-library-thumb img,.seller-library-thumb>span{min-height:190px!important;height:190px!important}
  .seller-library-body{padding:14px!important}
  .seller-library-foot{align-items:flex-start!important;flex-direction:column!important}
  .seller-library-foot>div{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .seller-library-foot .btn{width:100%!important}
  .seller-order-library-head,.seller-order-library-foot{align-items:flex-start!important;flex-direction:column!important}
  .seller-order-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .seller-order-library-foot .btn{width:100%!important}

  .seller-order-page{padding-top:10px!important}
  .seller-order-page .seller-order-head{padding:15px!important;border-radius:19px!important}
  .seller-order-page .seller-mini-nav{display:grid!important;grid-template-columns:1fr 1fr!important}
  .seller-order-page .seller-mini-nav .btn{grid-column:1/-1!important;width:100%!important}
  .seller-order-page .seller-order-head h1{font-size:24px!important}
  .seller-order-page .seller-stepper{margin-inline:-2px!important}
  .seller-order-page .seller-stepper span{min-width:84px!important;font-size:10px!important;padding:8px!important}
  .seller-order-page .seller-layout{margin-top:10px!important}
  .seller-order-page .seller-action-card{padding:15px!important;border-radius:19px!important}
  .seller-order-page .seller-action-card h2{font-size:20px!important}
  .seller-order-page .seller-layout>aside{grid-template-columns:1fr!important}
  .seller-order-page .seller-actions-inline{grid-template-columns:1fr!important}

  .jb-buyer-orders-page .jb-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .jb-buyer-orders-page .jb-stat{min-height:105px!important;padding:12px!important;border-radius:17px!important}
  .jb-buyer-orders-page .jb-stat b{font-size:21px!important}
  .jb-buyer-orders-page .jb-action-row{grid-template-columns:1fr!important;padding:13px!important}
  .jb-buyer-orders-page .jb-action-row>.btn{width:100%!important}

  .jb-order-page .jb-order-layout{padding-top:10px!important;gap:10px!important}
  .jb-order-page .jb-order-head{grid-template-columns:1fr!important;padding:15px!important;border-radius:18px!important}
  .jb-order-page .jb-status-pill{max-width:none!important;width:max-content!important}
  .jb-order-page .jb-action-card{padding:15px!important;border-radius:19px!important}
  .jb-order-page .jb-action-card h2{font-size:20px!important}
  .jb-order-page .jb-action-buttons,.jb-order-page .jb-form-grid{grid-template-columns:1fr!important}
  .jb-order-page .jb-action-card .btn{width:100%!important}
  .jb-order-page .jb-order-side{grid-template-columns:1fr!important}

  .worker-center{padding-top:10px!important}
  .worker-center .worker-hero-card{grid-template-columns:1fr!important;padding:16px!important;border-radius:20px!important}
  .worker-center .worker-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .worker-center .worker-stats>div{padding:12px!important;border-radius:16px!important}
  .worker-center .worker-grid{gap:10px!important}
  .worker-center .worker-card{padding:14px!important;border-radius:18px!important}

  .worker-job-page{padding-top:9px!important}
  .worker-job-page .worker-job-top.compact{grid-template-columns:1fr!important;padding:13px!important;border-radius:18px!important}
  .worker-job-page .worker-job-top.compact>a{width:max-content!important}
  .worker-job-page .worker-flow-strip{margin-inline:-3px!important}
  .worker-job-page .worker-flow-step{min-width:120px!important;font-size:10.5px!important}
  .worker-job-page .worker-main-card{padding:11px!important;border-radius:18px!important}
  .worker-job-page .worker-section{padding:13px!important;border-radius:16px!important}
  .worker-job-page .worker-live-head{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .worker-job-page .worker-live-head h3{font-size:15px!important}
  .worker-job-page .otp-code{font-size:clamp(31px,10vw,44px)!important;letter-spacing:.12em!important;padding:15px 8px!important}
  .worker-job-page .worker-live-actions{grid-template-columns:1fr!important}
  .worker-job-page .worker-action-card{padding:15px!important;border-radius:18px!important}
  .worker-job-page .worker-action-card h2{font-size:20px!important}
  .worker-job-page .worker-primary-actions,.worker-job-page .worker-action-grid{grid-template-columns:1fr!important}
  .worker-job-page .worker-side-card.compact{display:none!important}
  .worker-job-page .done-card,.worker-job-page .worker-done-card{min-height:300px!important}
  .worker-job-page .done-check,.worker-job-page .worker-done-check{width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important;font-size:43px!important}
}

@media(max-width:390px){
  .seller-center-v3 .seller-dashboard-actions{grid-template-columns:1fr!important}
  .seller-center-v3 .seller-overview-card{min-height:108px!important;padding:11px!important}
  .seller-center-v3 .seller-overview-card>b{font-size:17px!important}
  .seller-order-library-grid{grid-template-columns:1fr!important}
  .seller-library-foot>div{grid-template-columns:1fr!important}
  .seller-library-page .jb-page-actions,.seller-orders-page .jb-page-actions{grid-template-columns:1fr!important}
  .seller-order-page .seller-mini-nav{grid-template-columns:1fr!important}
  .seller-order-page .seller-mini-nav .btn{grid-column:auto!important}
  .jb-buyer-orders-page .jb-stat-grid{grid-template-columns:1fr 1fr!important}
  .worker-center .worker-stats{grid-template-columns:1fr 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .seller-center-v3 *,
  .seller-order-page *,
  .jb-order-page *,
  .worker-job-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
