/* StitchFlow private 8082: actionable sample queue and clearer Switchboard icons. */
.sf-switch-tile{
  grid-template-columns:46px minmax(0,1fr) 18px;
  min-height:68px;
  gap:12px;
}
.sf-switch-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  color:var(--green,#174c3c);
  line-height:1;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green,#174c3c) 16%,transparent);
}
.sf-switch-icon svg{
  display:block;
  width:25px;
  height:25px;
  overflow:visible;
}
/* Crisp functional color families; SVG remains resolution-independent. */
.sf-switch-tile[data-switch-page="carrier-tracking"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="vendor-samples"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="package-routing"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="shipping-exceptions"] .sf-switch-icon{color:#087f8c;background:#e7f7f8}
.sf-switch-tile[data-switch-page="styles"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="new-development-style"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="development-timeline"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="mass"] .sf-switch-icon{color:#6657b8;background:#f0edff}
.sf-switch-tile[data-switch-page="production-styles"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="production-follow-up"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="time-action"] .sf-switch-icon{color:#2468a2;background:#eaf3fb}
.sf-switch-tile[data-switch-page="costing"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="fabric-fds"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="approvals"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="cost-chart"] .sf-switch-icon{color:#b06a16;background:#fff3df}
.sf-switch-tile[data-switch-page="reports"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="excel-po-import"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="excel-reconciliation"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="po-workspace"] .sf-switch-icon{color:#39744f;background:#eaf5ee}
.sf-switch-tile[data-switch-page="master"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="bulk-style-images"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="company-users"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="vendor-users"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="division-access"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="organization-setup"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="audit-trail"] .sf-switch-icon{color:#5e4b9e;background:#f1eefd}
.sf-switch-tile[data-switch-page="ai-center"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="appearance"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="system-reset"] .sf-switch-icon{color:#a34271;background:#fbeaf3}
/* These modules supply legacy glyphs after registration. Force equal-size vector masks. */
.sf-switch-tile[data-switch-page="shipping-exceptions"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="cost-chart"] .sf-switch-icon,
.sf-switch-tile[data-switch-page="audit-trail"] .sf-switch-icon{font-size:0}
.sf-switch-tile[data-switch-page="shipping-exceptions"] .sf-switch-icon svg,
.sf-switch-tile[data-switch-page="cost-chart"] .sf-switch-icon svg,
.sf-switch-tile[data-switch-page="audit-trail"] .sf-switch-icon svg{display:none}
.sf-switch-tile[data-switch-page="shipping-exceptions"] .sf-switch-icon::before,
.sf-switch-tile[data-switch-page="cost-chart"] .sf-switch-icon::before,
.sf-switch-tile[data-switch-page="audit-trail"] .sf-switch-icon::before{
  content:"";
  display:block;
  width:27px;
  height:27px;
  background:currentColor;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
}
.sf-switch-tile[data-switch-page="shipping-exceptions"] .sf-switch-icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 3 2.5 20h19L12 3Zm0 6v5m0 3v.1'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 3 2.5 20h19L12 3Zm0 6v5m0 3v.1'/%3E%3C/svg%3E");
}
.sf-switch-tile[data-switch-page="cost-chart"] .sf-switch-icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 20V10h4v10H4Zm6 0V4h4v16h-4Zm6 0v-7h4v7h-4ZM2 20h20'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 20V10h4v10H4Zm6 0V4h4v16h-4Zm6 0v-7h4v7h-4ZM2 20h20'/%3E%3C/svg%3E");
}
.sf-switch-tile[data-switch-page="audit-trail"] .sf-switch-icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 3h9l4 4v14H6V3Zm9 0v5h4M9 12h6m-6 4h6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 3h9l4 4v14H6V3Zm9 0v5h4M9 12h6m-6 4h6'/%3E%3C/svg%3E");
}
.sf-sample-action-card{
  display:grid;
  gap:7px;
  margin:0 0 12px;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--green,#174c3c) 25%,#dce5e0);
  border-radius:10px;
  background:color-mix(in srgb,var(--green,#174c3c) 4%,#fff);
}
.sf-sample-action-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 5px;
  color:var(--green,#174c3c);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.45px;
}
.sf-sample-action{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 10px;
  padding:9px 10px;
  border:1px solid #dfe7e3;
  border-radius:8px;
  background:#fff;
  color:var(--ink,#17211d);
  text-decoration:none;
}
.sf-sample-action:hover,.sf-sample-action:focus-visible{
  border-color:var(--green,#174c3c);
  outline:none;
}
.sf-sample-action-type{
  color:var(--green,#174c3c);
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.45px;
}
.sf-sample-action b,.sf-sample-action small{grid-column:1;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-sample-action b{font-size:11px}
.sf-sample-action small{color:#6f7d76;font-size:9px}
.sf-sample-action em{grid-column:2;grid-row:1/4;align-self:center;color:var(--green,#174c3c);font-size:9px;font-style:normal;font-weight:750;white-space:nowrap}
.sf-sample-action.danger{border-color:#e1b8b4;background:#fff8f7}
.sf-sample-action.danger .sf-sample-action-type,.sf-sample-action.danger em{color:#9b2f27}
.sf-sample-action-clear{display:grid;gap:3px;margin:0 0 12px;padding:10px;border:1px solid #dfe7e3;border-radius:9px;background:#fbfdfc}
.sf-sample-action-clear b{font-size:11px;color:var(--green,#174c3c)}
.sf-sample-action-clear span{font-size:9px;color:#718078}
.sf-sample-summary-card{
  display:grid;
  gap:9px;
  margin:0 0 12px;
  padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--green,#174c3c) 25%,#dce5e0);
  border-radius:10px;
  background:color-mix(in srgb,var(--green,#174c3c) 4%,#fff);
  color:var(--ink,#17211d);
  text-decoration:none;
}
.sf-sample-summary-card:hover,.sf-sample-summary-card:focus-visible{border-color:var(--green,#174c3c);outline:none}
.sf-sample-summary-head,.sf-sample-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sf-sample-summary-head>b{color:var(--green,#174c3c);font-size:10px;text-transform:uppercase;letter-spacing:.45px}
.sf-sample-summary-head>strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--green,#174c3c);color:#fff;font-size:11px}
.sf-sample-summary-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sf-sample-summary-counts>span{display:flex;align-items:baseline;gap:5px;min-width:0;padding:6px 7px;border-radius:7px;background:#fff;color:#607069;font-size:9px;white-space:nowrap}
.sf-sample-summary-counts b{color:var(--green,#174c3c);font-size:12px}
.sf-sample-summary-foot{padding-top:2px;color:#a13c32;font-size:9px;font-weight:750}
.sf-sample-summary-foot em{color:var(--green,#174c3c);font-style:normal}
@media(max-width:650px){
  .sf-switch-tile{grid-template-columns:44px minmax(0,1fr) 18px}
  .sf-switch-icon{width:44px;height:44px}
  .sf-switch-icon svg{width:24px;height:24px}
  .sf-sample-action{grid-template-columns:minmax(0,1fr)}
  .sf-sample-action em{grid-column:1;grid-row:auto}
  .sf-sample-summary-counts{grid-template-columns:repeat(2,minmax(0,1fr))}
}