/* _content/Modules.Inventory.Web/InventoryDevice.razor.rz.scp.css */
/* Bedienregeln aus Fachkonzept G.5: Ziele mindestens 44 px, Hauptaktion mit dem Daumen
   erreichbar, Zifferneingabe mit Plus und Minus statt Schieberegler. */
.ds-device-stock[b-erjygt66du] {
    width: min(100% - 1rem, var(--ds-layout-content-readable));
    margin-inline: auto;
    padding: 1rem 0 2.5rem;
    display: grid;
    gap: var(--ds-space-4);
}

.ds-device-stock__header[b-erjygt66du] { display: flex; gap: .75rem; align-items: center; }
.ds-device-stock__header h1[b-erjygt66du] { margin: 0; font-size: 1.35rem; }
.ds-device-stock__header p[b-erjygt66du] { margin: .2rem 0 0; color: var(--ds-color-text-muted); }

.ds-device-stock__mark[b-erjygt66du] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    aspect-ratio: 1;
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-accent);
    color: var(--ds-color-on-action);
}

.ds-device-stock__card[b-erjygt66du],
.ds-device-stock__actor[b-erjygt66du],
.ds-device-stock__context[b-erjygt66du],
.ds-device-stock__install[b-erjygt66du] {
    display: grid;
    gap: var(--ds-space-3);
    padding: var(--ds-space-4);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-raised);
}

.ds-device-stock__card h2[b-erjygt66du],
.ds-device-stock__install h3[b-erjygt66du] { margin: 0; font-size: 1.1rem; }

.ds-device-stock__actor[b-erjygt66du] {
    grid-template-columns: 1fr auto;
    align-items: center;
}

.ds-device-stock__actor div[b-erjygt66du] { display: grid; gap: .15rem; }
.ds-device-stock__actor span[b-erjygt66du] { color: var(--ds-color-text-muted); font-size: .85rem; }

.ds-device-stock__context[b-erjygt66du] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.ds-device-stock label[b-erjygt66du] { display: grid; gap: .25rem; }
.ds-device-stock label span[b-erjygt66du] { color: var(--ds-color-text-muted); font-size: .85rem; }

.ds-device-stock input[b-erjygt66du],
.ds-device-stock select[b-erjygt66du] {
    min-height: 2.75rem;
    padding-inline: var(--ds-space-3);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface-canvas);
    color: var(--ds-color-text-primary);
    font-size: 1rem;
}

.ds-device-stock button[b-erjygt66du] {
    min-height: 2.75rem;
    min-width: 2.75rem;
    padding-inline: var(--ds-space-4);
    border-radius: var(--ds-radius-2);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    font-size: 1rem;
    cursor: pointer;
}

.ds-device-stock button:disabled[b-erjygt66du] { opacity: .5; cursor: not-allowed; }

.ds-device-stock__primary[b-erjygt66du] {
    background: var(--ds-color-action);
    color: var(--ds-color-on-action);
    border-color: var(--ds-color-action);
}

.ds-device-stock__ghost[b-erjygt66du] {
    background: transparent;
    color: var(--ds-color-text-primary);
}

.ds-device-stock__tabs[b-erjygt66du] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ds-space-2); }

.ds-device-stock__tab[b-erjygt66du] { background: transparent; color: var(--ds-color-text-muted); }
.ds-device-stock__tab.is-selected[b-erjygt66du] {
    background: var(--ds-color-surface-raised);
    color: var(--ds-color-text-primary);
    border-color: var(--ds-color-accent);
}

.ds-device-stock__search[b-erjygt66du] { display: grid; grid-template-columns: 1fr auto; gap: var(--ds-space-2); }

.ds-device-stock__hits[b-erjygt66du],
.ds-device-stock__lines[b-erjygt66du],
.ds-device-stock__count-lines[b-erjygt66du] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ds-space-2); }

.ds-device-stock__hits button[b-erjygt66du] {
    width: 100%;
    display: grid;
    gap: .15rem;
    text-align: start;
    background: var(--ds-color-surface-canvas);
    padding: var(--ds-space-3);
}

.ds-device-stock__hits span[b-erjygt66du] { color: var(--ds-color-text-muted); font-size: .85rem; }
.ds-device-stock__hits em[b-erjygt66du] { font-style: normal; font-weight: 600; }

.ds-device-stock__detail[b-erjygt66du] { display: grid; gap: var(--ds-space-3); }
.ds-device-stock__detail h2[b-erjygt66du] { margin: 0; }
.ds-device-stock__detail p[b-erjygt66du] { margin: 0; color: var(--ds-color-text-muted); }
.ds-device-stock__total[b-erjygt66du] { color: var(--ds-color-text-primary); }

.ds-device-stock__lines li[b-erjygt66du] {
    display: flex;
    justify-content: space-between;
    gap: var(--ds-space-3);
    padding-block: var(--ds-space-2);
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-device-stock__actions[b-erjygt66du] { display: flex; flex-wrap: wrap; gap: var(--ds-space-2); }
.ds-device-stock__actions button[b-erjygt66du] { flex: 1 1 8rem; }

.ds-device-stock__booking[b-erjygt66du] { display: grid; gap: var(--ds-space-3); }

.ds-device-stock__quantity[b-erjygt66du] { display: grid; gap: .25rem; }
.ds-device-stock__quantity > span[b-erjygt66du] { color: var(--ds-color-text-muted); font-size: .85rem; }
.ds-device-stock__quantity > div[b-erjygt66du] { display: grid; grid-template-columns: 3rem 1fr 3rem; gap: var(--ds-space-2); }
.ds-device-stock__quantity input[b-erjygt66du] { text-align: center; font-size: 1.25rem; }

.ds-device-stock__choice[b-erjygt66du] { display: flex; gap: var(--ds-space-2); border: 0; margin: 0; padding: 0; }
.ds-device-stock__choice legend[b-erjygt66du] { color: var(--ds-color-text-muted); font-size: .85rem; }
.ds-device-stock__choice-item[b-erjygt66du] { flex: 1 1 0; background: var(--ds-color-surface-canvas); }
.ds-device-stock__choice-item.is-selected[b-erjygt66du] { border-color: var(--ds-color-accent); color: var(--ds-color-text-primary); }

.ds-device-stock__count-lines li[b-erjygt66du] {
    display: grid;
    gap: var(--ds-space-2);
    padding: var(--ds-space-3);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface-canvas);
}

