/* _content/Ilinniarfik/Components/Base/Forms/KimikFormControl.razor.rz.scp.css */
[b-fhnd4x7dm3] .rz-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-2);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    margin-bottom: 6px;
    display: block;
}

.form-control-label[b-fhnd4x7dm3] {
    padding-bottom: 0;
}
/* _content/Ilinniarfik/Components/Layout/MainLayout.razor.rz.scp.css */

.layout-header[b-drp6wfkq50] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    padding: 0 20px;
    gap: 12px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

.layout-header-spacer[b-drp6wfkq50] {
    flex: 1;
}

.layout-user[b-drp6wfkq50] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 120ms;
}

.layout-user:hover[b-drp6wfkq50] {
    background: #f3f5f8;
}

.layout-user-avatar[b-drp6wfkq50] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b4cca 0%, #2a37c9 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    font-family: "Inter", system-ui, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.layout-user-name[b-drp6wfkq50] {
    font-size: 13.5px;
    font-weight: 500;
    color: #0f1729;
}

.layout-logout-btn[b-drp6wfkq50] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #e6e8ed;
    background: transparent;
    color: #4a5468;
    cursor: pointer;
    transition: background 120ms, color 120ms;
}

.layout-logout-btn:hover[b-drp6wfkq50] {
    background: #f3f5f8;
    color: #0f1729;
}
/* ── Sidebar toggle button ────────────────────────────────── */
.layout-toggle-btn[b-drp6wfkq50] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #e6e8ed;
    background: transparent;
    color: #4a5468;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms, color 120ms;
    font-size: 20px;
}

.layout-toggle-btn:hover[b-drp6wfkq50] {
    background: #f3f5f8;
    color: #0f1729;
}

/* ── Sidebar brand block ──────────────────────────────────── */
.sidebar-brand[b-drp6wfkq50] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 16px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 4px;
    overflow: hidden;
}

.sidebar-brand-info[b-drp6wfkq50] {
    overflow: hidden;
    white-space: nowrap;
}

.sidebar-brand-mark[b-drp6wfkq50] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #3b4cca 0%, #2a37c9 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    font-family: "Inter", system-ui, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(59, 76, 202, 0.35);
}

.sidebar-brand-name[b-drp6wfkq50] {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.01em;
    font-family: "Inter", system-ui, sans-serif;
    line-height: 1.2;
}

.sidebar-brand-sub[b-drp6wfkq50] {
    font-size: 11px;
    color: rgba(200, 207, 220, 0.6);
    font-family: "Inter", system-ui, sans-serif;
    margin-top: 1px;
}

/* ── Page content ─────────────────────────────────────────── */
.content[b-drp6wfkq50] {
    padding-top: 24px;
    padding-bottom: 24px;
}

/* ── Blazor error UI ──────────────────────────────────────── */
#blazor-error-ui[b-drp6wfkq50] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-drp6wfkq50] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/Ilinniarfik/Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu styling is handled via MainLayout.razor.css Radzen CSS variable overrides */
/* _content/Ilinniarfik/Components/Pages/ApplicantManagement/ApplicantManagementList.razor.rz.scp.css */
.km-subtitle[b-87qoyn0zid] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
}

/* ── Shared dot ───────────────────────────────────────────── */
.km-dot[b-87qoyn0zid] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

/* ── Shared cell types ────────────────────────────────────── */
.km-name-cell[b-87qoyn0zid] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.km-avatar[b-87qoyn0zid] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.02em;
}

.km-email[b-87qoyn0zid] {
    color: var(--accent);
    font-size: 13px;
}

.km-mono[b-87qoyn0zid] {
    font-variant-numeric: tabular-nums;
    font-size: 13px;
    letter-spacing: 0.01em;
}

.km-empty[b-87qoyn0zid] {
    color: var(--text-4);
}

.am-filter-field[b-87qoyn0zid] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.am-filter-label[b-87qoyn0zid] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-2);
    margin: 0;
}

.am-select[b-87qoyn0zid],
.am-input[b-87qoyn0zid] {
    height: 36px;
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 0 10px;
    font-size: 13.5px;
    color: var(--text);
    background: var(--surface);
    outline: none;
    transition: border-color 120ms;
    width: 100%;
    box-sizing: border-box;
}

.am-select:focus[b-87qoyn0zid],
.am-input:focus[b-87qoyn0zid] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-soft);
}

/* ── Edit panel ───────────────────────────────────────────── */
.am-edit-panel[b-87qoyn0zid] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow);
    margin-bottom: 16px;
    overflow: hidden;
}

.am-edit-panel-header[b-87qoyn0zid] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    background: var(--accent-soft);
    border-bottom: 1px solid var(--border);
}

.am-edit-panel-title[b-87qoyn0zid] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--accent);
}

.am-close-btn[b-87qoyn0zid] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: var(--r-sm);
    color: var(--text-3);
    display: flex;
    align-items: center;
    transition: color 120ms, background 120ms;
}

.am-close-btn:hover[b-87qoyn0zid] {
    color: var(--text);
    background: var(--surface-hover);
}

.am-edit-panel-body[b-87qoyn0zid] {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.am-edit-grid[b-87qoyn0zid] {
    display: grid;
    grid-template-columns: 1fr 1fr 1.4fr;
    gap: 12px;
    align-items: end;
}

.am-edit-actions[b-87qoyn0zid] {
    display: flex;
    gap: 8px;
}

/* ── Banners ──────────────────────────────────────────────── */
.am-error-banner[b-87qoyn0zid] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--red-soft);
    border: 1px solid #f9c7c3;
    border-radius: var(--r);
    color: var(--red);
    font-size: 13px;
}

.am-error-banner--top[b-87qoyn0zid] {
    margin: 16px 20px 0;
}

.am-success-banner[b-87qoyn0zid] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--green-soft);
    border: 1px solid #b6e5cf;
    border-radius: var(--r);
    color: var(--green);
    font-size: 13px;
    margin: 16px 20px 0;
}

.am-warning-banner[b-87qoyn0zid] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--yellow-soft, #fef9ec);
    border: 1px solid #f5d87a;
    border-radius: var(--r);
    color: #92700a;
    font-size: 13px;
    margin: 16px 20px 0;
}

/* ── Table ────────────────────────────────────────────────── */
.am-table[b-87qoyn0zid] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.am-table thead tr[b-87qoyn0zid] {
    border-bottom: 1px solid var(--border);
}

.am-table th[b-87qoyn0zid] {
    padding: 10px var(--row-px);
    font-size: 11.5px;
    font-weight: 600;
    color: var(--text-3);
    text-align: left;
    letter-spacing: 0.03em;
    white-space: nowrap;
    background: var(--surface-2);
}

.am-table td[b-87qoyn0zid] {
    padding: 0 var(--row-px);
    height: var(--row-h);
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
    color: var(--text);
}

.am-table tbody tr:last-child td[b-87qoyn0zid] {
    border-bottom: none;
}

.am-table tbody tr:hover td[b-87qoyn0zid] {
    background: var(--surface-hover);
}

.am-row--editing td[b-87qoyn0zid] {
    background: var(--accent-soft) !important;
}

/* ── Education cell (truncate long names) ─────────────────── */
.am-edu-cell[b-87qoyn0zid] {
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* ── Status badge ─────────────────────────────────────────── */
.am-status-badge[b-87qoyn0zid] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.am-status--applied[b-87qoyn0zid]    { background: var(--accent-soft); color: var(--accent); }
.am-status--accepted[b-87qoyn0zid]   { background: var(--green-soft);  color: var(--green); }
.am-status--rejected[b-87qoyn0zid]   { background: var(--red-soft);    color: var(--red); }
.am-status--aborted[b-87qoyn0zid]    { background: var(--amber-soft);  color: var(--amber); }
.am-status--inprogress[b-87qoyn0zid] { background: #e0f2fe;            color: #0369a1; }
.am-status--completed[b-87qoyn0zid]  { background: var(--green-soft);  color: var(--green); }
.am-status--cancelled[b-87qoyn0zid]  { background: var(--slate-soft);  color: var(--slate); }
.am-status--default[b-87qoyn0zid]    { background: var(--slate-soft);  color: var(--slate); }

/* ── Row actions ──────────────────────────────────────────── */
.am-actions[b-87qoyn0zid] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.am-icon-btn[b-87qoyn0zid] {
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 5px;
    border-radius: var(--r-sm);
    color: var(--text-3);
    display: flex;
    align-items: center;
    font-size: 16px;
    transition: color 120ms, background 120ms, border-color 120ms;
}

.am-icon-btn:hover[b-87qoyn0zid] {
    color: var(--accent);
    background: var(--accent-soft);
    border-color: var(--border);
}

/* ── Search / empty prompt ────────────────────────────────── */
.am-prompt[b-87qoyn0zid] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 52px 24px;
    gap: 10px;
    color: var(--text-4);
}

.am-prompt-icon[b-87qoyn0zid] {
    font-size: 36px;
}

.am-prompt-text[b-87qoyn0zid] {
    margin: 0;
    font-size: 14px;
    color: var(--text-3);
    text-align: center;
    max-width: 380px;
}
/* ── Document list ───────────────────────────────────────── */
.am-docs-section[b-87qoyn0zid] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.am-docs-label[b-87qoyn0zid] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--text-3);
    margin-bottom: .5rem;
}

.am-docs-loading[b-87qoyn0zid] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--text-3);
    font-size: 13px;
}

.am-spin[b-87qoyn0zid] {
    animation: spin-b-87qoyn0zid .8s linear infinite;
}

@keyframes spin-b-87qoyn0zid { to { transform: rotate(360deg); } }

.am-docs-list[b-87qoyn0zid] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.am-doc-item[b-87qoyn0zid] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.am-doc-link[b-87qoyn0zid] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: 13px;
    color: var(--primary);
    text-decoration: none;
}

.am-doc-link:hover[b-87qoyn0zid] { text-decoration: underline; }

.am-doc-link--no-url[b-87qoyn0zid] {
    color: var(--text-2);
    cursor: default;
}

.am-doc-meta[b-87qoyn0zid] {
    font-size: 11px;
    color: var(--text-4);
    white-space: nowrap;
}

.am-doc-empty[b-87qoyn0zid] {
    font-size: 13px;
    color: var(--text-3);
    margin: 0;
}
/* _content/Ilinniarfik/Components/Pages/AutoScheduler/AutoSchedulerPage.razor.rz.scp.css */
.as-page[b-pq6ou47d93] {
    --surface: #ffffff;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --green: #0f7a4d;
    --amber: #a25d00;
    --red: #b91c1c;
    --blue: #1d4ed8;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    animation: asFadeIn-b-pq6ou47d93 180ms ease-out;
}

