/* Match the shared WORKSPACE button geometry and theme tokens (portal-redesign.css). */
.supplier-public .btn,.supplier-public .service-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;font-family:var(--font-body);font-size:12px;font-weight:400;line-height:1.3;border-radius:var(--ui-button-radius,8px);min-height:32px;padding:7px 12px;box-shadow:none;cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.supplier-public .btn:not(.primary):not(.danger){background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}
.supplier-public .btn.primary,.supplier-public .service-actions .btn.primary{background:var(--btn);color:var(--button-text);border:1px solid var(--btn);box-shadow:none}
.supplier-public .btn.danger{background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border))}
.supplier-public .btn:hover:not(:disabled){box-shadow:none;border-color:var(--accent);filter:brightness(1.06)}
.supplier-public .btn:focus-visible,.supplier-public .theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.supplier-public .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.supplier-public .theme-toggle{display:inline-grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:9px;cursor:pointer;font:16px var(--font-body)}
.supplier-public .theme-toggle:hover{background:var(--surface-raised);color:var(--accent)}
.supplier-public .supplier-hub-actions{gap:8px}
@media(max-width:760px){.supplier-public .btn,.supplier-public .service-actions .btn{min-height:42px;padding:10px 14px}.supplier-public .theme-toggle{width:42px;height:42px;min-height:42px}}

/* Colour-coded actions use WORKSPACE's blue, emerald, violet and danger palette. */
.supplier-public :is(.service-shell,.service-dialog) .btn[data-tone]{font-weight:600;gap:8px;border-radius:var(--ui-button-radius,8px);border:1px solid var(--action-border);background:var(--action-bg);color:var(--action-text);box-shadow:inset 0 1px 0 #ffffff12,0 2px 6px #0000000c}
.supplier-public .btn[data-tone="blue"]{--action-bg:#3978d4;--action-border:#3978d4;--action-text:#fff}
.supplier-public .btn[data-tone="green"]{--action-bg:#258564;--action-border:#258564;--action-text:#fff}
.supplier-public .btn[data-tone="purple"]{--action-bg:#7958d9;--action-border:#7958d9;--action-text:#fff}
.supplier-public .btn[data-tone="red"]{--action-bg:color-mix(in srgb,var(--danger) 14%,var(--surface));--action-border:color-mix(in srgb,var(--danger) 45%,var(--border));--action-text:var(--danger)}
.supplier-public .btn[data-tone="slate"]{--action-bg:var(--surface-raised);--action-border:color-mix(in srgb,#7185a3 50%,var(--border));--action-text:var(--text)}
.supplier-public .btn[data-tone]:hover:not(:disabled){background:var(--action-bg);border-color:var(--action-border);filter:brightness(1.1);box-shadow:inset 0 1px 0 #ffffff20,0 3px 10px #00000015}
.supplier-public .btn .supplier-button-icon{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.supplier-public input[type="file"]{box-sizing:border-box;max-width:100%;font-family:var(--font-body);font-size:12px;color:var(--text);padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.supplier-public input[type="file"]::file-selector-button{font:600 12px/1.3 var(--font-body);padding:8px 12px;margin-right:12px;border:1px solid color-mix(in srgb,#7185a3 50%,var(--border));border-radius:8px;background:var(--surface-raised);color:var(--text);cursor:pointer}
.supplier-public input[type="file"]::file-selector-button:hover{border-color:var(--accent)}
.supplier-public #hubPanel>.service-section-title{align-items:center}.supplier-public .supplier-hub-actions .btn{padding:10px 16px;min-height:38px}
@media(max-width:760px){.supplier-public .supplier-hub-actions .btn{min-height:44px;flex:1 1 auto}.supplier-public .btn .supplier-button-icon{width:16px;height:16px}}