/* Teknexus.Blazor.AdminWorkspace — reference from host index.html:
   <link href="_content/Teknexus.Blazor.AdminWorkspace/css/teknexus-admin-workspace.css" rel="stylesheet" /> */

.teknexus-media-drop {
    position: relative;
    width: var(--drop-size, 7.5rem);
    height: var(--drop-size, 7.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--bs-border-color);
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
    overflow: hidden;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.teknexus-media-drop--circle {
    border-radius: 50%;
}

.teknexus-media-drop--rounded {
    border-radius: 0.75rem;
}

.teknexus-media-drop:hover:not(.is-busy),
.teknexus-media-drop:focus-within:not(.is-busy) {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.teknexus-media-drop.is-busy {
    opacity: 0.55;
    cursor: wait;
}

.teknexus-media-drop.has-image {
    border-style: solid;
    background-color: transparent;
}

.teknexus-media-drop__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--drop-size, 7.5rem) * 0.32);
    line-height: 1;
    pointer-events: none;
}

.teknexus-media-drop__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.teknexus-media-drop__input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    margin: 0;
}

.teknexus-media-drop.is-busy .teknexus-media-drop__input {
    cursor: wait;
}