@keyframes asFadeIn-b-pq6ou47d93 {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

.as-loading[b-pq6ou47d93] { display: flex; align-items: center; justify-content: center; padding: 80px; }
.as-header[b-pq6ou47d93] { margin-bottom: 20px; }
.as-title[b-pq6ou47d93] { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; margin: 0; line-height: 1.2; }
.as-subtitle[b-pq6ou47d93] { font-size: 13.5px; color: var(--text-3); margin: 4px 0 0; }

/* Step indicator */
.as-steps[b-pq6ou47d93] {
    display: flex; align-items: center; gap: 0; margin-bottom: 24px;
}
.as-step[b-pq6ou47d93] {
    display: flex; align-items: center; gap: 8px; padding: 8px 16px;
    border-radius: 20px; font-size: 13px; font-weight: 500; color: var(--text-3);
    background: #f3f5f8; transition: all 160ms;
}
.as-step--active[b-pq6ou47d93] { background: #dbeafe; color: var(--blue); }
.as-step--done[b-pq6ou47d93] { background: #dcfce7; color: var(--green); }
.as-step-num[b-pq6ou47d93] { width: 22px; height: 22px; border-radius: 50%; background: currentColor; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; }
.as-step--active .as-step-num[b-pq6ou47d93] { background: var(--blue); }
.as-step--done .as-step-num[b-pq6ou47d93] { background: var(--green); }
.as-step-line[b-pq6ou47d93] { flex: 1; height: 1px; background: var(--border); margin: 0 4px; }

/* Card */
.as-card[b-pq6ou47d93] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); margin-bottom: 20px; overflow: hidden; }
.as-card-title[b-pq6ou47d93] { font-size: 15px; font-weight: 600; padding: 20px 24px 0; }
.as-card-footer[b-pq6ou47d93] { display: flex; align-items: center; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--border); margin-top: 8px; }
.as-footer-spacer[b-pq6ou47d93] { flex: 1; }

/* Sections */
.as-section[b-pq6ou47d93] { padding: 16px 24px; }
.as-section--divider[b-pq6ou47d93] { border-top: 1px solid var(--border); }
.as-section-title[b-pq6ou47d93] { font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 12px; }

