/* /Features/Agent/AgentPage.razor.rz.scp.css */
.dot[b-ce3mbmmj3q] {
    width: 10px;
    height: 10px;
    border-radius: var(--r-pill);
    background: var(--text-3);
    flex: none;
}

    .dot.ok[b-ce3mbmmj3q] { background: var(--success); }
    .dot.off[b-ce3mbmmj3q] { background: var(--warning); }
/* /Features/Backlog/AddBacklogPage.razor.rz.scp.css */
.form-head[b-j701tuuofo] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-j701tuuofo] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-j701tuuofo] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-j701tuuofo] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-j701tuuofo] {
    margin-top: var(--sp-5);
}

.label[b-j701tuuofo] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-j701tuuofo] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-j701tuuofo] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-j701tuuofo] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-j701tuuofo]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-j701tuuofo]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-j701tuuofo]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-j701tuuofo]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-j701tuuofo]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-j701tuuofo] {
    color: var(--accent);
}

.hint[b-j701tuuofo] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-j701tuuofo] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-j701tuuofo] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-j701tuuofo] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-j701tuuofo] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-j701tuuofo] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-j701tuuofo] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-j701tuuofo] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-j701tuuofo] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-j701tuuofo] {
        transform: translateY(0);
    }

.group[b-j701tuuofo] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-j701tuuofo] {
        margin-top: var(--sp-4);
    }

.two[b-j701tuuofo] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-j701tuuofo],
    .two .field-row[b-j701tuuofo] {
        margin-top: 0;
    }

.field-wrap[b-j701tuuofo]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-j701tuuofo]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-j701tuuofo] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.back[b-j701tuuofo] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-j701tuuofo] {
        color: var(--accent);
    }

    .back svg[b-j701tuuofo] {
        width: 15px;
        height: 15px;
    }
/* /Features/Backlog/Components/BacklogCard.razor.rz.scp.css */
.card[b-v4ef92vuyf] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-4) var(--sp-5);
    background: var(--white);
    border: 1px solid var(--border);
    border-left: 3px solid var(--control-border);
    border-radius: var(--r-sm);
    box-shadow: var(--sh-xs);
}

    .card.state-ready[b-v4ef92vuyf] {
        border-left-color: var(--success);
    }

    .card.state-failed[b-v4ef92vuyf] {
        border-left-color: var(--error);
    }

    .card.state-checking[b-v4ef92vuyf] {
        border-left-color: var(--warning);
    }

.card__main[b-v4ef92vuyf] {
    min-width: 0;
    flex: 1;
}

.card__top[b-v4ef92vuyf] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.name[b-v4ef92vuyf] {
    font-weight: 600;
    color: var(--text);
}

.badge[b-v4ef92vuyf] {
    padding: var(--sp-1) var(--sp-3);
    border-radius: var(--r-pill);
    font-size: var(--fs-xxs);
    letter-spacing: .04em;
    text-transform: uppercase;
    background: var(--border-soft);
    color: var(--text-3);
}

.state-ready .badge[b-v4ef92vuyf] {
    background: var(--success-bg);
    color: var(--success);
}

.state-failed .badge[b-v4ef92vuyf] {
    background: var(--error-bg);
    color: var(--error);
}

.state-checking .badge[b-v4ef92vuyf] {
    background: var(--warning-bg);
    color: var(--warning);
}

.facts[b-v4ef92vuyf] {
    margin-top: var(--sp-3);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2) var(--sp-6);
}

    .facts dt[b-v4ef92vuyf] {
        font-size: var(--fs-xxs);
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--text-3);
    }

    .facts dd[b-v4ef92vuyf] {
        margin: 2px 0 0;
        font-size: var(--fs-sm);
        color: var(--text);
    }

.detail[b-v4ef92vuyf] {
    margin-top: var(--sp-3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-2);
}

.token[b-v4ef92vuyf] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--accent-100);
    color: var(--primary);
}

.source[b-v4ef92vuyf] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--warning-bg);
    color: var(--warning);
}

.card__actions[b-v4ef92vuyf] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--sp-2);
    flex-shrink: 0;
}

.ghost[b-v4ef92vuyf] {
    display: block;
    width: 100%;
    text-align: center;
    padding: var(--sp-2) var(--sp-3);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    background: var(--white);
    color: var(--text-2);
    font-size: var(--fs-xs);
    white-space: nowrap;
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-v4ef92vuyf] {
        color: var(--text);
        border-color: var(--accent);
    }

    .ghost.danger:hover[b-v4ef92vuyf] {
        color: var(--error);
        border-color: var(--error);
    }
/* /Features/Backlog/EditBacklogPage.razor.rz.scp.css */
.form-head[b-j1zkcyh3ek] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-j1zkcyh3ek] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-j1zkcyh3ek] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-j1zkcyh3ek] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-j1zkcyh3ek] {
    margin-top: var(--sp-5);
}

.label[b-j1zkcyh3ek] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-j1zkcyh3ek] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-j1zkcyh3ek] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-j1zkcyh3ek] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-j1zkcyh3ek]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-j1zkcyh3ek]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-j1zkcyh3ek]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-j1zkcyh3ek]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-j1zkcyh3ek]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-j1zkcyh3ek] {
    color: var(--accent);
}

