/*
  SaloCart V5.2.33 — Seller, Partner & Admin shortcut menus
  Same calm, icon-and-label pattern as the Shopper shortcuts. The menu is
  intentionally low-noise: labels remain horizontal, details stay in the
  workflow sections below, and the grid changes before cards can become tight.
*/
.role-shortcut-menu{
  margin:16px 0;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--sc-line) 88%,transparent);
  border-radius:22px;
  background:var(--sc-surface);
  box-shadow:0 10px 26px rgba(21,57,39,.045);
}
.role-shortcut-menu__heading{display:block;margin:0 0 14px;padding:0;border:0;}
.role-shortcut-menu__heading .section-kicker{margin:0 0 3px;font-size:.7rem;}
.role-shortcut-menu__heading h2{margin:0;color:var(--sc-ink);font-size:1.08rem;font-weight:820;letter-spacing:-.018em;line-height:1.2;}
.role-shortcut-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0;}
.role-shortcut-item{
  display:flex;
  min-width:0;
  min-height:80px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 10px;
  overflow:hidden;
  border:1px solid var(--sc-line);
  border-radius:16px;
  background:var(--sc-surface);
  box-shadow:none;
  color:var(--sc-ink);
  font-family:var(--font-ui);
  text-align:left;
  writing-mode:horizontal-tb;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.role-shortcut-item:hover,.role-shortcut-item:focus-visible{
  border-color:color-mix(in srgb,currentColor 42%,var(--sc-line));
  background:color-mix(in srgb,currentColor 6%,var(--sc-surface));
  box-shadow:0 8px 18px color-mix(in srgb,currentColor 9%,transparent);
  outline:none;
  transform:translateY(-1px);
}
.role-shortcut-item:active{transform:scale(.985);}
.role-shortcut-item__icon{
  position:relative;
  display:grid;
  width:42px;
  height:42px;
  flex:0 0 42px;
  place-items:center;
  border-radius:13px;
  background:var(--sc-surface-alt);
  color:var(--sc-green);
  font-size:1.06rem;
  line-height:1;
}
.role-shortcut-item__icon b{
  position:absolute;
  top:-7px;
  right:-7px;
  display:grid;
  min-width:19px;
  height:19px;
  place-items:center;
  padding:0 5px;
  border:2px solid var(--sc-surface);
  border-radius:999px;
  background:var(--sc-coral);
  color:#fff;
  font-size:.58rem;
  font-style:normal;
  font-variant-numeric:tabular-nums;
  font-weight:850;
  line-height:1;
}
.role-shortcut-item__label{
  display:block;
  min-width:0;
  overflow:hidden;
  color:currentColor;
  font-family:var(--font-ui);
  font-size:.82rem;
  font-weight:790;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  writing-mode:horizontal-tb;
}
/* Seller */
.role-shortcut-menu--seller .tone-create{color:var(--sc-green);}.role-shortcut-menu--seller .tone-create .role-shortcut-item__icon{background:var(--sc-mint);color:var(--sc-green);}
.role-shortcut-menu--seller .tone-inventory{color:var(--sc-blue);}.role-shortcut-menu--seller .tone-inventory .role-shortcut-item__icon{background:var(--sc-blue-soft);color:var(--sc-blue);}
.role-shortcut-menu--seller .tone-fulfillment{color:#A75E0B;}.role-shortcut-menu--seller .tone-fulfillment .role-shortcut-item__icon{background:#FFF1DA;color:#B96D17;}
.role-shortcut-menu--seller .tone-cash{color:#4E69A1;}.role-shortcut-menu--seller .tone-cash .role-shortcut-item__icon{background:#EDF2FF;color:#5272B3;}
.role-shortcut-menu--seller .tone-messages{color:#A9455B;}.role-shortcut-menu--seller .tone-messages .role-shortcut-item__icon{background:#FCECEF;color:#C94D63;}
.role-shortcut-menu--seller .tone-profile{color:#6450A9;}.role-shortcut-menu--seller .tone-profile .role-shortcut-item__icon{background:#F0ECFF;color:#6A55B5;}
/* Partner */
.role-shortcut-menu--partner .tone-pickup{color:var(--sc-green);}.role-shortcut-menu--partner .tone-pickup .role-shortcut-item__icon{background:var(--sc-mint);color:var(--sc-green);}
.role-shortcut-menu--partner .tone-receiving{color:var(--sc-blue);}.role-shortcut-menu--partner .tone-receiving .role-shortcut-item__icon{background:var(--sc-blue-soft);color:var(--sc-blue);}
.role-shortcut-menu--partner .tone-handover{color:#A75E0B;}.role-shortcut-menu--partner .tone-handover .role-shortcut-item__icon{background:#FFF1DA;color:#B96D17;}
.role-shortcut-menu--partner .tone-ledger{color:#4E69A1;}.role-shortcut-menu--partner .tone-ledger .role-shortcut-item__icon{background:#EDF2FF;color:#5272B3;}
.role-shortcut-menu--partner .tone-messages{color:#A9455B;}.role-shortcut-menu--partner .tone-messages .role-shortcut-item__icon{background:#FCECEF;color:#C94D63;}
.role-shortcut-menu--partner .tone-profile{color:#6450A9;}.role-shortcut-menu--partner .tone-profile .role-shortcut-item__icon{background:#F0ECFF;color:#6A55B5;}
/* Admin */
.role-shortcut-menu--admin .tone-collections{color:#A75E0B;}.role-shortcut-menu--admin .tone-collections .role-shortcut-item__icon{background:#FFF1DA;color:#B96D17;}
.role-shortcut-menu--admin .tone-settlement{color:var(--sc-green);}.role-shortcut-menu--admin .tone-settlement .role-shortcut-item__icon{background:var(--sc-mint);color:var(--sc-green);}
.role-shortcut-menu--admin .tone-accounts{color:#6450A9;}.role-shortcut-menu--admin .tone-accounts .role-shortcut-item__icon{background:#F0ECFF;color:#6A55B5;}
.role-shortcut-menu--admin .tone-rewards{color:#A9455B;}.role-shortcut-menu--admin .tone-rewards .role-shortcut-item__icon{background:#FCECEF;color:#C94D63;}
.role-shortcut-menu--admin .tone-messages{color:var(--sc-blue);}.role-shortcut-menu--admin .tone-messages .role-shortcut-item__icon{background:var(--sc-blue-soft);color:var(--sc-blue);}
.role-shortcut-menu--admin .tone-alerts{color:#4E69A1;}.role-shortcut-menu--admin .tone-alerts .role-shortcut-item__icon{background:#EDF2FF;color:#5272B3;}
@media(max-width:1199.98px){.role-shortcut-nav{grid-template-columns:repeat(3,minmax(0,1fr));}.role-shortcut-item{min-height:76px;}}
@media(max-width:767.98px){
  .role-shortcut-menu{margin:13px 0;padding:14px;border-radius:19px;}
  .role-shortcut-menu__heading{margin-bottom:11px;}
  .role-shortcut-menu__heading h2{font-size:1rem;}
  .role-shortcut-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .role-shortcut-item{min-height:94px;flex-direction:column;justify-content:center;gap:7px;padding:11px;text-align:center;}
  .role-shortcut-item__label{max-width:100%;text-align:center;}
}
@media(max-width:359.98px){
  .role-shortcut-menu{padding:10px;border-radius:17px;}
  .role-shortcut-nav{gap:7px;}
  .role-shortcut-item{min-height:84px;gap:6px;padding:9px;}
  .role-shortcut-item__icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:.94rem;}
  .role-shortcut-item__label{font-size:.75rem;}
}
html[data-theme="dark"] .role-shortcut-menu{border-color:var(--sc-line);background:var(--sc-surface);}
html[data-theme="dark"] .role-shortcut-item{border-color:var(--sc-line);background:var(--sc-surface);}
html[data-theme="dark"] .role-shortcut-menu--seller .tone-fulfillment .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--partner .tone-handover .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--admin .tone-collections .role-shortcut-item__icon{background:#3B2A18;color:#FFC377;}
html[data-theme="dark"] .role-shortcut-menu--seller .tone-cash .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--partner .tone-ledger .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--admin .tone-alerts .role-shortcut-item__icon{background:#252F4A;color:#ADC8FF;}
html[data-theme="dark"] .role-shortcut-menu--seller .tone-messages .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--partner .tone-messages .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--admin .tone-rewards .role-shortcut-item__icon{background:#392329;color:#FFACB5;}
html[data-theme="dark"] .role-shortcut-menu--seller .tone-profile .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--partner .tone-profile .role-shortcut-item__icon,
html[data-theme="dark"] .role-shortcut-menu--admin .tone-accounts .role-shortcut-item__icon{background:#30274A;color:#C3B5FF;}
@media(prefers-reduced-motion:reduce){.role-shortcut-item{transition:none!important;}}