/* Fields */
.as-field-grid[b-pq6ou47d93] { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
.as-span-3[b-pq6ou47d93] { grid-column: span 3; }
.as-span-4[b-pq6ou47d93] { grid-column: span 4; }
.as-span-6[b-pq6ou47d93] { grid-column: span 6; }
.as-span-8[b-pq6ou47d93] { grid-column: span 8; }
.as-span-12[b-pq6ou47d93] { grid-column: span 12; }

.as-field-group[b-pq6ou47d93] { display: flex; flex-direction: column; gap: 4px; }
.as-label[b-pq6ou47d93] { font-size: 12px; font-weight: 500; color: #374151; }
.as-input[b-pq6ou47d93] { height: 36px; padding: 0 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 13.5px; color: var(--text); background: #fff; outline: none; width: 100%; box-sizing: border-box; }
.as-input:focus[b-pq6ou47d93] { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.1); }
.as-readonly[b-pq6ou47d93] { height: 36px; padding: 0 10px; display: flex; align-items: center; font-size: 13.5px; color: var(--text-3); border: 1px solid var(--border); border-radius: 6px; background: #f8f9fc; }
.as-hint[b-pq6ou47d93] { font-size: 11.5px; color: var(--text-3); }
.as-error[b-pq6ou47d93] { background: #fee2e2; border: 1px solid #fca5a5; border-radius: 8px; color: var(--red); padding: 10px 16px; margin-bottom: 16px; font-size: 13px; }

/* Weekday picker */
.as-weekday-picker[b-pq6ou47d93] { display: flex; gap: 6px; flex-wrap: wrap; }
.as-weekday-btn[b-pq6ou47d93] { padding: 5px 12px; border-radius: 16px; border: 1px solid var(--border); background: #f3f5f8; font-size: 12.5px; cursor: pointer; color: var(--text-3); }
.as-weekday-btn--active[b-pq6ou47d93] { background: var(--blue); border-color: var(--blue); color: #fff; font-weight: 600; }

/* Checkbox list */
.as-checkbox-list[b-pq6ou47d93] { display: flex; flex-direction: column; gap: 6px; max-height: 200px; overflow-y: auto; border: 1px solid var(--border); border-radius: 6px; padding: 8px 10px; }
.as-checkbox-item[b-pq6ou47d93] { display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
.as-empty-note[b-pq6ou47d93] { font-size: 12.5px; color: var(--text-3); padding: 8px 0; }

/* Buttons */
.as-btn[b-pq6ou47d93] { display: inline-flex; align-items: center; gap: 6px; padding: 7px 16px; border-radius: 6px; font-size: 13.5px; font-weight: 500; cursor: pointer; border: 1px solid transparent; transition: all 120ms; }
.as-btn:disabled[b-pq6ou47d93] { opacity: 0.5; cursor: not-allowed; }
.as-btn--primary[b-pq6ou47d93] { background: var(--blue); color: #fff; border-color: var(--blue); }
.as-btn--primary:hover:not(:disabled)[b-pq6ou47d93] { background: #1e40af; }
.as-btn--ghost[b-pq6ou47d93] { background: transparent; color: var(--text); border-color: var(--border); }
.as-btn--ghost:hover[b-pq6ou47d93] { background: #f3f5f8; }

/* Preview summary pills */
.as-preview-summary[b-pq6ou47d93] { display: flex; gap: 12px; flex-wrap: wrap; padding: 16px 24px; }
.as-summary-pill[b-pq6ou47d93] { display: flex; align-items: center; gap: 8px; background: #f3f5f8; border: 1px solid var(--border); border-radius: 20px; padding: 6px 14px; font-size: 13px; color: var(--text-3); }
.as-summary-pill--green[b-pq6ou47d93] { background: #dcfce7; border-color: #86efac; color: var(--green); }
.as-summary-pill--amber[b-pq6ou47d93] { background: #fef3c7; border-color: #fcd34d; color: var(--amber); }
.as-summary-pill--blue[b-pq6ou47d93] { background: #dbeafe; border-color: #93c5fd; color: var(--blue); }
.as-summary-num[b-pq6ou47d93] { font-size: 18px; font-weight: 700; }

/* Preview table */
.as-preview-table-wrap[b-pq6ou47d93] { overflow-x: auto; padding: 0 24px 16px; }
.as-preview-table[b-pq6ou47d93] { width: 100%; border-collapse: collapse; font-size: 13px; }
.as-preview-table th[b-pq6ou47d93] { text-align: left; padding: 8px 10px; border-bottom: 2px solid var(--border); font-weight: 600; font-size: 12px; color: var(--text-3); }
.as-preview-table td[b-pq6ou47d93] { padding: 8px 10px; border-bottom: 1px solid var(--border); }
.as-row--conflict td[b-pq6ou47d93] { background: #fff7ed; }
.as-row--skipped td[b-pq6ou47d93] { opacity: 0.45; text-decoration: line-through; }

.as-badge[b-pq6ou47d93] { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11.5px; font-weight: 600; }
.as-badge--ok[b-pq6ou47d93] { background: #dcfce7; color: var(--green); }
.as-badge--conflict[b-pq6ou47d93] { background: #fef3c7; color: var(--amber); }
.as-empty[b-pq6ou47d93] { padding: 32px 24px; text-align: center; color: var(--text-3); font-size: 13.5px; }

/* Confirm + Generate + Results */
.as-confirm-box[b-pq6ou47d93] { display: flex; align-items: center; gap: 16px; padding: 24px; background: #f0f9ff; border-radius: 8px; margin: 16px 24px; }
.as-confirm-icon[b-pq6ou47d93] { font-size: 2rem; color: var(--blue); flex-shrink: 0; }
.as-confirm-text[b-pq6ou47d93] { font-size: 13.5px; line-height: 1.6; }
.as-generating[b-pq6ou47d93] { display: flex; flex-direction: column; align-items: center; padding: 40px; gap: 12px; }
.as-generating-text[b-pq6ou47d93] { font-size: 13.5px; color: var(--text-3); }
.as-results[b-pq6ou47d93] { display: flex; flex-direction: column; align-items: center; padding: 32px 24px; gap: 12px; }
.as-results-icon[b-pq6ou47d93] { font-size: 3rem; }
.as-results-icon--ok[b-pq6ou47d93] { color: var(--green); }
.as-results-icon--warn[b-pq6ou47d93] { color: var(--amber); }
.as-results-summary[b-pq6ou47d93] { font-size: 15px; font-weight: 600; }
.as-results-errors[b-pq6ou47d93] { max-height: 200px; overflow-y: auto; width: 100%; border: 1px solid #fca5a5; border-radius: 6px; background: #fee2e2; padding: 8px 12px; }
.as-results-error-row[b-pq6ou47d93] { font-size: 12.5px; color: var(--red); padding: 2px 0; }
/* _content/Ilinniarfik/Components/Pages/BlackoutManagement/BlackoutManagementList.razor.rz.scp.css */
.bm-page[b-dzmj72274z] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    animation: bmFadeIn-b-dzmj72274z 180ms ease-out;
}

@keyframes bmFadeIn-b-dzmj72274z {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

.bm-loading[b-dzmj72274z] { display: flex; align-items: center; justify-content: center; padding: 60px; }
.bm-header[b-dzmj72274z] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; gap: 16px; }
.bm-title[b-dzmj72274z] { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: var(--text); margin: 0; line-height: 1.2; }
.bm-subtitle[b-dzmj72274z] { font-size: 13.5px; color: var(--text-3); margin: 4px 0 0; max-width: 600px; }
.bm-header-actions[b-dzmj72274z] { display: flex; gap: 8px; align-items: center; flex-shrink: 0; }
.bm-stats[b-dzmj72274z] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.bm-table-card[b-dzmj72274z] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); overflow: hidden; }
/* _content/Ilinniarfik/Components/Pages/BookingDialog.razor.rz.scp.css */
.bd-body[b-ff0zntlrl0] {
    --bd-border: #e6e8ed;
    --bd-text: #0f1729;
    --bd-text-3: #7a8499;
    --bd-surface-2: #fafbfc;
    --bd-amber: #a25d00;
    --bd-amber-soft: #fbecd0;

    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
    min-width: 520px;
}

.bd-time-row[b-ff0zntlrl0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 0 1px;
}

.bd-loading[b-ff0zntlrl0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
    min-width: 520px;
}

.bd-error[b-ff0zntlrl0] {
    font-size: 13px;
    padding: 8px 12px;
    background: #fde7e3;
    color: #b42318;
    border-radius: 6px;
    border: 1px solid #fca5a5;
}

.bd-grid[b-ff0zntlrl0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.bd-field[b-ff0zntlrl0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bd-span-2[b-ff0zntlrl0] { grid-column: 1 / 3; }

.bd-label[b-ff0zntlrl0] {
    font-size: 12px;
    font-weight: 500;
    color: var(--bd-text-3);
    letter-spacing: 0.01em;
}

.bd-recurring-toggle[b-ff0zntlrl0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
}

.bd-recurring-panel[b-ff0zntlrl0] {
    background: var(--bd-surface-2);
    border: 1px solid var(--bd-border);
    border-radius: 8px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bd-recurring-notice[b-ff0zntlrl0] {
    font-size: 12.5px;
    color: var(--bd-amber);
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.bd-preview[b-ff0zntlrl0] {
    font-size: 12.5px;
    color: var(--bd-text);
    padding: 8px 10px;
    border: 1px solid var(--bd-border);
    border-radius: 6px;
    background: white;
    min-height: 34px;
    display: flex;
    align-items: center;
}

.bd-actions[b-ff0zntlrl0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--bd-border);
}
/* _content/Ilinniarfik/Components/Pages/BookingManagement.razor.rz.scp.css */
/* Styles moved to Components/Shared/BookingScheduler.razor.css */
/* _content/Ilinniarfik/Components/Pages/BuildingManagement/BuildingManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.bm-page[b-cyrh1elwpu] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: bmFadeIn-b-cyrh1elwpu 180ms ease-out;
}

@keyframes bmFadeIn-b-cyrh1elwpu {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

.bm-loading[b-cyrh1elwpu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.bm-header[b-cyrh1elwpu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.bm-title[b-cyrh1elwpu] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.bm-subtitle[b-cyrh1elwpu] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.bm-header-actions[b-cyrh1elwpu] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.bm-stats[b-cyrh1elwpu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.bm-table-card[b-cyrh1elwpu] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
/* _content/Ilinniarfik/Components/Pages/CensorshipManagement/CensorshipManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/CensorshipManagement/CensorshipManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.cm-page[b-x2es6q04t2] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --border-strong: #d4d8df;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --red: #b42318;
    --red-soft: #fde7e3;
    --slate: #475569;
    --slate-soft: #eef1f5;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px 32px 32px;
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: cmFadeIn-b-x2es6q04t2 200ms ease-out;
}

@keyframes cmFadeIn-b-x2es6q04t2 {
    from { opacity: 0; transform: translateY(3px); }
    to   { opacity: 1; transform: translateY(0); }
}

.cm-loading[b-x2es6q04t2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
}

/* ── Header ─────────────────────────────────────────────────── */
.cm-header[b-x2es6q04t2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cm-header-text[b-x2es6q04t2] { flex: 1; min-width: 0; }

.cm-title[b-x2es6q04t2] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    letter-spacing: -0.025em;
    margin: 0 0 4px;
    line-height: 1.2;
}

.cm-subtitle[b-x2es6q04t2] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 0;
}

.cm-header-actions[b-x2es6q04t2] { display: flex; gap: 8px; flex-shrink: 0; }

/* ── Stats strip ─────────────────────────────────────────────── */
.cm-stats[b-x2es6q04t2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

[b-x2es6q04t2] .cm-table-card .kimik-table { border: none; border-radius: 0; box-shadow: none; }
[b-x2es6q04t2] .cm-table-card .kimik-table thead th { background: var(--surface-2); font-size: 11.5px; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.05em; }
[b-x2es6q04t2] .cm-table-card .kimik-table tbody tr:hover { background: var(--surface-hover); }
/* _content/Ilinniarfik/Components/Pages/CourseModuleManagement/CourseModuleManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/CourseModuleManagement/CourseModuleManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.cm-page[b-vbhvqn87sm] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: cmFadeIn-b-vbhvqn87sm 180ms ease-out;
}

@keyframes cmFadeIn-b-vbhvqn87sm {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.cm-loading[b-vbhvqn87sm] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Page header ──────────────────────────────────────────── */
.cm-header[b-vbhvqn87sm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.cm-title[b-vbhvqn87sm] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.cm-subtitle[b-vbhvqn87sm] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.cm-header-actions[b-vbhvqn87sm] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Stats strip ──────────────────────────────────────────── */
.cm-stats[b-vbhvqn87sm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ── Course type cell ─────────────────────────────────────── */
.cm-coursetype[b-vbhvqn87sm] {
    font-weight: 500;
    color: var(--text);
}
/* _content/Ilinniarfik/Components/Pages/CourseModuleParticipantDialog.razor.rz.scp.css */
.cpd-body[b-x25grrp5bm] {
    --cpd-border: #e6e8ed;
    --cpd-red: #b42318;

    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
    min-width: 400px;
}

.cpd-error[b-x25grrp5bm] {
    font-size: 13px;
    padding: 8px 12px;
    background: #fde7e3;
    color: var(--cpd-red);
    border-radius: 6px;
    border: 1px solid #fca5a5;
}

.cpd-actions[b-x25grrp5bm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--cpd-border);
}
/* _content/Ilinniarfik/Components/Pages/CourseModuleParticipantsManagement.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.cmp-page[b-d9bwwdivon] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    animation: cmpFadeIn-b-d9bwwdivon 180ms ease-out;
}

@keyframes cmpFadeIn-b-d9bwwdivon {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.cmp-loading[b-d9bwwdivon] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Back button ──────────────────────────────────────────── */
.cmp-back-btn[b-d9bwwdivon] {
    width: 32px;
    height: 32px;
    border-radius: var(--r);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms, border-color 120ms;
}

.cmp-back-btn:hover[b-d9bwwdivon] {
    background: var(--surface-2);
    border-color: #c8cdd8;
}

/* ── Page header ──────────────────────────────────────────── */
.cmp-header[b-d9bwwdivon] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.cmp-title[b-d9bwwdivon] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.cmp-subtitle[b-d9bwwdivon] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 3px 0 0;
}

/* ── Info card ────────────────────────────────────────────── */
.cmp-info-card[b-d9bwwdivon] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.cmp-info-icon[b-d9bwwdivon] {
    width: 40px;
    height: 40px;
    border-radius: var(--r);
    background: #eef0fc;
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.cmp-info-body[b-d9bwwdivon] {
    flex: 1;
    min-width: 0;
}

.cmp-info-title[b-d9bwwdivon] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmp-info-meta[b-d9bwwdivon] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
    font-size: 13px;
}

.cmp-info-label[b-d9bwwdivon] {
    color: var(--text-3);
    font-weight: 500;
}

.cmp-info-value[b-d9bwwdivon] {
    color: var(--text-2);
}

.cmp-info-ongoing[b-d9bwwdivon] {
    color: var(--text-3);
    font-style: normal;
}

/* ── Status badge ─────────────────────────────────────────── */
.cmp-status-badge[b-d9bwwdivon] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    flex-shrink: 0;
}

.cmp-status-badge--active[b-d9bwwdivon] {
    background: var(--green-soft);
    color: var(--green);
}

.cmp-status-badge--inactive[b-d9bwwdivon] {
    background: #f1f3f5;
    color: #6b7280;
}

.cmp-dot[b-d9bwwdivon] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

/* ── Table card ───────────────────────────────────────────── */
.cmp-table-card[b-d9bwwdivon] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.cmp-table-header[b-d9bwwdivon] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
}

.cmp-table-title[b-d9bwwdivon] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}
/* _content/Ilinniarfik/Components/Pages/CourseModuleTeacherDialog.razor.rz.scp.css */
.ctd-body[b-hsyfz0b4im] {
    --ctd-border: #e6e8ed;
    --ctd-red: #b42318;

    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
    min-width: 400px;
}

.ctd-error[b-hsyfz0b4im] {
    font-size: 13px;
    padding: 8px 12px;
    background: #fde7e3;
    color: var(--ctd-red);
    border-radius: 6px;
    border: 1px solid #fca5a5;
}

.ctd-actions[b-hsyfz0b4im] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--ctd-border);
}
/* _content/Ilinniarfik/Components/Pages/CourseModuleTeachersManagement.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.cmt-page[b-jjnhuhl3kc] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --red: #b42318;
    --red-soft: #fde7e3;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --shadow: 0 1px 3px rgba(15, 23, 41, 0.06), 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    animation: cmtFadeIn-b-jjnhuhl3kc 180ms ease-out;
}

@keyframes cmtFadeIn-b-jjnhuhl3kc {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.cmt-loading[b-jjnhuhl3kc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Back button ──────────────────────────────────────────── */
.cmt-back-btn[b-jjnhuhl3kc] {
    width: 32px;
    height: 32px;
    border-radius: var(--r);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms, border-color 120ms;
}

.cmt-back-btn:hover[b-jjnhuhl3kc] {
    background: var(--surface-2, #fafbfc);
    border-color: #c8cdd8;
}

/* ── Page header ──────────────────────────────────────────── */
.cmt-header[b-jjnhuhl3kc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.cmt-title[b-jjnhuhl3kc] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.cmt-subtitle[b-jjnhuhl3kc] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 3px 0 0;
}

/* ── Info card ────────────────────────────────────────────── */
.cmt-info-card[b-jjnhuhl3kc] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.cmt-info-icon[b-jjnhuhl3kc] {
    width: 40px;
    height: 40px;
    border-radius: var(--r);
    background: #eef0fc;
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.cmt-info-body[b-jjnhuhl3kc] {
    flex: 1;
    min-width: 0;
}

.cmt-info-title[b-jjnhuhl3kc] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmt-info-meta[b-jjnhuhl3kc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
    font-size: 13px;
}

.cmt-info-label[b-jjnhuhl3kc] {
    color: var(--text-3);
    font-weight: 500;
}

.cmt-info-value[b-jjnhuhl3kc] {
    color: var(--text-2);
}

.cmt-info-ongoing[b-jjnhuhl3kc] {
    color: var(--text-3);
    font-style: normal;
}

/* ── Status badge ─────────────────────────────────────────── */
.cmt-status-badge[b-jjnhuhl3kc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    flex-shrink: 0;
}

.cmt-status-badge--active[b-jjnhuhl3kc] {
    background: var(--green-soft);
    color: var(--green);
}

.cmt-status-badge--inactive[b-jjnhuhl3kc] {
    background: #f1f3f5;
    color: #6b7280;
}

.cmt-dot[b-jjnhuhl3kc] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

/* ── Table card ───────────────────────────────────────────── */
.cmt-table-card[b-jjnhuhl3kc] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.cmt-table-header[b-jjnhuhl3kc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
}

.cmt-table-title[b-jjnhuhl3kc] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}
/* _content/Ilinniarfik/Components/Pages/CourseTypeManagement/CourseTypeManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/CourseTypeManagement/CourseTypeManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.ctl-page[b-2l74dd9v5t] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --accent-soft: #eef0fc;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --red: #b42318;
    --red-soft: #fde7e3;
    --slate: #475569;
    --slate-soft: #eef1f5;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --shadow: 0 1px 3px rgba(15, 23, 41, 0.06), 0 1px 2px rgba(15, 23, 41, 0.04);
    --row-h: 52px;
    --row-px: 20px;

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: ctlFadeIn-b-2l74dd9v5t 180ms ease-out;
}

@keyframes ctlFadeIn-b-2l74dd9v5t {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.ctl-loading[b-2l74dd9v5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Page header ──────────────────────────────────────────── */
.ctl-header[b-2l74dd9v5t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.ctl-title[b-2l74dd9v5t] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.ctl-subtitle[b-2l74dd9v5t] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.ctl-header-actions[b-2l74dd9v5t] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Stats strip ──────────────────────────────────────────── */
.ctl-stats[b-2l74dd9v5t] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ── Table card ───────────────────────────────────────────── */
.ctl-table-card[b-2l74dd9v5t] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
/* _content/Ilinniarfik/Components/Pages/CultureManagement/CultureManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/CultureManagement/CultureManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.clm-page[b-42xn1zrq5k] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --border-strong: #d4d8df;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --red: #b42318;
    --red-soft: #fde7e3;
    --slate: #475569;
    --slate-soft: #eef1f5;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px 32px 32px;
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: clmFadeIn-b-42xn1zrq5k 200ms ease-out;
}

@keyframes clmFadeIn-b-42xn1zrq5k {
    from { opacity: 0; transform: translateY(3px); }
    to   { opacity: 1; transform: translateY(0); }
}

.clm-loading[b-42xn1zrq5k] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
}

/* ── Header ─────────────────────────────────────────────────── */
.clm-header[b-42xn1zrq5k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.clm-header-text[b-42xn1zrq5k] { flex: 1; min-width: 0; }

.clm-title[b-42xn1zrq5k] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    letter-spacing: -0.025em;
    margin: 0 0 4px;
    line-height: 1.2;
}

.clm-subtitle[b-42xn1zrq5k] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 0;
}

.clm-header-actions[b-42xn1zrq5k] { display: flex; gap: 8px; flex-shrink: 0; }

/* ── Stats strip ─────────────────────────────────────────────── */
.clm-stats[b-42xn1zrq5k] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

/* ── Table card ──────────────────────────────────────────────── */
.clm-table-card[b-42xn1zrq5k] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

[b-42xn1zrq5k] .clm-table-card .kimik-table { border: none; border-radius: 0; box-shadow: none; }
[b-42xn1zrq5k] .clm-table-card .kimik-table thead th { background: var(--surface-2); font-size: 11.5px; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.05em; }
[b-42xn1zrq5k] .clm-table-card .kimik-table tbody tr:hover { background: var(--surface-hover); }
/* _content/Ilinniarfik/Components/Pages/EducationEnrollmentDialog.razor.rz.scp.css */
.esd-body[b-im4z7l7qne] {
    --esd-border: #e6e8ed;
    --esd-red: #b42318;

    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
    min-width: 400px;
}

.esd-error[b-im4z7l7qne] {
    font-size: 13px;
    padding: 8px 12px;
    background: #fde7e3;
    color: var(--esd-red);
    border-radius: 6px;
    border: 1px solid #fca5a5;
}

.esd-actions[b-im4z7l7qne] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--esd-border);
}
/* _content/Ilinniarfik/Components/Pages/EducationManagement/EducationCourseTypeDialog.razor.rz.scp.css */
.ectd-body[b-i7g879jz1j] {
    --ectd-border: #e6e8ed;
    --ectd-red: #b42318;

    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
    min-width: 400px;
}

.ectd-error[b-i7g879jz1j] {
    font-size: 13px;
    padding: 8px 12px;
    background: #fde7e3;
    color: var(--ectd-red);
    border-radius: 6px;
    border: 1px solid #fca5a5;
}

.ectd-actions[b-i7g879jz1j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--ectd-border);
}
/* _content/Ilinniarfik/Components/Pages/EducationManagement/EducationCourseTypeManagement.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.ect-page[b-p8j7bfv1qo] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    animation: ectFadeIn-b-p8j7bfv1qo 180ms ease-out;
}

@keyframes ectFadeIn-b-p8j7bfv1qo {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.ect-loading[b-p8j7bfv1qo] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Back button ──────────────────────────────────────────── */
.ect-back-btn[b-p8j7bfv1qo] {
    width: 32px;
    height: 32px;
    border-radius: var(--r);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms, border-color 120ms;
}

.ect-back-btn:hover[b-p8j7bfv1qo] {
    background: var(--surface-2);
    border-color: #c8cdd8;
}

/* ── Page header ──────────────────────────────────────────── */
.ect-header[b-p8j7bfv1qo] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.ect-title[b-p8j7bfv1qo] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.ect-subtitle[b-p8j7bfv1qo] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 3px 0 0;
}

/* ── Info card ────────────────────────────────────────────── */
.ect-info-card[b-p8j7bfv1qo] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.ect-info-icon[b-p8j7bfv1qo] {
    width: 40px;
    height: 40px;
    border-radius: var(--r);
    background: #eef0fc;
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.ect-info-body[b-p8j7bfv1qo] {
    flex: 1;
    min-width: 0;
}

.ect-info-title[b-p8j7bfv1qo] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ect-info-meta[b-p8j7bfv1qo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
    font-size: 13px;
}

.ect-info-label[b-p8j7bfv1qo] {
    color: var(--text-3);
    font-weight: 500;
}

.ect-info-value[b-p8j7bfv1qo] {
    color: var(--text-2);
}

.ect-info-ongoing[b-p8j7bfv1qo] {
    color: var(--text-3);
    font-style: normal;
}

/* ── Status badge ─────────────────────────────────────────── */
.ect-status-badge[b-p8j7bfv1qo] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    flex-shrink: 0;
}

.ect-status-badge--active[b-p8j7bfv1qo] {
    background: var(--green-soft);
    color: var(--green);
}

.ect-status-badge--inactive[b-p8j7bfv1qo] {
    background: #f1f3f5;
    color: #6b7280;
}

.ect-dot[b-p8j7bfv1qo] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

/* ── Table card ───────────────────────────────────────────── */
.ect-table-card[b-p8j7bfv1qo] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.ect-table-header[b-p8j7bfv1qo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
}

.ect-table-title[b-p8j7bfv1qo] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}
/* _content/Ilinniarfik/Components/Pages/EducationManagement/EducationManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/EducationManagement/EducationManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.em-page[b-2tnpao58c6] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --accent-soft: #eef0fc;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --red: #b42318;
    --red-soft: #fde7e3;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --shadow: 0 1px 3px rgba(15, 23, 41, 0.06), 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: emFadeIn-b-2tnpao58c6 180ms ease-out;
}

@keyframes emFadeIn-b-2tnpao58c6 {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.em-loading[b-2tnpao58c6] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Page header ──────────────────────────────────────────── */
.em-header[b-2tnpao58c6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.em-title[b-2tnpao58c6] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.em-subtitle[b-2tnpao58c6] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.em-header-actions[b-2tnpao58c6] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Stats strip ──────────────────────────────────────────── */
.em-stats[b-2tnpao58c6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ── Table card ───────────────────────────────────────────── */
.em-table-card[b-2tnpao58c6] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
/* _content/Ilinniarfik/Components/Pages/EducationStudentsManagement.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.esm-page[b-bk4g6i49is] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    animation: esmFadeIn-b-bk4g6i49is 180ms ease-out;
}

@keyframes esmFadeIn-b-bk4g6i49is {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.esm-loading[b-bk4g6i49is] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Back button ──────────────────────────────────────────── */
.esm-back-btn[b-bk4g6i49is] {
    width: 32px;
    height: 32px;
    border-radius: var(--r);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms, border-color 120ms;
}

.esm-back-btn:hover[b-bk4g6i49is] {
    background: var(--surface-2);
    border-color: #c8cdd8;
}

/* ── Page header ──────────────────────────────────────────── */
.esm-header[b-bk4g6i49is] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.esm-title[b-bk4g6i49is] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.esm-subtitle[b-bk4g6i49is] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 3px 0 0;
}

/* ── Info card ────────────────────────────────────────────── */
.esm-info-card[b-bk4g6i49is] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.esm-info-icon[b-bk4g6i49is] {
    width: 40px;
    height: 40px;
    border-radius: var(--r);
    background: #eef0fc;
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.esm-info-body[b-bk4g6i49is] {
    flex: 1;
    min-width: 0;
}

.esm-info-title[b-bk4g6i49is] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.esm-info-meta[b-bk4g6i49is] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    font-size: 13px;
}

.esm-info-sep[b-bk4g6i49is] {
    color: var(--text-3);
}

.esm-info-label[b-bk4g6i49is] {
    color: var(--text-3);
    font-weight: 500;
}

.esm-info-value[b-bk4g6i49is] {
    color: var(--text-2);
}

.esm-info-ongoing[b-bk4g6i49is] {
    color: var(--text-3);
    font-style: normal;
}

/* ── Status badge ─────────────────────────────────────────── */
.esm-status-badge[b-bk4g6i49is] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    flex-shrink: 0;
}

.esm-status-badge--active[b-bk4g6i49is] {
    background: var(--green-soft);
    color: var(--green);
}

.esm-status-badge--inactive[b-bk4g6i49is] {
    background: #f1f3f5;
    color: #6b7280;
}

.esm-dot[b-bk4g6i49is] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

/* ── Table card ───────────────────────────────────────────── */
.esm-table-card[b-bk4g6i49is] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.esm-table-header[b-bk4g6i49is] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
}

.esm-table-title[b-bk4g6i49is] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}
/* _content/Ilinniarfik/Components/Pages/EnrollmentDialog.razor.rz.scp.css */
.ed-body[b-5o6lcmto5u] {
    --ed-border: #e6e8ed;
    --ed-text: #0f1729;
    --ed-text-3: #7a8499;
    --ed-red: #b42318;

    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0;
    min-width: 420px;
}

.ed-error[b-5o6lcmto5u] {
    font-size: 13px;
    padding: 8px 12px;
    background: #fde7e3;
    color: var(--ed-red);
    border-radius: 6px;
    border: 1px solid #fca5a5;
}

.ed-actions[b-5o6lcmto5u] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--ed-border);
}
/* _content/Ilinniarfik/Components/Pages/EquipmentManagement/EquipmentManagementList.razor.rz.scp.css */
.eq-page[b-c4hz7grntb] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    animation: eqFadeIn-b-c4hz7grntb 180ms ease-out;
}

@keyframes eqFadeIn-b-c4hz7grntb {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

.eq-loading[b-c4hz7grntb] { display: flex; align-items: center; justify-content: center; padding: 60px; }
.eq-header[b-c4hz7grntb] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; gap: 16px; }
.eq-title[b-c4hz7grntb] { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: var(--text); margin: 0; line-height: 1.2; }
.eq-subtitle[b-c4hz7grntb] { font-size: 13.5px; color: var(--text-3); margin: 4px 0 0; max-width: 600px; }
.eq-header-actions[b-c4hz7grntb] { display: flex; gap: 8px; align-items: center; flex-shrink: 0; }
.eq-stats[b-c4hz7grntb] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.eq-table-card[b-c4hz7grntb] { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); overflow: hidden; }
/* _content/Ilinniarfik/Components/Pages/EvaluationTypeManagement/EvaluationTypeManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/EvaluationTypeManagement/EvaluationTypeManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.evt-page[b-5k6s4rv2ne] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: evtFadeIn-b-5k6s4rv2ne 180ms ease-out;
}

@keyframes evtFadeIn-b-5k6s4rv2ne {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

.evt-loading[b-5k6s4rv2ne] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.evt-header[b-5k6s4rv2ne] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.evt-title[b-5k6s4rv2ne] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.evt-subtitle[b-5k6s4rv2ne] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.evt-header-actions[b-5k6s4rv2ne] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.evt-stats[b-5k6s4rv2ne] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.evt-table-card[b-5k6s4rv2ne] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
/* _content/Ilinniarfik/Components/Pages/ExaminationTypeManagement/ExaminationTypeManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/ExaminationTypeManagement/ExaminationTypeManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.et-page[b-3zdryfrduy] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: etFadeIn-b-3zdryfrduy 180ms ease-out;
}

@keyframes etFadeIn-b-3zdryfrduy {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.et-loading[b-3zdryfrduy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Page header ──────────────────────────────────────────── */
.et-header[b-3zdryfrduy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.et-title[b-3zdryfrduy] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.et-subtitle[b-3zdryfrduy] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.et-header-actions[b-3zdryfrduy] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Stats strip ──────────────────────────────────────────── */
.et-stats[b-3zdryfrduy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ── Table card ───────────────────────────────────────────── */
.et-table-card[b-3zdryfrduy] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
/* _content/Ilinniarfik/Components/Pages/Home.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.ov-page[b-9am5959721] {
    --accent: #3b4cca;
    --accent-soft: #eef0fc;
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --shadow: 0 1px 3px rgba(15, 23, 41, 0.06), 0 1px 2px rgba(15, 23, 41, 0.04);

    padding: 24px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: ovFadeIn-b-9am5959721 180ms ease-out;
}

@keyframes ovFadeIn-b-9am5959721 {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Hero ─────────────────────────────────────────────────── */
.ov-hero[b-9am5959721] {
    position: relative;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 28px 32px;
    margin-bottom: 24px;
    overflow: hidden;
}

.ov-hero[b-9am5959721]::after {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(59, 76, 202, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.ov-hero-content[b-9am5959721] {
    position: relative;
    z-index: 1;
}

.ov-hero-date[b-9am5959721] {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--text-4);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.ov-hero-greeting[b-9am5959721] {
    font-size: 26px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 8px;
}

.ov-hero-sub[b-9am5959721] {
    font-size: 14px;
    color: var(--text-3);
    margin: 0;
    max-width: 560px;
}

/* ── Sections ─────────────────────────────────────────────── */
.ov-sections[b-9am5959721] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.ov-section-header[b-9am5959721] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
}

.ov-section-icon[b-9am5959721] {
    font-size: 13px;
    color: var(--text-3);
}

.ov-section-label[b-9am5959721] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ov-section-spacer[b-9am5959721] {
    flex: 1;
}

.ov-section-desc[b-9am5959721] {
    font-size: 12px;
    color: var(--text-4);
}

/* ── Card grid ────────────────────────────────────────────── */
.ov-grid[b-9am5959721] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
}

/* ── Card ─────────────────────────────────────────────────── */
.ov-card[b-9am5959721] {
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: border-color 140ms, box-shadow 140ms, transform 140ms;
    overflow: hidden;
}

.ov-card:hover[b-9am5959721] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-soft), var(--shadow);
    transform: translateY(-1px);
    color: inherit;
    text-decoration: none;
}

.ov-card-body[b-9am5959721] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 18px 14px;
    flex: 1;
}

/* ── Icon tile ────────────────────────────────────────────── */
.ov-tile[b-9am5959721] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.ov-tile--blue[b-9am5959721]   { background: #eef3fb; color: #2c5fab; box-shadow: inset 0 0 0 1px #dde7f4; }
.ov-tile--rose[b-9am5959721]   { background: #faedf1; color: #9f3460; box-shadow: inset 0 0 0 1px #f1dde4; }
.ov-tile--green[b-9am5959721]  { background: #e8f3ec; color: #2f7a4a; box-shadow: inset 0 0 0 1px #d4e8db; }
.ov-tile--amber[b-9am5959721]  { background: #f6efde; color: #86641a; box-shadow: inset 0 0 0 1px #ece2c5; }
.ov-tile--violet[b-9am5959721] { background: #efebf7; color: #5a4399; box-shadow: inset 0 0 0 1px #dfd7ef; }
.ov-tile--teal[b-9am5959721]   { background: #e2f1f3; color: #1f6470; box-shadow: inset 0 0 0 1px #cfe5e9; }
.ov-tile--slate[b-9am5959721]  { background: #eef0f4; color: #475569; box-shadow: inset 0 0 0 1px #dfe3ea; }

/* ── Card text ────────────────────────────────────────────── */
.ov-card-label[b-9am5959721] {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.3;
}

.ov-card-sub[b-9am5959721] {
    font-size: 12.5px;
    color: var(--text-3);
    line-height: 1.4;
}

/* ── Card footer ──────────────────────────────────────────── */
.ov-card-footer[b-9am5959721] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px 12px;
    border-top: 1px solid var(--border);
    font-size: 12.5px;
    color: var(--text-3);
    font-weight: 500;
}

.ov-card-arrow[b-9am5959721] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--surface-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    transition: background 140ms, transform 140ms;
    flex-shrink: 0;
}

.ov-card:hover .ov-card-arrow[b-9am5959721] {
    background: var(--accent-soft);
    transform: translateX(2px);
}

/* ── Footer ───────────────────────────────────────────────── */
.ov-footer[b-9am5959721] {
    margin-top: 32px;
    padding: 16px 0 8px;
    border-top: 1px solid var(--border);
    font-size: 11.5px;
    color: var(--text-4);
    text-align: center;
    letter-spacing: 0.01em;
}
/* _content/Ilinniarfik/Components/Pages/LocationManagement/LocationManagementDetail.razor.rz.scp.css */
/* _content/Ilinniarfik/Components/Pages/LocationManagement/LocationManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.lm-page[b-rlf4kodoe1] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: lmFadeIn-b-rlf4kodoe1 180ms ease-out;
}

@keyframes lmFadeIn-b-rlf4kodoe1 {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.lm-loading[b-rlf4kodoe1] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Page header ──────────────────────────────────────────── */
.lm-header[b-rlf4kodoe1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.lm-title[b-rlf4kodoe1] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.lm-subtitle[b-rlf4kodoe1] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.lm-header-actions[b-rlf4kodoe1] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Stats strip ──────────────────────────────────────────── */
.lm-stats[b-rlf4kodoe1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ── Table card ───────────────────────────────────────────── */
.lm-table-card[b-rlf4kodoe1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
/* _content/Ilinniarfik/Components/Pages/PersonManagement/PersonManagementDetail.razor.rz.scp.css */
/* _content/Ilinniarfik/Components/Pages/PersonManagement/PersonManagementList.razor.rz.scp.css */
.km-subtitle[b-w46aaqs505] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.km-header-actions[b-w46aaqs505] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Filter card ──────────────────────────────────────────── */
/* _content/Ilinniarfik/Components/Pages/RolePermissionManagement/RolePermissionManagementList.razor.rz.scp.css */
.km-subtitle[b-4v3qx40hzj] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

/* ── Table ────────────────────────────────────────────────── */
.rpm-table[b-4v3qx40hzj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.rpm-table thead tr[b-4v3qx40hzj] {
    border-bottom: 1px solid var(--border);
}

.rpm-table th[b-4v3qx40hzj] {
    padding: 10px var(--row-px);
    font-size: 11.5px;
    font-weight: 600;
    color: var(--text-3);
    text-align: left;
    letter-spacing: 0.03em;
    white-space: nowrap;
    background: var(--surface-2);
}

.rpm-table td[b-4v3qx40hzj] {
    padding: 0 var(--row-px);
    height: var(--row-h);
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
    color: var(--text);
}

.rpm-table tbody tr:last-child td[b-4v3qx40hzj] { border-bottom: none; }
.rpm-table tbody tr:hover td[b-4v3qx40hzj] { background: var(--surface-hover); }

/* ── Role code badge ──────────────────────────────────────── */
.rpm-code[b-4v3qx40hzj] {
    font-family: "JetBrains Mono", "Courier New", ui-monospace, monospace;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent);
    background: var(--accent-soft);
    padding: 2px 8px;
    border-radius: var(--r-sm);
    letter-spacing: 0.02em;
}

/* ── Permission count badges ──────────────────────────────── */
.rpm-badge[b-4v3qx40hzj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--r-sm);
}

.rpm-badge--ro[b-4v3qx40hzj] {
    color: var(--accent);
    background: var(--accent-soft);
}

.rpm-badge--rw[b-4v3qx40hzj] {
    color: var(--green);
    background: var(--green-soft);
}

/* ── Actions ──────────────────────────────────────────────── */
.rpm-actions[b-4v3qx40hzj] {
    display: flex;
    gap: 4px;
    align-items: center;
}

/* ── Empty state ──────────────────────────────────────────── */
.rpm-empty[b-4v3qx40hzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 52px 24px;
    gap: 10px;
    color: var(--text-4);
}

.rpm-empty-icon[b-4v3qx40hzj] { font-size: 36px; }

.rpm-empty-text[b-4v3qx40hzj] {
    margin: 0;
    font-size: 14px;
    color: var(--text-3);
    text-align: center;
}
/* _content/Ilinniarfik/Components/Pages/RolePermissionManagement/RolePolicyDetail.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Role policy detail — presentational preview (roles_preview.png).
   Uses the global km design tokens from wwwroot/app.css.
   ════════════════════════════════════════════════════════════════════ */

.rp-page[b-o6epltyiah] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 24px 40px;
    color: var(--text);
    font-size: 14px;
}

/* ── Breadcrumb ─────────────────────────────────────────────────────── */
.rp-crumbs[b-o6epltyiah] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 12.5px;
}

.rp-crumb[b-o6epltyiah] { color: var(--text-3); text-decoration: none; }
.rp-crumb:hover[b-o6epltyiah] { color: var(--text-2); }
.rp-crumb-sep[b-o6epltyiah] { font-size: 10px; color: var(--text-4); }
.rp-crumb-active[b-o6epltyiah] { color: var(--text-2); font-weight: 550; }

/* ── Hero header ────────────────────────────────────────────────────── */
.rp-hero[b-o6epltyiah] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.rp-back[b-o6epltyiah] {
    flex: none;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: var(--r);
    background: var(--surface);
    color: var(--text-2);
    cursor: pointer;
}
.rp-back:hover[b-o6epltyiah] { background: var(--surface-hover); }

.rp-hero-icon[b-o6epltyiah] {
    flex: none;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--accent-soft);
    color: var(--accent);
    font-size: 20px;
}

.rp-hero-text[b-o6epltyiah] { flex: 1 1 auto; min-width: 0; }

.rp-hero-titlerow[b-o6epltyiah] { display: flex; align-items: center; gap: 9px; }
.rp-hero-titlerow h1[b-o6epltyiah] {
    margin: 0;
    font-size: 22px;
    font-weight: 650;
    letter-spacing: -0.01em;
}
.rp-edit[b-o6epltyiah] { color: var(--text-4); font-size: 13px; cursor: pointer; }
.rp-edit:hover[b-o6epltyiah] { color: var(--text-2); }

.rp-hero-sub[b-o6epltyiah] { margin-top: 3px; font-size: 13px; color: var(--text-3); }

.rp-hero-actions[b-o6epltyiah] { display: flex; align-items: center; gap: 12px; }

/* ── Avatar stack ───────────────────────────────────────────────────── */
.rp-avatars[b-o6epltyiah] { display: flex; align-items: center; }
.rp-av[b-o6epltyiah] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--surface);
    margin-left: -8px;
    font-size: 11px;
    font-weight: 650;
    color: #fff;
}
.rp-av:first-child[b-o6epltyiah] { margin-left: 0; }
.rp-av--more[b-o6epltyiah] { background: var(--surface-hover) !important; color: var(--text-2); font-size: 10.5px; }
.rp-av--sm[b-o6epltyiah] { width: 26px; height: 26px; border-width: 0; margin-left: 0; font-size: 10px; }

/* ── Buttons ────────────────────────────────────────────────────────── */
.rp-btn[b-o6epltyiah] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: var(--r);
    font-size: 13px;
    font-weight: 550;
    cursor: pointer;
}
.rp-btn--ghost[b-o6epltyiah] { background: var(--surface); border-color: var(--border); color: var(--text-2); }
.rp-btn--ghost:hover[b-o6epltyiah] { background: var(--surface-hover); }
.rp-btn--primary[b-o6epltyiah] { background: var(--accent); color: #fff; }
.rp-btn--primary:hover[b-o6epltyiah] { background: var(--accent-hover); }

/* ── Legend strip ───────────────────────────────────────────────────── */
.rp-legend[b-o6epltyiah] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 11px 16px;
    margin-bottom: 18px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--r);
}
.rp-legend-item[b-o6epltyiah] { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-2); }
.rp-ldot[b-o6epltyiah] { width: 9px; height: 9px; border-radius: 50%; }

/* ── Two-column body ────────────────────────────────────────────────── */
.rp-body[b-o6epltyiah] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 20px;
    align-items: start;
}

/* ── Resource list ──────────────────────────────────────────────────── */
.rp-main[b-o6epltyiah] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
}