.hint[b-j1zkcyh3ek] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-j1zkcyh3ek] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-j1zkcyh3ek] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-j1zkcyh3ek] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-j1zkcyh3ek] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-j1zkcyh3ek] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-j1zkcyh3ek] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-j1zkcyh3ek] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-j1zkcyh3ek] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-j1zkcyh3ek] {
        transform: translateY(0);
    }

.group[b-j1zkcyh3ek] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-j1zkcyh3ek] {
        margin-top: var(--sp-4);
    }

.two[b-j1zkcyh3ek] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-j1zkcyh3ek],
    .two .field-row[b-j1zkcyh3ek] {
        margin-top: 0;
    }

.field-wrap[b-j1zkcyh3ek]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-j1zkcyh3ek]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-j1zkcyh3ek] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.back[b-j1zkcyh3ek] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-j1zkcyh3ek] {
        color: var(--accent);
    }

    .back svg[b-j1zkcyh3ek] {
        width: 15px;
        height: 15px;
    }
/* /Features/Credentials/AddCredentialPage.razor.rz.scp.css */
.form-head[b-8f0k223hnn] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-8f0k223hnn] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-8f0k223hnn] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-8f0k223hnn] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-8f0k223hnn] {
    margin-top: var(--sp-5);
}

.label[b-8f0k223hnn] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-8f0k223hnn] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-8f0k223hnn] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-8f0k223hnn] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-8f0k223hnn]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-8f0k223hnn]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-8f0k223hnn]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-8f0k223hnn]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-8f0k223hnn]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-8f0k223hnn] {
    color: var(--accent);
}

.hint[b-8f0k223hnn] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-8f0k223hnn] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-8f0k223hnn] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-8f0k223hnn] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-8f0k223hnn] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-8f0k223hnn] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-8f0k223hnn] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-8f0k223hnn] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-8f0k223hnn] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-8f0k223hnn] {
        transform: translateY(0);
    }

.group[b-8f0k223hnn] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-8f0k223hnn] {
        margin-top: var(--sp-4);
    }

.two[b-8f0k223hnn] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-8f0k223hnn],
    .two .field-row[b-8f0k223hnn] {
        margin-top: 0;
    }

.field-wrap[b-8f0k223hnn]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-8f0k223hnn]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-8f0k223hnn] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.field-wrap[b-8f0k223hnn]  textarea.field {
    padding-left: var(--sp-4);
    line-height: 1.5;
    resize: vertical;
}

.back[b-8f0k223hnn] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-8f0k223hnn] {
        color: var(--accent);
    }

    .back svg[b-8f0k223hnn] {
        width: 15px;
        height: 15px;
    }

.group[b-8f0k223hnn] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.drop[b-8f0k223hnn] {
    margin-left: auto;
    color: var(--text-3);
    font-size: var(--fs-xxs);
    letter-spacing: 0;
    text-transform: none;
    transition: color var(--t-fast) var(--ease);
}

    .drop:hover[b-8f0k223hnn] {
        color: var(--error);
    }

.another[b-8f0k223hnn] {
    display: block;
    width: 100%;
    margin-top: var(--sp-5);
    padding: var(--sp-3);
    border: 1px dashed var(--control-border);
    border-radius: var(--r-xs);
    background: var(--surface-tint);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .another:hover[b-8f0k223hnn] {
        color: var(--accent);
        border-color: var(--accent);
    }

textarea.field[b-8f0k223hnn] {
    padding: var(--sp-4);
    line-height: 1.5;
    resize: vertical;
}
/* /Features/Credentials/EditCredentialPage.razor.rz.scp.css */
.form-head[b-tfamxlabkk] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-tfamxlabkk] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-tfamxlabkk] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-tfamxlabkk] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-tfamxlabkk] {
    margin-top: var(--sp-5);
}

.label[b-tfamxlabkk] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-tfamxlabkk] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-tfamxlabkk] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-tfamxlabkk] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-tfamxlabkk]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-tfamxlabkk]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-tfamxlabkk]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-tfamxlabkk]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-tfamxlabkk]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-tfamxlabkk] {
    color: var(--accent);
}

.hint[b-tfamxlabkk] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-tfamxlabkk] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-tfamxlabkk] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-tfamxlabkk] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-tfamxlabkk] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-tfamxlabkk] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-tfamxlabkk] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-tfamxlabkk] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-tfamxlabkk] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-tfamxlabkk] {
        transform: translateY(0);
    }

.group[b-tfamxlabkk] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-tfamxlabkk] {
        margin-top: var(--sp-4);
    }

.two[b-tfamxlabkk] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-tfamxlabkk],
    .two .field-row[b-tfamxlabkk] {
        margin-top: 0;
    }

.field-wrap[b-tfamxlabkk]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-tfamxlabkk]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-tfamxlabkk] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.field-wrap[b-tfamxlabkk]  textarea.field {
    padding-left: var(--sp-4);
    line-height: 1.5;
    resize: vertical;
}

