/* /Components/Shared/CpAttachmentPicker.razor.rz.scp.css */
.cp-drop[b-dca77ymuyk] {
    border: 1px dashed var(--line, #d9e0dd);
    border-radius: 10px;
    padding: .75rem 1rem;
    background: var(--surface-2, #f6f8f7);
    transition: border-color .15s ease, background .15s ease;
}

.cp-drop--over[b-dca77ymuyk] {
    border-color: #00A072;
    background: rgba(0, 160, 114, .06);
}

.cp-drop--disabled[b-dca77ymuyk] {
    opacity: .6;
    pointer-events: none;
}

/* ::deep nötig: InputFile ist eine Kindkomponente — deren <input> bekommt das
   CSS-Isolation-Scope-Attribut nicht, ohne ::deep greift die Regel nie. */
.cp-drop[b-dca77ymuyk]  .cp-drop__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

.cp-drop__label[b-dca77ymuyk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    font-weight: 600;
    color: var(--ink-1, #1b2320);
}

.cp-drop__hint[b-dca77ymuyk] {
    margin-top: .35rem;
    font-size: .78rem;
    color: var(--ink-2, #5a6a63);
}

.cp-chips[b-dca77ymuyk] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .6rem;
}

.cp-chip[b-dca77ymuyk] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: #fff;
    border: 1px solid var(--line, #d9e0dd);
    border-radius: 999px;
    padding: .3rem .6rem;
    font-size: .82rem;
    max-width: 100%;
}

.cp-chip--ok[b-dca77ymuyk] { border-color: #00A072; }
.cp-chip--err[b-dca77ymuyk] { border-color: #d64545; background: #fdf2f2; }

.cp-chip__name[b-dca77ymuyk] {
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-chip__size[b-dca77ymuyk] {
    color: var(--ink-2, #5a6a63);
    font-variant-numeric: tabular-nums;
}

.cp-chip__err[b-dca77ymuyk] { color: #d64545; display: inline-flex; }
.cp-chip__state[b-dca77ymuyk] { color: #00A072; display: inline-flex; }

.cp-chip__x[b-dca77ymuyk] {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    color: var(--ink-2, #5a6a63);
}

.cp-chip__x:hover[b-dca77ymuyk] { color: #d64545; }
/* /Components/Shared/CpAttachments.razor.rz.scp.css */
.cp-att[b-5qbium31jt] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .5rem;
}

.cp-att__thumb[b-5qbium31jt] {
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--line, #d9e0dd);
    line-height: 0;
}

.cp-att__thumb img[b-5qbium31jt] {
    max-width: 180px;
    max-height: 140px;
    object-fit: cover;
    display: block;
}

.cp-att__chip[b-5qbium31jt] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: #fff;
    border: 1px solid var(--line, #d9e0dd);
    border-radius: 8px;
    padding: .35rem .6rem;
    font-size: .82rem;
    text-decoration: none;
    color: var(--ink-1, #1b2320);
    max-width: 100%;
}

.cp-att__chip:hover[b-5qbium31jt] { border-color: #00A072; }

.cp-att__name[b-5qbium31jt] {
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-att__size[b-5qbium31jt] { color: var(--ink-2, #5a6a63); }