.rp-group-label[b-o6epltyiah] {
    padding: 15px 20px 7px;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.05em;
    color: var(--text-4);
}

.rp-row[b-o6epltyiah] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    height: 56px;
    padding: 0 20px;
    background: none;
    border: none;
    border-top: 1px solid var(--border);
    border-left: 3px solid transparent;
    text-align: left;
    cursor: pointer;
}
.rp-row:hover[b-o6epltyiah] { background: var(--surface-hover); }
.rp-row--active[b-o6epltyiah],
.rp-row--active:hover[b-o6epltyiah] { background: var(--accent-soft); border-left-color: var(--accent); }

.rp-row-main[b-o6epltyiah] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rp-row-name[b-o6epltyiah] { font-size: 13.5px; font-weight: 550; color: var(--text); }
.rp-row-sum[b-o6epltyiah] { font-size: 12px; color: var(--text-3); }

/* ── Access badges + state colours ──────────────────────────────────── */
.rp-badge[b-o6epltyiah] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}
.rp-badge i[b-o6epltyiah] { font-size: 11px; }

.rp-acc--scoped[b-o6epltyiah] { background: var(--amber-soft); color: var(--amber); }
.rp-acc--read[b-o6epltyiah]   { background: var(--accent-soft); color: var(--accent); }
.rp-acc--full[b-o6epltyiah]   { background: var(--green-soft); color: var(--green); }
.rp-acc--none[b-o6epltyiah]   { background: var(--slate-soft); color: var(--text-3); }