.back[b-tfamxlabkk] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-tfamxlabkk] {
        color: var(--accent);
    }

    .back svg[b-tfamxlabkk] {
        width: 15px;
        height: 15px;
    }
/* /Features/Entry/DoorPage.razor.rz.scp.css */
/* Every class here is door-prefixed on purpose. base.css owns short names like .card, .sub and
   .field for the design system, and a scoped rule only overrides the properties it declares —
   so a shared name quietly inherits whatever the global rule sets and this page does not. */

.door[b-qobcfzk5r8] {
    width: 100%;
    display: grid;
    place-items: center;
}

.door__card[b-qobcfzk5r8] {
    width: min(400px, 100%);
    padding: var(--sp-8) var(--sp-7);

    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-lg);
}

.door__head[b-qobcfzk5r8] {
    margin-bottom: var(--sp-7);
    text-align: center;
}

.door__mark[b-qobcfzk5r8] {
    width: 48px;
    height: 48px;
    margin: 0 auto var(--sp-4);
    display: grid;
    place-items: center;
    border-radius: var(--r-md);
    background: var(--primary);
    color: var(--white);
    box-shadow: var(--sh-sm);
}

    .door__mark svg[b-qobcfzk5r8] {
        width: 26px;
        height: 26px;
    }

.door__head h1[b-qobcfzk5r8] {
    font-size: var(--fs-xl);
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--primary);
}

.door__sub[b-qobcfzk5r8] {
    margin-top: var(--sp-1);
    color: var(--text-2);
    font-size: var(--fs-sm);
}

.door__row + .door__row[b-qobcfzk5r8] {
    margin-top: var(--sp-5);
}

.door__label[b-qobcfzk5r8] {
    display: block;
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

/* ::deep because InputText is a component: a scoped rule stops at this page's own elements and
   never reaches the <input> the component renders. */
[b-qobcfzk5r8] .door__field {
    width: 100%;
    padding: var(--sp-3) var(--sp-4);
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    [b-qobcfzk5r8] .door__field::placeholder {
        color: var(--text-3);
    }

    [b-qobcfzk5r8] .door__field:hover {
        border-color: var(--card-hover-border);
    }

    [b-qobcfzk5r8] .door__field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

[b-qobcfzk5r8] .door__invalid {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.door__error[b-qobcfzk5r8] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.door__cta[b-qobcfzk5r8] {
    width: 100%;
    margin-top: var(--sp-7);
    padding: var(--sp-3) var(--sp-5);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-md);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .door__cta:hover[b-qobcfzk5r8] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .door__cta:active[b-qobcfzk5r8] {
        transform: translateY(0);
    }

    .door__cta svg[b-qobcfzk5r8] {
        width: 16px;
        height: 16px;
    }
/* /Features/Helpdesk/AddHelpdeskPage.razor.rz.scp.css */
.form-head[b-inddifu4nx] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-inddifu4nx] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-inddifu4nx] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-inddifu4nx] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-inddifu4nx] {
    margin-top: var(--sp-5);
}

.label[b-inddifu4nx] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-inddifu4nx] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-inddifu4nx] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-inddifu4nx] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-inddifu4nx]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-inddifu4nx]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-inddifu4nx]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-inddifu4nx]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-inddifu4nx]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-inddifu4nx] {
    color: var(--accent);
}

.hint[b-inddifu4nx] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-inddifu4nx] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-inddifu4nx] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-inddifu4nx] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-inddifu4nx] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-inddifu4nx] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-inddifu4nx] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-inddifu4nx] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-inddifu4nx] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-inddifu4nx] {
        transform: translateY(0);
    }

.group[b-inddifu4nx] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-inddifu4nx] {
        margin-top: var(--sp-4);
    }

.two[b-inddifu4nx] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-inddifu4nx],
    .two .field-row[b-inddifu4nx] {
        margin-top: 0;
    }

.field-wrap[b-inddifu4nx]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-inddifu4nx]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-inddifu4nx] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.back[b-inddifu4nx] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-inddifu4nx] {
        color: var(--accent);
    }

    .back svg[b-inddifu4nx] {
        width: 15px;
        height: 15px;
    }
/* /Features/Helpdesk/Components/HelpdeskCard.razor.rz.scp.css */
.card[b-x2j9g6rsua] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-4) var(--sp-5);
    background: var(--white);
    border: 1px solid var(--border);
    border-left: 3px solid var(--control-border);
    border-radius: var(--r-sm);
    box-shadow: var(--sh-xs);
}

    .card.state-ready[b-x2j9g6rsua] {
        border-left-color: var(--success);
    }

    .card.state-failed[b-x2j9g6rsua] {
        border-left-color: var(--error);
    }

    .card.state-checking[b-x2j9g6rsua] {
        border-left-color: var(--warning);
    }

.card__main[b-x2j9g6rsua] {
    min-width: 0;
    flex: 1;
}

.card__top[b-x2j9g6rsua] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.name[b-x2j9g6rsua] {
    font-weight: 600;
    color: var(--text);
}