.ds-device-stock__count-lines li.is-counted[b-erjygt66du] { opacity: .65; }
.ds-device-stock__count-lines div[b-erjygt66du] { display: grid; gap: .15rem; }
.ds-device-stock__count-lines span[b-erjygt66du] { color: var(--ds-color-text-muted); font-size: .85rem; }
.ds-device-stock__count-entry[b-erjygt66du] { display: grid; grid-template-columns: 1fr auto; gap: var(--ds-space-2); }

.ds-device-stock__hint[b-erjygt66du] { margin: 0; color: var(--ds-color-text-muted); font-size: .9rem; }
.ds-device-stock__message[b-erjygt66du] {
    margin: 0;
    padding: var(--ds-space-3);
    border-inline-start: var(--ds-border-width-2) solid var(--ds-color-accent);
    background: var(--ds-color-surface-raised);
}

@media (max-width: 30rem) {
    .ds-device-stock__context[b-erjygt66du] { grid-template-columns: 1fr; }
    .ds-device-stock__actor[b-erjygt66du] { grid-template-columns: 1fr; }
}

.ds-device-stock__scan[b-erjygt66du] { display: grid; gap: var(--ds-space-2); }

.ds-device-stock__viewfinder[b-erjygt66du] {
    width: 100%;
    aspect-ratio: 4 / 3;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface-canvas);
    object-fit: cover;
}

.ds-device-stock__qr[b-erjygt66du] {
    display: flex;
    gap: var(--ds-space-3);
    align-items: center;
    padding-top: var(--ds-space-3);
    border-top: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-device-stock__qr div[b-erjygt66du] { display: grid; gap: .15rem; }
.ds-device-stock__qr span[b-erjygt66du] { color: var(--ds-color-text-muted); font-size: .85rem; }
/* _content/Modules.Inventory.Web/InventoryLabels.razor.rz.scp.css */
.ds-labels__controls[b-zdu8r342ol] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-3);
    align-items: end;
    margin-bottom: var(--ds-space-3);
}

.ds-labels__controls label[b-zdu8r342ol] { display: grid; gap: .25rem; }
.ds-labels__controls label span[b-zdu8r342ol] { color: var(--ds-color-text-muted); font-size: .85rem; }
.ds-labels__toggle[b-zdu8r342ol] { display: flex; gap: var(--ds-space-2); align-items: center; }
.ds-labels__toggle span[b-zdu8r342ol] { color: var(--ds-color-text-primary); }

.ds-labels__sheet[b-zdu8r342ol] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-2);
}

/* Die Maße kommen als Custom Properties von der Seite; hier stehen die Eigenschaften. */
.ds-labels__label[b-zdu8r342ol] {
    display: flex;
    gap: var(--ds-space-2);
    align-items: center;
    box-sizing: border-box;
    width: var(--label-width);
    height: var(--label-height);
    padding: var(--ds-space-2);
    overflow: hidden;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-1);
    background: var(--ds-color-surface-raised);
}

.ds-labels__text[b-zdu8r342ol] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.ds-labels__identifier[b-zdu8r342ol] { font-size: 1rem; letter-spacing: .02em; }
.ds-labels__designation[b-zdu8r342ol] { overflow-wrap: anywhere; font-size: .8rem; }
.ds-labels__detail[b-zdu8r342ol] { color: var(--ds-color-text-muted); overflow-wrap: anywhere; font-size: .7rem; }

/* Gedruckt wird nur der Etikettenbogen, und zwar schwarz auf weiß: ein Etikett, das im
   dunklen Thema grau auf anthrazit gedruckt wird, ist kein Etikett. */
@media print {
    .ds-labels__screen[b-zdu8r342ol] { display: none; }

    .ds-labels__sheet[b-zdu8r342ol] { gap: 0; }

    .ds-labels__label[b-zdu8r342ol] {
        border: var(--ds-border-width-1) dotted;
        border-radius: 0;
        background: transparent;
        break-inside: avoid;
    }

    .ds-labels__detail[b-zdu8r342ol] { color: inherit; }
}
/* _content/Modules.Inventory.Web/InventoryOverview.razor.rz.scp.css */
/* Die Lageroberflaeche der Stufe 4 ist eine Pruefflaeche, keine fertige Lager-UX. Sie nutzt
   die Bausteine des Design-Systems und ergaenzt nur, was Tabellen mit Mengen brauchen. */
.ds-feature-page__table td:nth-child(n + 6)[b-y1g4y93833] { text-align: right; font-variant-numeric: tabular-nums; }
.ds-feature-page__form[b-y1g4y93833] { display: grid; gap: var(--ds-space-1); max-width: 40rem; }
.ds-feature-page__form label[b-y1g4y93833] { display: grid; gap: .3rem; }
.ds-feature-page__actions[b-y1g4y93833] { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); }