/* legend dots reuse the state colours as solid fills */
.rp-ldot.rp-acc--scoped[b-o6epltyiah] { background: var(--amber); }
.rp-ldot.rp-acc--read[b-o6epltyiah]   { background: var(--accent); }
.rp-ldot.rp-acc--full[b-o6epltyiah]   { background: var(--green); }
.rp-ldot.rp-acc--none[b-o6epltyiah]   { background: var(--text-4); }

/* ── Detail aside ───────────────────────────────────────────────────── */
.rp-aside[b-o6epltyiah] {
    position: sticky;
    top: 20px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    padding: 18px;
}

.rp-aside-eyebrow[b-o6epltyiah] {
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: 0.06em;
    color: var(--text-4);
}
.rp-aside-title[b-o6epltyiah] { margin: 4px 0 0; font-size: 18px; font-weight: 650; }

.rp-field-label[b-o6epltyiah] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 20px 0 8px;
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: 0.05em;
    color: var(--text-4);
}
.rp-livetag[b-o6epltyiah] { display: inline-flex; align-items: center; gap: 5px; color: var(--green); }
.rp-livedot[b-o6epltyiah] { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }

/* ── Access-level selector ──────────────────────────────────────────── */
.rp-level-grid[b-o6epltyiah] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rp-level[b-o6epltyiah] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--border);
    border-radius: var(--r);
    background: var(--surface);
    color: var(--text-2);
    font-size: 13px;
    font-weight: 550;
    cursor: pointer;
}
.rp-level:hover[b-o6epltyiah] { background: var(--surface-hover); }
.rp-level i[b-o6epltyiah] { font-size: 14px; color: var(--text-4); }
.rp-level-tick[b-o6epltyiah] { margin-left: auto; }
.rp-level--active[b-o6epltyiah] { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.rp-level--active i[b-o6epltyiah] { color: var(--accent); }

/* ── Rule builder ───────────────────────────────────────────────────── */
.rp-rule[b-o6epltyiah] {
    padding: 14px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--r);
    font-size: 13px;
    line-height: 2.1;
    color: var(--text-2);
}
.rp-chip[b-o6epltyiah] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.rp-chip i[b-o6epltyiah] { font-size: 9px; opacity: 0.65; }
.rp-chip--subject[b-o6epltyiah]  { background: var(--accent-soft); color: var(--accent); }
.rp-chip--relation[b-o6epltyiah] { background: var(--amber-soft); color: var(--amber); }
.rp-chip--action[b-o6epltyiah]   { background: var(--green-soft); color: var(--green); }
.rp-chip--object[b-o6epltyiah]   { background: var(--green-soft); color: var(--green); }