.badge[b-x2j9g6rsua] {
    padding: var(--sp-1) var(--sp-3);
    border-radius: var(--r-pill);
    font-size: var(--fs-xxs);
    letter-spacing: .04em;
    text-transform: uppercase;
    background: var(--border-soft);
    color: var(--text-3);
}

.state-ready .badge[b-x2j9g6rsua] {
    background: var(--success-bg);
    color: var(--success);
}

.state-failed .badge[b-x2j9g6rsua] {
    background: var(--error-bg);
    color: var(--error);
}

.state-checking .badge[b-x2j9g6rsua] {
    background: var(--warning-bg);
    color: var(--warning);
}

.facts[b-x2j9g6rsua] {
    margin-top: var(--sp-3);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2) var(--sp-6);
}

    .facts dt[b-x2j9g6rsua] {
        font-size: var(--fs-xxs);
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--text-3);
    }

    .facts dd[b-x2j9g6rsua] {
        margin: 2px 0 0;
        font-size: var(--fs-sm);
        color: var(--text);
    }

.detail[b-x2j9g6rsua] {
    margin-top: var(--sp-3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-2);
}

.token[b-x2j9g6rsua] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--accent-100);
    color: var(--primary);
}

.source[b-x2j9g6rsua] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--warning-bg);
    color: var(--warning);
}

.card__actions[b-x2j9g6rsua] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--sp-2);
    flex-shrink: 0;
}

.ghost[b-x2j9g6rsua] {
    display: block;
    width: 100%;
    text-align: center;
    padding: var(--sp-2) var(--sp-3);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    background: var(--white);
    color: var(--text-2);
    font-size: var(--fs-xs);
    white-space: nowrap;
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-x2j9g6rsua] {
        color: var(--text);
        border-color: var(--accent);
    }

    .ghost.danger:hover[b-x2j9g6rsua] {
        color: var(--error);
        border-color: var(--error);
    }
/* /Features/Helpdesk/EditHelpdeskPage.razor.rz.scp.css */
.form-head[b-f3e4c0fe9b] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-f3e4c0fe9b] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-f3e4c0fe9b] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-f3e4c0fe9b] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-f3e4c0fe9b] {
    margin-top: var(--sp-5);
}

.label[b-f3e4c0fe9b] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-f3e4c0fe9b] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-f3e4c0fe9b] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-f3e4c0fe9b] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-f3e4c0fe9b]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-f3e4c0fe9b]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-f3e4c0fe9b]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-f3e4c0fe9b]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-f3e4c0fe9b]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-f3e4c0fe9b] {
    color: var(--accent);
}

.hint[b-f3e4c0fe9b] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-f3e4c0fe9b] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-f3e4c0fe9b] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-f3e4c0fe9b] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-f3e4c0fe9b] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-f3e4c0fe9b] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-f3e4c0fe9b] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-f3e4c0fe9b] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-f3e4c0fe9b] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-f3e4c0fe9b] {
        transform: translateY(0);
    }

.group[b-f3e4c0fe9b] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-f3e4c0fe9b] {
        margin-top: var(--sp-4);
    }

.two[b-f3e4c0fe9b] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-f3e4c0fe9b],
    .two .field-row[b-f3e4c0fe9b] {
        margin-top: 0;
    }

.field-wrap[b-f3e4c0fe9b]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-f3e4c0fe9b]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-f3e4c0fe9b] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.back[b-f3e4c0fe9b] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-f3e4c0fe9b] {
        color: var(--accent);
    }

    .back svg[b-f3e4c0fe9b] {
        width: 15px;
        height: 15px;
    }
/* /Features/Home/DashboardPage.razor.rz.scp.css */
.figures[b-6ft973doem] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: var(--sp-3);
    max-width: 60rem;
}

.figure[b-6ft973doem] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
    padding: var(--sp-5);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-xs);
}

.figure__count[b-6ft973doem] {
    font-size: var(--fs-2xl);
    font-weight: 700;
    line-height: 1.1;
    color: var(--primary);
}

.figure__name[b-6ft973doem] {
    font-size: var(--fs-sm);
    color: var(--text-2);
}
/* /Features/Products/AddProductPage.razor.rz.scp.css */
.form-head[b-wccev1jykg] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-wccev1jykg] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-wccev1jykg] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-wccev1jykg] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-wccev1jykg] {
    margin-top: var(--sp-5);
}

.label[b-wccev1jykg] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-wccev1jykg] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-wccev1jykg] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-wccev1jykg] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-wccev1jykg]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-wccev1jykg]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-wccev1jykg]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-wccev1jykg]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-wccev1jykg]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-wccev1jykg] {
    color: var(--accent);
}

.hint[b-wccev1jykg] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-wccev1jykg] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-wccev1jykg] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-wccev1jykg] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-wccev1jykg] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-wccev1jykg] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-wccev1jykg] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-wccev1jykg] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-wccev1jykg] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-wccev1jykg] {
        transform: translateY(0);
    }

.group[b-wccev1jykg] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-wccev1jykg] {
        margin-top: var(--sp-4);
    }

