/* uffRechnung Studio – Ergänzungen zum Grunddesign */

.studio-label { text-align:center; font-family:var(--display); font-size:22px; margin:-14px 0 22px; letter-spacing:.02em; }
.studio-chip { font-size:10px; background:var(--lila); color:#fff; padding:2px 7px; text-transform:uppercase; letter-spacing:.09em; align-self:center; }

.brand-zeichen { height:30px; flex:none; }
.brand-wort { height:19px; width:auto; flex:none; }
.mandantwahl, .jahrwahl { width:auto; padding:5px 8px; font-size:13px; background:var(--flaeche); }
.mandantwahl { max-width:190px; }
.jahrwahl { font-family:var(--zahl); }
.topbar-right .wer { font-size:11px; color:var(--grau); text-transform:uppercase; letter-spacing:.07em; }

/* Rollenhinweis */
.rollen-hinweis { background:#fff8e1; border:2px solid var(--lila); padding:9px 13px; font-size:13px; margin-bottom:16px; }

/* Buchungstabelle */
.buchtabelle { width:100%; border-collapse:collapse; font-size:14px; background:var(--flaeche); }
.buchtabelle th { text-align:left; font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--grau);
  border-bottom:2px solid var(--linie); padding:8px 7px; position:sticky; top:0; background:var(--papier); cursor:pointer; white-space:nowrap; }
.buchtabelle td { border-bottom:1px solid #e2e2e2; padding:8px 7px; vertical-align:top; }
.buchtabelle td.num { font-family:var(--zahl); text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.buchtabelle td.num.ein { color:var(--gruen); font-weight:600; }
.buchtabelle td.num.aus { color:var(--rot); }
.buchtabelle tr.gewaehlt td { background:#fff3f3; }
.buchtabelle tr.storno td { color:var(--grau); text-decoration:line-through; background:#fafafa; }
.buchtabelle tr.storno .storno-grund { text-decoration:none; font-size:11px; color:var(--rot); display:block; }
.buchtabelle .wer-tag { font-size:10px; color:var(--grau); }
.rahmen { border:2px solid var(--linie); overflow:auto; max-height:calc(100vh - 400px); }

.tag-erstattung { font-size:9px; background:var(--lila); color:#fff; padding:1px 6px; text-transform:uppercase; margin-left:5px; }
.tag-storno { font-size:9px; background:var(--rot); color:#fff; padding:1px 6px; text-transform:uppercase; margin-left:5px; }

/* Bestellungen */
.best-status { font-size:10px; padding:2px 7px; text-transform:uppercase; letter-spacing:.05em; border:1.5px solid; }
.best-status.offen { border-color:var(--grau); color:var(--grau); }
.best-status.geliefert { border-color:var(--gruen); color:var(--gruen); }
.best-status.widerrufen { border-color:var(--lila); color:var(--lila); }
.best-status.teilerstattet { border-color:var(--lila); background:var(--lila); color:#fff; }
.best-status.erstattet { border-color:var(--rot); background:var(--rot); color:#fff; }
.best-verbucht { font-size:10px; background:var(--gruen); color:#fff; padding:1px 6px; text-transform:uppercase; margin-left:5px; }

/* Protokoll */
.protokoll { border:2px solid var(--linie); background:var(--flaeche); max-height:70vh; overflow:auto; }
.log-zeile { display:grid; grid-template-columns:130px 90px 1fr; gap:10px; padding:7px 12px; border-bottom:1px solid #eee; font-size:13px; }
.log-zeile .zeit { font-family:var(--zahl); font-size:11px; color:var(--grau); }
.log-zeile .wer { font-weight:600; font-size:12px; }
.log-zeile .was { color:var(--tinte); }
.log-zeile .det { color:var(--grau); font-size:12px; }

.werkzeugleiste { display:flex; gap:10px; flex-wrap:wrap; align-items:end; margin-bottom:16px; }
.auswahl-leiste { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:12px;
  background:var(--flaeche); border:2px solid var(--linie); padding:9px 13px; }
.auswahl-leiste .info { font-size:13px; color:var(--grau); }
.auswahl-leiste .summe { font-family:var(--zahl); font-size:14px; }

.beleg-zone { border:2px dashed var(--grau); padding:14px; text-align:center; font-size:13px; color:var(--grau); cursor:pointer; }
.beleg-zone.drueber { border-color:var(--lila); background:#f3edf9; color:var(--lila); }

@media (max-width:700px) {
  .topbar-right .wer { display:none; }
  .log-zeile { grid-template-columns:1fr; gap:2px; }
}

/* Umsatzsteuer */
.ust-tag { font-size:9px; padding:1px 6px; text-transform:uppercase; letter-spacing:.06em; border:1.5px solid; }
.ust-tag.an { border-color:var(--lila); color:var(--lila); }
.ust-tag.aus { border-color:var(--grau); color:var(--grau); }
.ust-block { background:var(--papier); border:2px solid var(--linie); padding:10px 12px; margin:-4px 0 4px; }
.ust-zeile { display:flex; justify-content:space-between; font-size:13px; padding:2px 0; }
.ust-zeile b { font-family:var(--zahl); }
.ust-zeile.hervor { border-top:1px solid var(--grau); margin-top:4px; padding-top:5px; color:var(--lila); }
.buchtabelle td.leise { color:var(--grau); font-size:12px; }