.rp-rule-note[b-o6epltyiah] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 12px;
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--text-4);
}
.rp-rule-note strong[b-o6epltyiah] { color: var(--text-3); font-weight: 650; }

/* ── Live preview ───────────────────────────────────────────────────── */
.rp-live-box[b-o6epltyiah] {
    padding: 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r);
}
.rp-live-head[b-o6epltyiah] { font-size: 14px; font-weight: 650; color: var(--text); }
.rp-live-sub[b-o6epltyiah] { margin: 2px 0 10px; font-size: 12px; color: var(--text-3); }

.rp-person[b-o6epltyiah] { display: flex; align-items: center; gap: 10px; padding: 8px 0; }
.rp-person + .rp-person[b-o6epltyiah] { border-top: 1px solid var(--border); }
.rp-person-name[b-o6epltyiah] { flex: 1 1 auto; font-size: 13px; font-weight: 550; }
.rp-classes[b-o6epltyiah] { font-size: 11.5px; color: var(--text-3); }

/* ── Aside footer ───────────────────────────────────────────────────── */
.rp-aside-footer[b-o6epltyiah] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

/* ── Per-operation limiter editor ───────────────────────────────────── */
.rp-loading[b-o6epltyiah] { display: flex; justify-content: center; padding: 80px 0; }

.rp-ops[b-o6epltyiah] { display: flex; flex-direction: column; gap: 8px; }

.rp-op-row[b-o6epltyiah] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: var(--r);
    background: var(--surface-2);
}
.rp-op-label[b-o6epltyiah] {
    flex: none;
    width: 78px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}
.rp-op-select[b-o6epltyiah] {
    flex: 1 1 auto;
    height: 32px;
    font-size: 12.5px;
}

.rp-aside-note[b-o6epltyiah] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding: 12px;
    background: var(--accent-soft);
    border-radius: var(--r);
    font-size: 11.5px;
    line-height: 1.5;
    color: var(--text-2);
}
.rp-aside-note i[b-o6epltyiah] { color: var(--accent); margin-top: 1px; }
.rp-aside-note strong[b-o6epltyiah] { color: var(--text); font-weight: 650; }

.rp-footer-hint[b-o6epltyiah] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--text-3);
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .rp-body[b-o6epltyiah] { grid-template-columns: 1fr; }
    .rp-aside[b-o6epltyiah] { position: static; }
}
/* _content/Ilinniarfik/Components/Pages/StorageFileManagement/StorageFileManagementDetail.razor.rz.scp.css */
.sfmd-upload-label[b-5b59na1wbf] {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #4a5468;
    margin-bottom: 6px;
}

.sfmd-file-input[b-5b59na1wbf] {
    width: 100%;
    padding: 8px;
    font-size: 13px;
    border: 1px solid #e6e8ed;
    border-radius: 6px;
    cursor: pointer;
    background: #fafbfc;
}

.sfmd-file-info[b-5b59na1wbf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 12px;
    background: #e3f3eb;
    border-radius: 6px;
    font-size: 13px;
    color: #0f7a4d;
}

.sfmd-file-meta[b-5b59na1wbf] {
    margin-left: auto;
    font-size: 12px;
    color: #4a5468;
}

.sfmd-storage-key .km-meta-val[b-5b59na1wbf] {
    word-break: break-all;
    font-size: 12px;
}

.km-meta-val--mono[b-5b59na1wbf] {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}
/* _content/Ilinniarfik/Components/Pages/StorageFileManagement/StorageFileManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.sfm-page[b-ak9c3pbagu] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --border-strong: #d4d8df;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --red: #b42318;
    --red-soft: #fde7e3;
    --slate: #475569;
    --slate-soft: #eef1f5;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px 32px 32px;
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: sfmFadeIn-b-ak9c3pbagu 200ms ease-out;
}

@keyframes sfmFadeIn-b-ak9c3pbagu {
    from { opacity: 0; transform: translateY(3px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sfm-loading[b-ak9c3pbagu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
}

/* ── Header ─────────────────────────────────────────────────── */
.sfm-header[b-ak9c3pbagu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.sfm-header-text[b-ak9c3pbagu] { flex: 1; min-width: 0; }

.sfm-title[b-ak9c3pbagu] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    letter-spacing: -0.025em;
    margin: 0 0 4px;
    line-height: 1.2;
}

.sfm-subtitle[b-ak9c3pbagu] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 0;
}

.sfm-header-actions[b-ak9c3pbagu] { display: flex; gap: 8px; flex-shrink: 0; }

/* ── Stats strip ─────────────────────────────────────────────── */
.sfm-stats[b-ak9c3pbagu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

/* ── Table card ──────────────────────────────────────────────── */
.sfm-table-card[b-ak9c3pbagu] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

[b-ak9c3pbagu] .sfm-table-card .kimik-table { border: none; border-radius: 0; box-shadow: none; }
[b-ak9c3pbagu] .sfm-table-card .kimik-table thead th { background: var(--surface-2); font-size: 11.5px; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.05em; }
[b-ak9c3pbagu] .sfm-table-card .kimik-table tbody tr:hover { background: var(--surface-hover); }
/* _content/Ilinniarfik/Components/Pages/StudentManagement/StudentManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/StudentManagement/StudentManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.sm-page[b-zn6rcmxvjf] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --accent-soft: #eef0fc;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --red: #b42318;
    --red-soft: #fde7e3;
    --slate: #475569;
    --slate-soft: #eef1f5;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --shadow: 0 1px 3px rgba(15, 23, 41, 0.06), 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: smFadeIn-b-zn6rcmxvjf 180ms ease-out;
}

@keyframes smFadeIn-b-zn6rcmxvjf {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.sm-loading[b-zn6rcmxvjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Page header ──────────────────────────────────────────── */
.sm-header[b-zn6rcmxvjf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.sm-title[b-zn6rcmxvjf] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.sm-subtitle[b-zn6rcmxvjf] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.sm-header-actions[b-zn6rcmxvjf] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Stats strip ──────────────────────────────────────────── */
.sm-stats[b-zn6rcmxvjf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ── PDF generating banner ────────────────────────────────── */
.sm-pdf-banner[b-zn6rcmxvjf] {
    background: var(--accent-soft);
    border: 1px solid #c7cdee;
    border-radius: var(--r-lg);
    padding: 10px 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    color: var(--accent);
}

/* ── Table card ───────────────────────────────────────────── */
.sm-table-card[b-zn6rcmxvjf] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}


/* _content/Ilinniarfik/Components/Pages/StudentOverview.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.so-page[b-wtcnypgkg8] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --border-strong: #d4d8df;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --accent-soft: #eef0fc;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --red: #b42318;
    --red-soft: #fde7e3;
    --slate: #475569;
    --slate-soft: #eef1f5;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    display: flex;
    flex-direction: column;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: soFadeIn-b-wtcnypgkg8 200ms ease-out;
}

@keyframes soFadeIn-b-wtcnypgkg8 {
    from { opacity: 0; transform: translateY(3px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Loading / error ──────────────────────────────────────── */
.so-loading[b-wtcnypgkg8] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px;
}

.so-error[b-wtcnypgkg8] {
    margin: 40px 32px;
    padding: 12px 16px;
    background: var(--red-soft);
    color: var(--red);
    border: 1px solid #fca5a5;
    border-radius: var(--r);
    font-size: 13.5px;
}

/* ── Breadcrumbs ──────────────────────────────────────────── */
.so-crumb-strip[b-wtcnypgkg8] {
    padding: 16px 32px 0;
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
}

.so-crumbs[b-wtcnypgkg8] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--text-3);
    margin: 0;
    padding: 0;
}