.two[b-wccev1jykg] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-wccev1jykg],
    .two .field-row[b-wccev1jykg] {
        margin-top: 0;
    }

.field-wrap[b-wccev1jykg]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-wccev1jykg]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-wccev1jykg] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.back[b-wccev1jykg] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-wccev1jykg] {
        color: var(--accent);
    }

    .back svg[b-wccev1jykg] {
        width: 15px;
        height: 15px;
    }

.field-wrap[b-wccev1jykg]  textarea.field {
    padding-left: var(--sp-4);
    line-height: 1.6;
    resize: vertical;
}
/* /Features/Products/EditProductPage.razor.rz.scp.css */
.form-head[b-y3gjwu6ipy] {
    margin-bottom: var(--sp-5);
}

    .form-head h1[b-y3gjwu6ipy] {
        font-size: var(--fs-xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .form-head .sub[b-y3gjwu6ipy] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.panel[b-y3gjwu6ipy] {
    max-width: 560px;
    padding: var(--sp-7) var(--sp-6) var(--sp-6);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.field-row + .field-row[b-y3gjwu6ipy] {
    margin-top: var(--sp-5);
}

.label[b-y3gjwu6ipy] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
}

.optional[b-y3gjwu6ipy] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--border-soft);
    color: var(--text-3);
    font-size: var(--fs-xxs);
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.field-wrap[b-y3gjwu6ipy] {
    position: relative;
    display: flex;
    align-items: center;
}

.field-ic[b-y3gjwu6ipy] {
    position: absolute;
    left: var(--sp-4);
    width: 17px;
    height: 17px;
    color: var(--text-3);
    pointer-events: none;
    transition: color var(--t-fast) var(--ease);
}

.field-wrap[b-y3gjwu6ipy]  .field {
    width: 100%;
    padding: var(--sp-4) var(--sp-4) var(--sp-4) 42px;
    font-size: var(--fs-md);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
    box-shadow: inset 0 1px 2px rgba(var(--shadow-rgb), .05);
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease);
}

    .field-wrap[b-y3gjwu6ipy]  .field::placeholder {
        color: var(--text-3);
    }

    .field-wrap[b-y3gjwu6ipy]  .field:hover {
        border-color: var(--card-hover-border);
    }

    .field-wrap[b-y3gjwu6ipy]  .field:focus {
        outline: none;
        background: var(--white);
        border-color: var(--accent);
        box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .18);
    }

    .field-wrap[b-y3gjwu6ipy]  .field.mono {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        font-size: var(--fs-sm);
    }

.field-wrap:focus-within .field-ic[b-y3gjwu6ipy] {
    color: var(--accent);
}

.hint[b-y3gjwu6ipy] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .hint svg[b-y3gjwu6ipy] {
        flex-shrink: 0;
        width: 13px;
        height: 13px;
        margin-top: 2px;
    }

.invalid[b-y3gjwu6ipy] {
    display: block;
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--error);
}

.error[b-y3gjwu6ipy] {
    margin-top: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-xs);
    background: var(--error-bg);
    color: var(--error);
    font-size: var(--fs-sm);
}

.actions[b-y3gjwu6ipy] {
    margin-top: var(--sp-7);
    padding-top: var(--sp-5);
    border-top: 1px solid var(--border-soft);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-3);
}

.ghost[b-y3gjwu6ipy] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-y3gjwu6ipy] {
        color: var(--text);
        border-color: var(--accent);
    }

.cta[b-y3gjwu6ipy] {
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}

    .cta:hover[b-y3gjwu6ipy] {
        background: var(--cta-600);
        transform: translateY(-1px);
    }

    .cta:active[b-y3gjwu6ipy] {
        transform: translateY(0);
    }

.group[b-y3gjwu6ipy] {
    margin-top: var(--sp-6);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-soft);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

    .group + .field-row[b-y3gjwu6ipy] {
        margin-top: var(--sp-4);
    }

.two[b-y3gjwu6ipy] {
    margin-top: var(--sp-5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
}

    .two .field-row + .field-row[b-y3gjwu6ipy],
    .two .field-row[b-y3gjwu6ipy] {
        margin-top: 0;
    }

.field-wrap[b-y3gjwu6ipy]  select.field {
    padding-left: var(--sp-4);
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

.field-wrap[b-y3gjwu6ipy]  .field {
    padding-left: var(--sp-4);
}

.hint code[b-y3gjwu6ipy] {
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--surface-muted);
    border: 1px solid var(--border-soft);
}

.back[b-y3gjwu6ipy] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-y3gjwu6ipy] {
        color: var(--accent);
    }

    .back svg[b-y3gjwu6ipy] {
        width: 15px;
        height: 15px;
    }

.field-wrap[b-y3gjwu6ipy]  textarea.field {
    padding-left: var(--sp-4);
    line-height: 1.6;
    resize: vertical;
}
/* /Features/Settings/SettingsPage.razor.rz.scp.css */
.row[b-8v04yyous4] {
    align-items: center;
    transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}

    .row:hover[b-8v04yyous4] {
        border-color: var(--card-hover-border);
        box-shadow: var(--sh-sm);
    }

