/* PRBLEM Center standalone badge styles and admin palette preview. */
.prblem-badge-list{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}
.prblem-tax-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;max-width:100%;min-height:15px;padding:1px 4px 0;border:1px solid #333;background:#555;border-radius:1px;white-space:nowrap;line-height:1.1;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:10px;font-weight:900;letter-spacing:.035em;text-transform:uppercase;color:#fff!important;text-decoration:none!important;text-shadow:0 1px 0 #0005}
.prblem-tax-badge--blue{background:#0d67a6;border-color:#034e7a}
.prblem-tax-badge--navy{background:#173e64;border-color:#142e44}
.prblem-tax-badge--sky{background:#3581bd;border-color:#21638e}
.prblem-tax-badge--cyan{background:#0091a7;border-color:#087183}
.prblem-tax-badge--green{background:#237a45;border-color:#125931}
.prblem-tax-badge--lime{background:#6a8e32;border-color:#436e1c}
.prblem-tax-badge--teal{background:#257f80;border-color:#186364}
.prblem-tax-badge--orange{background:#c65d1d;border-color:#9b3c0c}
.prblem-tax-badge--red{background:#bd1226;border-color:#8d0e1c}
.prblem-tax-badge--purple{background:#7751a0;border-color:#553479}
.prblem-tax-badge--pink{background:#a84078;border-color:#872a60}
.prblem-tax-badge--gray{background:#81878c;border-color:#62676a}
.prblem-tax-badge--black{background:#222;border-color:#000}
.prblem-tax-badge--gold{background:#97700c;border-color:#71510a}
.prblem-badge-dialog-preview{margin-top:12px;padding:12px;border:1px solid #ccc;background:#f6f6f6}
.prblem-editor-badge-option[hidden],.prblem-editor-badge-group[hidden]{display:none!important}

/* PRBLEM multicolor segment labels; override legacy white important color. */
.prblem-tax-badge .prblem-badge-part{display:inline;color:inherit;white-space:pre;line-height:inherit;text-shadow:inherit}
.prblem-badge-live-preview{margin:10px 0;padding:8px 12px;background:#e6e6e6;border:1px solid #bbc1c7;min-height:24px}
.prblem-badge-segment-row{display:flex;align-items:center;gap:6px;margin:6px 0}
.prblem-badge-segment-row input[type=text]{max-width:225px;flex:1;min-width:55px}
.prblem-badge-segment-row input[type=color]{width:45px;height:30px;padding:1px;flex:0 0 45px;cursor:pointer}
.prblem-badge-segment-row .button{white-space:nowrap}

/* v1.2.0: tiny retro bitmap typography is used ONLY for the badges. */
.prblem-tax-badge{
 font-family:'Silkscreen','Tiny5','Courier New',monospace;font-size:11px;font-weight:400;
 line-height:1.1;letter-spacing:0;min-height:15px;padding:1px 4px;
 border-radius:0;text-shadow:none;-webkit-font-smoothing:none;
}
.prblem-badge-part{font-family:inherit;font-weight:inherit;letter-spacing:inherit}

/* v1.2.1: borderless 2px rounded flat badge chips in admin/editor and frontend. */
.prblem-tax-badge{
 border:0; border-radius:2px; box-shadow:none; background-clip:padding-box;
 text-shadow:none; appearance:none;
}

/* v1.3.5 explicit space separator for individually colored badge parts */
.prblem-badge-space-label{display:inline-flex;gap:4px;align-items:center;font-size:12px;white-space:nowrap;cursor:pointer}.prblem-badge-space-label input{margin:0!important}.prblem-badge-space-label[hidden]{display:none!important}

/* v1.3.5: angular badge-only Silkscreen face (public and admin preview). */
.prblem-tax-badge,.prblem-tax-badge .prblem-badge-part{font-family:'Silkscreen','Tiny5','Courier New',monospace!important;font-size:10px;font-weight:700;letter-spacing:-.025em;line-height:1.25;-webkit-font-smoothing:none;text-shadow:none}
.prblem-tax-badge{border:0;border-radius:2px;box-shadow:none;padding:2px 4px}

/* v1.3.6: smaller, cleaner squared-off badge letters, including admin preview. */
.prblem-tax-badge,.prblem-tax-badge .prblem-badge-part{
  font-family:'Chakra Petch','Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
  font-size:10px;font-weight:600;letter-spacing:.005em;line-height:1.2;
  text-shadow:none;-webkit-font-smoothing:antialiased;
}
.prblem-tax-badge{border:0;border-radius:2px;box-shadow:none;padding:2px 4px;}

/* v1.3.9: palette next to the existing background-color picker. */
.prblem-tax-badge--custom{color:var(--prblem-badge-ink,#fff)!important}
.prblem-badge-color-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.prblem-badge-custom-picker-label{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.prblem-badge-custom-picker-label input[type=color]{height:31px;width:43px;padding:2px;cursor:pointer}
.prblem-badge-color-hex{font:600 12px/1.4 ui-monospace,monospace;color:#435466}
.prblem-badge-color-swatches{display:flex;gap:7px;flex-wrap:wrap;max-width:370px;margin:10px 0 6px}
.prblem-badge-color-swatch{position:relative;width:26px;height:26px;padding:0;border:1px solid #8996a2;border-radius:3px;cursor:pointer;box-shadow:0 1px 1px #0002}
.prblem-badge-color-swatch[aria-pressed=true]{outline:2px solid #176f9e;outline-offset:2px;border-color:#fff}
.prblem-badge-color-swatch:focus-visible{outline:3px solid #135e96;outline-offset:3px}
.prblem-badge-color-editor .description{margin:6px 0 0!important}