.so-crumb-link[b-wtcnypgkg8] {
    color: var(--text-3);
    text-decoration: none;
    transition: color 120ms;
}

.so-crumb-link:hover[b-wtcnypgkg8] { color: var(--accent); }

.so-crumb-sep[b-wtcnypgkg8] {
    font-size: 10px;
    color: var(--text-4);
}

.so-crumb-active[b-wtcnypgkg8] {
    color: var(--text);
    font-weight: 500;
}

/* ── Body layout ──────────────────────────────────────────── */
.so-body[b-wtcnypgkg8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 20px;
    padding: 16px 32px 32px;
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
    flex: 1;
    align-items: start;
}

.so-main-col[b-wtcnypgkg8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

/* ── Panel header ─────────────────────────────────────────── */
.so-panel-header[b-wtcnypgkg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

.so-panel-title[b-wtcnypgkg8] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

/* ── Empty state ──────────────────────────────────────────── */
.so-empty[b-wtcnypgkg8] {
    padding: 32px 20px;
    font-size: 13.5px;
    color: var(--text-3);
    text-align: center;
}

/* ── Tab header row ───────────────────────────────────────── */
.so-tab-header[b-wtcnypgkg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 4px 8px;
}

.so-tab-meta[b-wtcnypgkg8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.so-tab-title[b-wtcnypgkg8] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
}

.so-tab-status[b-wtcnypgkg8] {
    font-size: 12px;
    color: var(--text-3);
}

.so-tab-date[b-wtcnypgkg8] {
    font-size: 12px;
    color: var(--text-3);
}

/* ── Grid ─────────────────────────────────────────────────── */
.so-grid[b-wtcnypgkg8] {
    border-top: 1px solid var(--border);
}

.so-cell-muted[b-wtcnypgkg8] {
    color: var(--text-3);
    font-size: 12.5px;
}

/* ── Status dots ──────────────────────────────────────────── */
.so-dot[b-wtcnypgkg8] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.so-dot--active[b-wtcnypgkg8]  { background: var(--green); }
.so-dot--inactive[b-wtcnypgkg8] { background: var(--slate); }

/* ── Badges ───────────────────────────────────────────────── */
.so-badge[b-wtcnypgkg8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 500;
}

.so-badge--green[b-wtcnypgkg8]  { background: var(--green-soft);  color: var(--green); }
.so-badge--red[b-wtcnypgkg8]    { background: var(--red-soft);    color: var(--red); }
.so-badge--amber[b-wtcnypgkg8]  { background: var(--amber-soft);  color: var(--amber); }
.so-badge--slate[b-wtcnypgkg8]  { background: var(--slate-soft);  color: var(--slate); }

/* ── Summary row ──────────────────────────────────────────── */
.so-summary-row[b-wtcnypgkg8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 4px;
    font-size: 12px;
    color: var(--text-3);
    border-top: 1px solid var(--border);
    flex-wrap: wrap;
}

.so-summary-sep[b-wtcnypgkg8] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--text-4);
    flex-shrink: 0;
}

/* ── Aside panel ──────────────────────────────────────────── */
.so-aside[b-wtcnypgkg8] {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: sticky;
    top: 24px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.so-aside-card[b-wtcnypgkg8] {
    display: flex;
    flex-direction: column;
}

/* ── Profile hero ─────────────────────────────────────────── */
.so-profile-hero[b-wtcnypgkg8] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 18px 16px;
    border-bottom: 1px solid var(--border);
}

.so-avatar[b-wtcnypgkg8] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.02em;
    flex-shrink: 0;
}

.so-profile-info[b-wtcnypgkg8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.so-profile-name[b-wtcnypgkg8] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.so-status-badge[b-wtcnypgkg8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px 2px 6px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 500;
}

.so-status-badge--active[b-wtcnypgkg8]   { background: var(--green-soft); color: var(--green); }
.so-status-badge--inactive[b-wtcnypgkg8] { background: var(--slate-soft); color: var(--slate); }

/* ── Aside sections ───────────────────────────────────────── */
.so-aside-section[b-wtcnypgkg8] {
    padding: 16px 18px;
}

.so-aside-section--divider[b-wtcnypgkg8] {
    border-top: 1px solid var(--border);
}

.so-aside-label[b-wtcnypgkg8] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}

.so-meta-list[b-wtcnypgkg8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.so-meta-item[b-wtcnypgkg8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    font-size: 12.5px;
}

.so-meta-key[b-wtcnypgkg8] {
    color: var(--text-3);
    flex-shrink: 0;
}

.so-meta-val[b-wtcnypgkg8] {
    color: var(--text);
    font-weight: 500;
    font-family: "JetBrains Mono", "Courier New", ui-monospace, monospace;
    font-size: 12px;
    text-align: right;
    word-break: break-all;
}

.so-meta-val--normal[b-wtcnypgkg8] {
    font-family: "Inter", system-ui, sans-serif;
    font-size: 12.5px;
}

/* ── Radzen overrides ─────────────────────────────────────── */
[b-wtcnypgkg8] .so-main-col .rz-tabview-panels {
    padding: 12px 16px 16px;
}

[b-wtcnypgkg8] .so-main-col .rz-tabview-nav {
    padding: 0 16px;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

[b-wtcnypgkg8] .so-grid .rz-datatable {
    border: none;
}
/* _content/Ilinniarfik/Components/Pages/StudentStatusManagement/StudentStatusManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.sst-page[b-ujvbx7grlh] {
    --surface: #ffffff;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --green: #0f7a4d;
    --amber: #a25d00;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: sstFadeIn-b-ujvbx7grlh 180ms ease-out;
}

@keyframes sstFadeIn-b-ujvbx7grlh {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sst-loading[b-ujvbx7grlh] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.sst-header[b-ujvbx7grlh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.sst-title[b-ujvbx7grlh] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.sst-subtitle[b-ujvbx7grlh] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.sst-header-actions[b-ujvbx7grlh] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.sst-stats[b-ujvbx7grlh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.sst-table-card[b-ujvbx7grlh] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
/* _content/Ilinniarfik/Components/Pages/TeacherManagement/TeacherBookingPage.razor.rz.scp.css */
.tbp-sep[b-smapfhbjsu] {
    width: 1px;
    height: 20px;
    background: #e6e8ed;
    flex-shrink: 0;
}

.tbp-label[b-smapfhbjsu] {
    font-size: 14px;
    font-weight: 600;
    color: #0f1729;
}
/* _content/Ilinniarfik/Components/Pages/TeacherManagement/TeacherManagementDetail.razor.rz.scp.css */

/* _content/Ilinniarfik/Components/Pages/TeacherManagement/TeacherManagementList.razor.rz.scp.css */
/* ── Design tokens ─────────────────────────────────────────── */
.tm-page[b-a379e3yw96] {
    --surface: #ffffff;
    --surface-2: #fafbfc;
    --surface-hover: #f3f5f8;
    --border: #e6e8ed;
    --text: #0f1729;
    --text-2: #4a5468;
    --text-3: #7a8499;
    --text-4: #9ba3b4;
    --accent: #3b4cca;
    --accent-hover: #2f3eb0;
    --accent-soft: #eef0fc;
    --green: #0f7a4d;
    --green-soft: #e3f3eb;
    --amber: #a25d00;
    --amber-soft: #fbecd0;
    --red: #b42318;
    --red-soft: #fde7e3;
    --slate: #475569;
    --slate-soft: #eef1f5;
    --r-sm: 6px;
    --r: 8px;
    --r-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --shadow: 0 1px 3px rgba(15, 23, 41, 0.06), 0 1px 2px rgba(15, 23, 41, 0.04);

    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
    animation: tmFadeIn-b-a379e3yw96 180ms ease-out;
}

@keyframes tmFadeIn-b-a379e3yw96 {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Loading ──────────────────────────────────────────────── */
.tm-loading[b-a379e3yw96] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

/* ── Page header ──────────────────────────────────────────── */
.tm-header[b-a379e3yw96] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 16px;
}

.tm-title[b-a379e3yw96] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
    line-height: 1.2;
}

.tm-subtitle[b-a379e3yw96] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.tm-header-actions[b-a379e3yw96] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* ── Stats strip ──────────────────────────────────────────── */
.tm-stats[b-a379e3yw96] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* ── Table card ───────────────────────────────────────────── */
.tm-table-card[b-a379e3yw96] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}


/* _content/Ilinniarfik/Components/Pages/UserManagement/UserManagementDetail.razor.rz.scp.css */
/* ── Role aside ─────────────────────────────────────────────── */
.um-role-assign[b-fm8nxne3d5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.um-role-btn[b-fm8nxne3d5] {
    width: 100%;
    justify-content: center;
}

.um-role-msg[b-fm8nxne3d5] {
    font-size: 12px;
    padding: 6px 10px;
    border-radius: var(--r-sm);
}

.um-role-msg--success[b-fm8nxne3d5] {
    background: var(--green-soft);
    color: var(--green);
}

.um-role-msg--error[b-fm8nxne3d5] {
    background: var(--red-soft);
    color: var(--red);
}

/* ── Role list ──────────────────────────────────────────────── */
.um-role-list[b-fm8nxne3d5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.um-role-row[b-fm8nxne3d5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 4px;
    border-bottom: 1px solid var(--border);
}

.um-role-row:last-child[b-fm8nxne3d5] {
    border-bottom: none;
}

.um-role-row--inactive[b-fm8nxne3d5] {
    opacity: 0.5;
}

.um-role-info[b-fm8nxne3d5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.um-role-code[b-fm8nxne3d5] {
    font-size: 12px;
    font-weight: 600;
}

.um-role-name[b-fm8nxne3d5] {
    font-size: 11.5px;
    color: var(--text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.um-role-badge[b-fm8nxne3d5] {
    margin-top: 2px;
    width: fit-content;
}
/* _content/Ilinniarfik/Components/Pages/UserManagement/UserManagementList.razor.rz.scp.css */
.km-subtitle[b-7vdlve0609] {
    font-size: 13.5px;
    color: var(--text-3);
    margin: 4px 0 0;
    max-width: 600px;
}

.km-header-actions[b-7vdlve0609] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}
/* _content/Ilinniarfik/Components/Shared/BookingScheduler.razor.rz.scp.css */
/* ── Design tokens ───────────────────────────────────────────── */
.sc-page[b-b5pfb3o6on] {
    --sc-surface: #ffffff;
    --sc-border: #e6e8ed;
    --sc-border-strong: #d4d8df;
    --sc-text: #0f1729;
    --sc-text-2: #4a5468;
    --sc-text-3: #7a8499;
    --sc-text-4: #9ba3b4;
    --sc-accent: #3b4cca;
    --sc-accent-soft: #eef0fc;
    --sc-accent-text: #2733a8;
    --sc-surface-2: #fafbfc;
    --sc-surface-hover: #f3f5f8;
    --sc-shadow-sm: 0 1px 2px rgba(15, 23, 41, 0.04);
    --sc-shadow: 0 1px 3px rgba(15, 23, 41, 0.06), 0 1px 2px rgba(15, 23, 41, 0.04);
    --sc-r: 8px;

    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--rz-header-height, 64px));
    overflow: hidden;
    margin: -1.1rem -1.5rem 0;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--sc-text);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "cv11", "ss01", "ss03";
}

.sc-loading[b-b5pfb3o6on] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 60px;
}