.card__main[b-8v04yyous4] {
    display: flex;
    flex-direction: column;
}

.go[b-8v04yyous4] {
    color: var(--text-3);
    flex: none;
}

    .go svg[b-8v04yyous4] {
        width: 18px;
        height: 18px;
    }
/* /Features/Tickets/TicketPage.razor.rz.scp.css */
.back[b-bylhzz38w1] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-bylhzz38w1] {
        color: var(--accent);
    }

    .back svg[b-bylhzz38w1] {
        width: 15px;
        height: 15px;
    }

.room-head[b-bylhzz38w1] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-4);
    margin-bottom: var(--sp-5);
}

    .room-head h1[b-bylhzz38w1] {
        margin-top: var(--sp-1);
        font-size: var(--fs-2xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .room-head .sub[b-bylhzz38w1] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.ref[b-bylhzz38w1] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: var(--fs-xs);
    color: var(--text-3);
}

.head-action[b-bylhzz38w1] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-left: auto;
}

.cta[b-bylhzz38w1] {
    flex-shrink: 0;
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease);
}

    .cta:hover[b-bylhzz38w1] {
        background: var(--cta-600);
    }

    .cta:disabled[b-bylhzz38w1] {
        background: var(--surface-muted);
        color: var(--text-3);
        box-shadow: none;
        cursor: default;
    }

.pick[b-bylhzz38w1] {
    padding: var(--sp-2) var(--sp-3);
    font-size: var(--fs-xs);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
}

.said[b-bylhzz38w1] {
    max-width: 820px;
    padding: var(--sp-4) var(--sp-5);
    background: var(--surface-tint);
    border-left: 3px solid var(--control-border);
    border-radius: var(--r-xs);
    color: var(--text-2);
    font-size: var(--fs-md);
    line-height: 1.6;
}

.empty[b-bylhzz38w1] {
    max-width: 720px;
    padding: var(--sp-8);
    text-align: center;
    background: var(--surface-muted);
    border: 1px dashed var(--control-border);
    border-radius: var(--r-md);
}

.section[b-bylhzz38w1] {
    margin: var(--sp-8) 0 var(--sp-3);
    font-size: var(--fs-xxs);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

.none[b-bylhzz38w1] {
    color: var(--text-3);
    font-size: var(--fs-sm);
}

    .none a[b-bylhzz38w1] {
        color: var(--accent);
    }

.tries[b-bylhzz38w1] {
    display: grid;
    gap: var(--sp-3);
    max-width: 820px;
}

.try[b-bylhzz38w1] {
    padding: var(--sp-4) var(--sp-5);
    background: var(--white);
    border: 1px solid var(--border);
    border-left: 3px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-sm);
}

    .try.state-working[b-bylhzz38w1] {
        border-left-color: var(--accent);
    }

    .try.state-failed[b-bylhzz38w1] {
        border-left-color: var(--error);
    }

.try__top[b-bylhzz38w1] {
    display: flex;
    align-items: baseline;
    gap: var(--sp-3);
    font-size: var(--fs-sm);
}

.verdict[b-bylhzz38w1] {
    font-weight: 560;
    color: var(--text);
}

.quiet[b-bylhzz38w1] {
    color: var(--text-3);
    font-size: var(--fs-xs);
}

.when[b-bylhzz38w1] {
    margin-left: auto;
    color: var(--text-3);
    font-size: var(--fs-xs);
}

.finding[b-bylhzz38w1] {
    margin-top: var(--sp-3);
    color: var(--text-2);
    font-size: var(--fs-sm);
    line-height: 1.6;
}

.filed[b-bylhzz38w1] {
    margin-top: var(--sp-3);
    font-size: var(--fs-xs);
    color: var(--text-3);
}

    .filed a[b-bylhzz38w1] {
        color: var(--accent);
    }

.told[b-bylhzz38w1] {
    margin-top: var(--sp-2);
    font-size: var(--fs-xs);
    color: var(--success);
}

.unfiled[b-bylhzz38w1] {
    margin-top: var(--sp-3);
    font-size: var(--fs-xs);
    color: var(--error);
}

.file-it[b-bylhzz38w1] {
    margin-top: var(--sp-3);
}

.ghost[b-bylhzz38w1] {
    padding: var(--sp-2) var(--sp-4);
    border-radius: var(--r-pill);
    border: 1px solid var(--control-border);
    background: var(--white);
    color: var(--text-2);
    font-size: var(--fs-xs);
    white-space: nowrap;
    transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

    .ghost:hover[b-bylhzz38w1] {
        color: var(--text);
        border-color: var(--accent);
    }

.origin[b-bylhzz38w1] {
    margin-left: var(--sp-2);
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}
/* /Features/Tickets/TicketsPage.razor.rz.scp.css */
.page-head[b-x4o1cidomk] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-4);
    margin-bottom: var(--sp-5);
}

    .page-head h1[b-x4o1cidomk] {
        font-size: var(--fs-2xl);
        font-weight: 600;
        letter-spacing: -.02em;
        color: var(--primary);
    }

    .page-head .sub[b-x4o1cidomk] {
        margin-top: var(--sp-1);
        color: var(--text-2);
        font-size: var(--fs-md);
    }

