@import '_content/AccountExtended.Blazor/AccountExtended.Blazor.1ivh6myed5.bundle.scp.css';
@import '_content/ContractManagement.Blazor/ContractManagement.Blazor.9q5okt9g0i.bundle.scp.css';
@import '_content/MasterData.Blazor/MasterData.Blazor.pkk3lwqzdo.bundle.scp.css';
@import '_content/PropertyManagement.Blazor/PropertyManagement.Blazor.dh2amka53f.bundle.scp.css';

/* /Components/Pages/Index.razor.rz.scp.css */
/* Dashboard widget card */
.dashboard-widget[b-o544qcggk0] {
    padding: 1.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 0.375rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Widget label — small uppercase title above the value */
.widget-label[b-o544qcggk0] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

/* Widget value — large bold number */
.widget-value[b-o544qcggk0] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--rz-text-color, #333);
}

/* Stretched link fills the whole card */
.dashboard-widget .stretched-link[b-o544qcggk0]::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
/* /Components/Shared/Callout.razor.rz.scp.css */
.callout[b-jewfb07uac] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: start;
    gap: var(--space-2);
    padding: var(--space-4);
    border-radius: var(--radius-md);
    background: var(--cl-bg, var(--color-surface));
    color: var(--cl-fg, var(--color-text));
    border: 1px solid var(--cl-border, var(--color-border));
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, max-height 0.2s ease-out;
    overflow: hidden;
}

.callout--info[b-jewfb07uac]    { --cl-bg: var(--color-info-soft);    --cl-fg: var(--color-info);    --cl-border: var(--color-info); }
.callout--success[b-jewfb07uac] { --cl-bg: var(--color-success-soft); --cl-fg: var(--color-success); --cl-border: var(--color-success); }
.callout--warning[b-jewfb07uac] { --cl-bg: var(--color-warning-soft); --cl-fg: var(--color-warning); --cl-border: var(--color-warning); }
.callout--danger[b-jewfb07uac]  { --cl-bg: var(--color-danger-soft);  --cl-fg: var(--color-danger);  --cl-border: var(--color-danger); }
.callout--neutral[b-jewfb07uac] { --cl-bg: var(--color-surface-alt);  --cl-fg: var(--color-text-muted); --cl-border: var(--color-border); }
.callout--hint[b-jewfb07uac]    { --cl-bg: var(--color-primary-soft); --cl-fg: var(--color-primary); --cl-border: var(--color-primary); }

.callout--solid[b-jewfb07uac]    { background: var(--cl-fg); color: #fff; border-color: var(--cl-fg); }
.callout--outlined[b-jewfb07uac] { background: var(--color-surface); }
.callout--strip[b-jewfb07uac]    { background: var(--color-surface); border-left: 4px solid var(--cl-fg); border-color: var(--color-border); }
.callout--tight[b-jewfb07uac]    { padding: 6px 10px; border-radius: var(--radius-sm); gap: var(--space-1); }

.callout-icon[b-jewfb07uac]   { color: var(--cl-fg); }
.callout-body[b-jewfb07uac]   { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.callout-title[b-jewfb07uac]   { font-size: var(--text-sm); font-weight: var(--weight-semi); color: var(--cl-fg); }
.callout-message[b-jewfb07uac] { font-size: var(--text-sm); font-weight: var(--weight-regular); color: var(--color-text-muted); line-height: var(--leading-normal); }
.callout-actions[b-jewfb07uac] { display: flex; gap: 6px; align-items: center; }
.callout-close[b-jewfb07uac] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: var(--radius-xs, 3px);
    color: var(--color-text-muted);
}

.callout-close:hover[b-jewfb07uac] { background: rgba(0,0,0,0.06); color: var(--cl-fg); }
.callout-close:focus-visible[b-jewfb07uac] { outline: none; box-shadow: var(--shadow-focus); }

.callout--dismissing[b-jewfb07uac] {
    transform: translateX(12px);
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.callout-stack[b-jewfb07uac] { display: flex; flex-direction: column; gap: var(--space-2); }

@media (prefers-reduced-motion: reduce) {
    .callout[b-jewfb07uac] { transition: none; }
    .callout--dismissing[b-jewfb07uac] { transform: none; }
}