.sc-page-bar[b-b5pfb3o6on] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: var(--sc-surface);
    border-bottom: 1px solid var(--sc-border);
    flex-shrink: 0;
}

.sc-today-btn[b-b5pfb3o6on] {
    height: 34px;
    padding: 0 14px;
    border-radius: var(--sc-r);
    border: 1px solid var(--sc-border);
    background: var(--sc-surface);
    font-size: 13px;
    font-weight: 500;
    color: var(--sc-text-2);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background 120ms;
}

.sc-today-btn:hover[b-b5pfb3o6on] { background: var(--sc-surface-hover); }

.sc-nav-btn[b-b5pfb3o6on] {
    width: 34px;
    height: 34px;
    border-radius: var(--sc-r);
    border: 1px solid var(--sc-border);
    background: var(--sc-surface);
    color: var(--sc-text-2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 120ms;
}

.sc-nav-btn:hover[b-b5pfb3o6on] { background: var(--sc-surface-hover); }

.sc-range-label[b-b5pfb3o6on] {
    font-size: 16px;
    font-weight: 600;
    color: var(--sc-text);
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sc-week-badge[b-b5pfb3o6on] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--sc-text-3);
    background: var(--sc-surface-2);
    border: 1px solid var(--sc-border);
    border-radius: 999px;
    padding: 3px 10px;
    font-variant-numeric: tabular-nums;
}

.sc-spacer[b-b5pfb3o6on] { flex: 1; }

.sc-view-toggle[b-b5pfb3o6on] {
    display: flex;
    background: var(--sc-surface-2);
    border: 1px solid var(--sc-border);
    border-radius: var(--sc-r);
    padding: 2px;
}

.sc-view-opt[b-b5pfb3o6on] {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--sc-text-3);
    cursor: pointer;
    user-select: none;
}

.sc-view-opt-active[b-b5pfb3o6on] {
    background: var(--sc-surface);
    color: var(--sc-text);
    box-shadow: var(--sc-shadow-sm);
}

.sc-body[b-b5pfb3o6on] {
    flex: 1;
    display: flex;
    min-height: 0;
    overflow: hidden;
}

.sc-rail[b-b5pfb3o6on] {
    width: 280px;
    flex-shrink: 0;
    background: var(--sc-surface);
    border-right: 1px solid var(--sc-border);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.sc-rail-section[b-b5pfb3o6on] {
    padding: 18px;
}

.sc-rail-section + .sc-rail-section[b-b5pfb3o6on] {
    border-top: 1px solid var(--sc-border);
}

.sc-rail-title[b-b5pfb3o6on] {
    font-size: 11px;
    font-weight: 600;
    color: var(--sc-text-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}

.sc-month-head[b-b5pfb3o6on] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.sc-month-name[b-b5pfb3o6on] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--sc-text);
    letter-spacing: -0.01em;
}

.sc-month-nav[b-b5pfb3o6on] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.sc-month-nav-btn[b-b5pfb3o6on] {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--sc-text-3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 100ms;
}

.sc-month-nav-btn:hover[b-b5pfb3o6on] { background: var(--sc-surface-hover); }

.sc-month-grid[b-b5pfb3o6on] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
}

.sc-month-dow[b-b5pfb3o6on] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--sc-text-3);
    text-transform: uppercase;
    text-align: center;
    padding: 6px 0;
}

.sc-month-cell[b-b5pfb3o6on] {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--sc-text-2);
    cursor: pointer;
    border-radius: 6px;
    font-variant-numeric: tabular-nums;
    position: relative;
    transition: background 100ms, color 100ms;
    user-select: none;
}

.sc-month-cell:not(.is-today):hover[b-b5pfb3o6on] { background: var(--sc-surface-hover); }

.sc-month-cell.in-week[b-b5pfb3o6on] {
    background: var(--sc-accent-soft);
    color: var(--sc-accent-text);
    border-radius: 0;
}

.sc-month-cell.in-week.week-start[b-b5pfb3o6on] {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
}

.sc-month-cell.in-week.week-end[b-b5pfb3o6on] {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
}

.sc-month-cell.other-month[b-b5pfb3o6on] { color: var(--sc-text-4); }

.sc-month-cell.is-today[b-b5pfb3o6on] {
    background: var(--sc-accent) !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 50% !important;
}

.sc-loc-row[b-b5pfb3o6on] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 0;
    font-size: 13px;
    cursor: pointer;
    user-select: none;
    transition: opacity 120ms;
}

.sc-loc-check[b-b5pfb3o6on] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    transition: background 120ms, border-color 120ms;
}

.sc-planner[b-b5pfb3o6on] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: var(--sc-surface);
}

.sc-day-header[b-b5pfb3o6on] {
    display: grid;
    border-bottom: 1px solid var(--sc-border);
    flex-shrink: 0;
    background: var(--sc-surface);
}

.sc-hour-gutter-head[b-b5pfb3o6on] {
    width: 64px;
    border-right: 1px solid var(--sc-border);
    flex-shrink: 0;
}

.sc-day-head-cell[b-b5pfb3o6on] {
    padding: 12px 14px 14px;
    border-right: 1px solid var(--sc-border);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sc-day-head-last[b-b5pfb3o6on] { border-right: none; }

.sc-today-head[b-b5pfb3o6on] {
    background: linear-gradient(180deg, var(--sc-accent-soft) 0%, transparent 100%);
}

.sc-day-dow[b-b5pfb3o6on] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--sc-text-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.sc-day-num[b-b5pfb3o6on] {
    font-size: 22px;
    font-weight: 600;
    color: var(--sc-text);
    letter-spacing: -0.02em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.sc-day-num-today[b-b5pfb3o6on] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--sc-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.sc-today-pill[b-b5pfb3o6on] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--sc-accent-text);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.sc-grid-wrap[b-b5pfb3o6on] {
    flex: 1;
    overflow: auto;
    position: relative;
}

.sc-grid-inner[b-b5pfb3o6on] {
    position: relative;
    display: grid;
}

.sc-hour-gutter[b-b5pfb3o6on] {
    border-right: 1px solid var(--sc-border);
    background: var(--sc-surface);
    position: sticky;
    left: 0;
    z-index: 2;
}

.sc-hour-slot[b-b5pfb3o6on] {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.sc-hour-label[b-b5pfb3o6on] {
    font-size: 11px;
    color: var(--sc-text-3);
    font-variant-numeric: tabular-nums;
    text-align: right;
    padding: 0 10px;
    margin-top: -6px;
    white-space: nowrap;
    width: 100%;
}

.sc-day-col[b-b5pfb3o6on] {
    border-right: 1px solid var(--sc-border);
    position: relative;
}

.sc-day-col-last[b-b5pfb3o6on] { border-right: none; }
.sc-day-col-today[b-b5pfb3o6on] { background: rgba(59, 76, 202, 0.025); }

.sc-event[b-b5pfb3o6on] {
    position: absolute;
    left: 4px;
    right: 4px;
    border-radius: 6px;
    padding: 5px 8px 5px 10px;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.35;
    display: flex;
    flex-direction: column;
    gap: 1px;
    box-shadow: var(--sc-shadow-sm);
    transition: transform 100ms, box-shadow 120ms;
}

.sc-event:hover[b-b5pfb3o6on] {
    transform: translateY(-1px);
    box-shadow: var(--sc-shadow);
}

.sc-event-rail[b-b5pfb3o6on] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.sc-event-time[b-b5pfb3o6on] {
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-family: ui-monospace, monospace;
    opacity: 0.85;
}

.sc-event-title[b-b5pfb3o6on] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-event-sub[b-b5pfb3o6on] {
    font-size: 11.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-now-line[b-b5pfb3o6on] {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 4;
}

.sc-now-dot[b-b5pfb3o6on] {
    position: absolute;
    left: -5px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--sc-accent);
    border: 2px solid var(--sc-surface);
}

.sc-now-bar[b-b5pfb3o6on] {
    height: 1.5px;
    background: var(--sc-accent);
    box-shadow: 0 0 0 0.5px var(--sc-accent);
}

/* ── Toolbar context label ────────────────────────────────────── */
.sc-toolbar-label[b-b5pfb3o6on] {
    font-size: 14px;
    font-weight: 600;
    color: var(--sc-text);
}

.sc-toolbar-sep[b-b5pfb3o6on] {
    width: 1px;
    height: 20px;
    background: var(--sc-border);
    flex-shrink: 0;
}
/* _content/Ilinniarfik/Components/Shared/KmSearch.razor.rz.scp.css */
.km-search-grid[b-xc5vt3152x] {
    display: grid;
    gap: 12px;
    align-items: end;
}

[b-xc5vt3152x] .form-group {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* _content/Ilinniarfik/Components/Shared/PersonCreateSection.razor.rz.scp.css */
/* Sections use CSS custom properties that cascade from the parent page tokens */
.pc-section[b-qm9yu28zcg] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 32px;
    padding: 24px 28px;
}

.pc-section--divider[b-qm9yu28zcg] {
    border-top: 1px solid var(--border);
}

.pc-section-label[b-qm9yu28zcg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 2px;
}

.pc-section-title[b-qm9yu28zcg] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.005em;
}

.pc-section-sub[b-qm9yu28zcg] {
    font-size: 12px;
    color: var(--text-3);
    line-height: 1.5;
}

.pc-section-fields[b-qm9yu28zcg] {
    min-width: 0;
}

.pc-field-grid[b-qm9yu28zcg] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    align-items: start;
}

.pc-span-3[b-qm9yu28zcg]  { grid-column: span 3; }
.pc-span-4[b-qm9yu28zcg]  { grid-column: span 4; }
.pc-span-6[b-qm9yu28zcg]  { grid-column: span 6; }
.pc-span-8[b-qm9yu28zcg]  { grid-column: span 8; }
.pc-span-9[b-qm9yu28zcg]  { grid-column: span 9; }
.pc-span-12[b-qm9yu28zcg] { grid-column: span 12; }

[b-qm9yu28zcg] .form-group {
    margin-bottom: 0;
}

[b-qm9yu28zcg] .field-error,
[b-qm9yu28zcg] .validation-message {
    font-size: 12px !important;
    color: var(--red) !important;
    margin-top: 4px !important;
}
/* _content/Ilinniarfik/Components/Tables/KimikApiDataTable.razor.rz.scp.css */
/* ── Table card header ────────────────────────────────────── */
.idt-header[b-3dxzgh91md] {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border, #e6e8ed);
    gap: 12px;
}

.idt-count-chip[b-3dxzgh91md] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-3, #7a8499);
    background: var(--surface-2, #fafbfc);
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid var(--border, #e6e8ed);
    font-variant-numeric: tabular-nums;
}

.idt-count-label[b-3dxzgh91md] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-3, #7a8499);
}

.idt-header-spacer[b-3dxzgh91md] {
    flex: 1;
}