.back[b-x4o1cidomk] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    color: var(--text-2);
    font-size: var(--fs-sm);
    transition: color var(--t-fast) var(--ease);
}

    .back:hover[b-x4o1cidomk] {
        color: var(--accent);
    }

    .back svg[b-x4o1cidomk] {
        width: 15px;
        height: 15px;
    }

.empty[b-x4o1cidomk] {
    max-width: 720px;
    padding: var(--sp-8);
    text-align: center;
    background: var(--surface-muted);
    border: 1px dashed var(--control-border);
    border-radius: var(--r-md);
}

    .empty .sub[b-x4o1cidomk] {
        margin-top: var(--sp-2);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

.windows[b-x4o1cidomk] {
    display: flex;
    gap: var(--sp-1);
    margin-bottom: var(--sp-4);
}

    .windows a[b-x4o1cidomk] {
        padding: var(--sp-2) var(--sp-4);
        border-radius: var(--r-pill);
        color: var(--text-2);
        font-size: var(--fs-sm);
        transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
    }

        .windows a:hover[b-x4o1cidomk] {
            background: var(--surface-muted);
            color: var(--text);
        }

        .windows a.on[b-x4o1cidomk] {
            background: var(--surface-tint);
            border: 1px solid var(--control-border);
            color: var(--text);
            font-weight: 560;
        }

.cta[b-x4o1cidomk] {
    flex-shrink: 0;
    padding: var(--sp-3) var(--sp-5);
    border-radius: var(--r-pill);
    background: var(--cta);
    color: var(--cta-fg);
    font-size: var(--fs-sm);
    font-weight: 500;
    box-shadow: var(--sh-cta);
    transition: background var(--t-fast) var(--ease);
}

    .cta:hover[b-x4o1cidomk] {
        background: var(--cta-600);
    }

    .cta.inline[b-x4o1cidomk] {
        display: inline-block;
        margin: var(--sp-4) 0 0;
    }

    .cta.small[b-x4o1cidomk] {
        padding: var(--sp-2) var(--sp-4);
    }

    .cta:disabled[b-x4o1cidomk] {
        background: var(--surface-muted);
        color: var(--text-3);
        box-shadow: none;
        cursor: default;
    }

.list[b-x4o1cidomk] {
    display: grid;
    gap: var(--sp-3);
    max-width: 820px;
}

.ticket[b-x4o1cidomk] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-5);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--sh-sm);
    transition: border-color var(--t-fast) var(--ease);
}

    .ticket:hover[b-x4o1cidomk] {
        border-color: var(--card-hover-border);
    }

.ticket__main[b-x4o1cidomk] {
    flex: 1;
    min-width: 0;
}

.ticket__top[b-x4o1cidomk] {
    display: flex;
    align-items: baseline;
    gap: var(--sp-3);
}

.ref[b-x4o1cidomk] {
    flex-shrink: 0;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: var(--fs-xs);
    color: var(--text-3);
}

.subject[b-x4o1cidomk] {
    font-weight: 560;
    letter-spacing: -.005em;
    color: var(--text);
    transition: color var(--t-fast) var(--ease);
}

    .subject:hover[b-x4o1cidomk] {
        color: var(--accent);
    }

.said[b-x4o1cidomk] {
    margin-top: var(--sp-2);
    color: var(--text-2);
    font-size: var(--fs-sm);
    line-height: 1.5;
}

.tried[b-x4o1cidomk] {
    display: flex;
    align-items: baseline;
    gap: var(--sp-2);
    margin-top: var(--sp-3);
    font-size: var(--fs-xs);
}

.quiet[b-x4o1cidomk] {
    color: var(--text-3);
}

.verdict[b-x4o1cidomk] {
    padding: 1px var(--sp-2);
    border-radius: var(--r-pill);
    background: var(--surface-muted);
    color: var(--text);
    font-weight: 500;
}

    .verdict.state-working[b-x4o1cidomk] {
        background: rgba(var(--accent-rgb), .12);
        color: var(--accent);
    }

    .verdict.state-failed[b-x4o1cidomk] {
        background: var(--error-bg);
        color: var(--error);
    }

.ticket__actions[b-x4o1cidomk] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--sp-2);
}

.pick[b-x4o1cidomk] {
    width: 100%;
    margin-bottom: var(--sp-2);
    padding: var(--sp-2) var(--sp-3);
    font-size: var(--fs-xs);
    color: var(--text);
    background: var(--surface-tint);
    border: 1px solid var(--control-border);
    border-radius: var(--r-xs);
}

    .page-head .source[b-x4o1cidomk] {
        margin-top: var(--sp-2);
        color: var(--text-2);
        font-size: var(--fs-sm);
    }

        .page-head .source a[b-x4o1cidomk] {
            color: var(--accent);
            text-decoration: underline;
            text-underline-offset: 2px;
        }

