/* USt-ID-Brücke: Händlerseite (ustid.html) + Verwaltung (ustid-verwaltung.html) */
.us-karte { background: var(--color-white); border: 1px solid var(--color-border); padding: 1.25rem 1.4rem; margin-bottom: 1.25rem; }
.us-karte h2 { font-family: var(--font-sans, Inter, sans-serif); font-size: 1.05rem; font-weight: 600; margin: 0 0 .75rem; }
.us-karte h3 { font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-text-light); margin: 1.2rem 0 .5rem; }
.us-kopf { display: flex; justify-content: space-between; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.us-kopf h2 { margin: 0; }
.us-text { font-size: .88rem; line-height: 1.55; color: var(--color-text); margin: .25rem 0 .75rem; }
.us-zeile { display: flex; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--color-border); font-size: .88rem; }
.us-zeile > span:first-child { flex: 0 0 190px; color: var(--color-text-light); }
.us-wert { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.us-t-ok { color: #1E6B3A; } .us-t-warn { color: #8A5A00; } .us-t-fehler { color: #B42318; }
.us-badge { display: inline-block; padding: .2rem .65rem; font-size: .75rem; font-weight: 600; white-space: nowrap; }
.us-badge.us-ok { background: #E3F1E7; color: #1E6B3A; }
.us-badge.us-warn { background: #FFF3CD; color: #8A5A00; }
.us-badge.us-fehler { background: #FDE8E7; color: #B42318; }
.us-badge.us-info { background: var(--color-bg-alt); color: var(--color-text-light); }
.us-aktionen { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.us-gefahr { color: #B42318 !important; border-color: #E8B4B0 !important; }
.us-meldung { font-size: .85rem; margin-top: .75rem; }
.us-meldung:empty { display: none; }
.us-meldung.us-ok { padding: .6rem .8rem; background: #E3F1E7; color: #1E6B3A; }
.us-meldung.us-warn { padding: .6rem .8rem; background: #FFF3CD; color: #8A5A00; }
.us-meldung.us-fehler { padding: .6rem .8rem; background: #FDE8E7; color: #B42318; }
.us-formular { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.us-formular label, .us-karte > label:not(.us-check):not(.us-radio) { font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--color-text-light); }
.us-formular input, .us-karte select, .us-karte textarea, .us-karte input[type=text] {
  display: block; width: 100%; margin-top: .3rem; padding: .55rem .65rem; border: 1px solid var(--color-border);
  background: var(--color-white); font: inherit; font-size: .9rem; text-transform: none; letter-spacing: 0; color: var(--color-text); box-sizing: border-box;
}
.us-karte select { width: auto; min-width: 90px; }
.us-shops { margin-top: 1rem; padding-top: .75rem; border-top: 1px dashed var(--color-border); }
.us-radio { display: block; padding: .35rem 0; font-size: .88rem; cursor: pointer; }
.us-check { display: flex; gap: .7rem; align-items: flex-start; padding: .7rem .2rem; border-bottom: 1px solid var(--color-border); font-size: .86rem; line-height: 1.5; cursor: pointer; }
.us-check input { margin-top: .25rem; flex: 0 0 auto; width: 18px; height: 18px; accent-color: var(--color-accent); }
.us-check small { color: var(--color-text-light); }
.us-check.us-erledigt b { color: #1E6B3A; }
.us-liste { font-size: .88rem; line-height: 1.6; padding-left: 1.2rem; margin: 0 0 .75rem; }
.us-liste li { margin-bottom: .4rem; }
.us-tabelle-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.us-tabelle { width: 100%; border-collapse: collapse; font-size: .82rem; }
.us-tabelle th, .us-tabelle td { text-align: left; padding: .5rem .55rem; border-bottom: 1px solid var(--color-border); vertical-align: top; }
.us-tabelle th { font-size: .68rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--color-text-light); background: var(--color-bg); }
.us-tabelle td:first-child { white-space: nowrap; }
.us-tabelle small { color: var(--color-text-light); }
.us-tabelle tr.us-klickbar { cursor: pointer; }
.us-tabelle tr.us-klickbar:hover td, .us-tabelle tr.us-gewaehlt td { background: var(--color-accent-light); }
.us-punkt { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: .45rem; vertical-align: middle; background: #B8B5AE; }
.us-punkt.us-ok { background: #2E8B57; } .us-punkt.us-warn { background: #D9A400; } .us-punkt.us-fehler { background: #D92D20; }
.us-karte code { background: var(--color-bg-alt); padding: .05rem .3rem; font-size: .82rem; }
@media (max-width: 640px) {
  .us-formular { grid-template-columns: 1fr; }
  .us-zeile { flex-direction: column; gap: .15rem; }
  .us-zeile > span:first-child { flex: none; }
  .us-karte { padding: 1rem; }
}