.refresh[b-x4o1cidomk] {
    margin-left: auto;
    flex-shrink: 0;
}

.fetching[b-x4o1cidomk] {
    margin-bottom: var(--sp-4);
    padding: var(--sp-3) var(--sp-4);
    font-size: var(--fs-sm);
    color: var(--text-2);
    background: var(--cta-100);
    border-radius: var(--r-sm);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.skip-link[b-09h6ba1pbp] {
    position: absolute;
    left: -9999px;
    top: var(--sp-2);
    padding: var(--sp-2) var(--sp-4);
    background: var(--white);
    border-radius: var(--r-xs);
    box-shadow: var(--sh-md);
}

    .skip-link:focus-visible[b-09h6ba1pbp] {
        left: var(--sp-4);
        z-index: 10;
    }

.app[b-09h6ba1pbp] {
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 244px 1fr;
    grid-template-rows: var(--header-h) 1fr;
    grid-template-areas:
        "top  top"
        "side page";
}

/* --- Header --- */
.top[b-09h6ba1pbp] {
    grid-area: top;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
    padding-inline: var(--sp-5);
    background: var(--white);
    border-bottom: 1px solid var(--border-soft);
    position: sticky;
    top: 0;
    z-index: 5;
}

.brand[b-09h6ba1pbp] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    color: var(--primary);
}

.brand__mark[b-09h6ba1pbp] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: var(--r-xs);
    background: var(--primary);
    color: var(--white);
    box-shadow: var(--sh-sm);
}

    .brand__mark svg[b-09h6ba1pbp] {
        width: 18px;
        height: 18px;
    }

.brand__text[b-09h6ba1pbp] {
    font-size: var(--fs-md);
    letter-spacing: -.01em;
}

.btn[b-09h6ba1pbp] {
    display: inline-flex;
    align-items: center;
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text-2);
    background: var(--white);
    border: 1px solid var(--control-border);
    border-radius: var(--r-pill);
    padding: var(--sp-2) var(--sp-5);
    transition: border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}

    .btn:hover[b-09h6ba1pbp] {
        border-color: var(--cta);
        color: var(--cta);
    }

/* --- Side navigation --- */
.side[b-09h6ba1pbp] {
    grid-area: side;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: var(--sp-4) var(--sp-3) var(--sp-6);
    background: var(--surface-muted);
    border-right: 1px solid var(--border-soft);
    position: sticky;
    top: var(--header-h);
    height: calc(100dvh - var(--header-h));
    overflow-y: auto;
}

.side__link[b-09h6ba1pbp] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    min-height: 38px;
    padding: 0 var(--sp-3);
    font-size: var(--fs-sm);
    font-weight: 550;
    color: var(--text-2);
    border-radius: var(--r-sm);
    transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}

.side__icon[b-09h6ba1pbp] {
    width: 18px;
    height: 18px;
    flex: none;
    opacity: .7;
    transition: opacity var(--t-fast) var(--ease);
}

.side__link:hover[b-09h6ba1pbp] {
    background: rgba(var(--accent-rgb), .09);
    color: var(--primary);
}

    .side__link:hover .side__icon[b-09h6ba1pbp] {
        opacity: 1;
    }

.side__link.on[b-09h6ba1pbp] {
    background: var(--cta-100);
    color: var(--primary);
    font-weight: 650;
}

    .side__link.on .side__icon[b-09h6ba1pbp] {
        opacity: 1;
        color: var(--cta);
    }

/* Shares .side__link, so it picks up the same hover and active treatment. */
.side__group[b-09h6ba1pbp] {
    font-size: var(--fs-xxs);
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--text-3);
    font-weight: 700;
    min-height: 30px;
    margin-top: var(--sp-4);
    padding-top: var(--sp-4);
    border-top: 1px solid var(--border-soft);
    border-radius: 0;
}

    .side__group:hover[b-09h6ba1pbp] {
        background: transparent;
        color: var(--primary);
    }

    .side__group.on[b-09h6ba1pbp] {
        background: transparent;
        color: var(--primary);
    }

/* --- Page --- */
.page[b-09h6ba1pbp] {
    grid-area: page;
    padding: var(--sp-6) var(--sp-7) var(--sp-9);
    min-width: 0;
}

    /* Content stops before the far edge of a wide monitor. Without this a settings row is a metre
       of white with a chevron stranded on the right. */
    .page[b-09h6ba1pbp]  > * {
        max-width: 1120px;
    }

.bare[b-09h6ba1pbp] {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: var(--sp-6);
}

@media (max-width: 860px) {
    .app[b-09h6ba1pbp] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "top"
            "side"
            "page";
    }

    .side[b-09h6ba1pbp] {
        position: static;
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--sp-1);
        border-right: 0;
        border-bottom: 1px solid var(--border-soft);
    }

    .side__group[b-09h6ba1pbp] {
        width: 100%;
        padding-top: var(--sp-3);
        margin-top: 0;
    }

    .page[b-09h6ba1pbp] {
        padding: var(--sp-5) var(--sp-4) var(--sp-8);
    }
}