@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* _content/IGM.Web/Layout/MainFooter.razor.rz.scp.css */
.main-footer-host[b-ghbxlnwvcs] {
    display: contents;
}

.main-footer-host[b-ghbxlnwvcs]  footer {
    background: linear-gradient(135deg, var(--accent-fill-active) 0%, var(--accent-fill-rest) 100%);
    color: rgba(255, 255, 255, 0.9);
    align-items: center;
    padding: 8px 16px;
    border-top: 3px solid var(--accent-fill-active);
    box-shadow: 0 -2px 6px rgba(30, 58, 110, 0.2);
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.main-footer-host[b-ghbxlnwvcs]  footer p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.8rem;
    font-weight: 500;
}

.main-footer-host[b-ghbxlnwvcs]  footer a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
}

.main-footer-host[b-ghbxlnwvcs]  footer a:focus {
    outline: 1px dashed rgba(255, 255, 255, 0.6);
    outline-offset: 3px;
}

.main-footer-host[b-ghbxlnwvcs]  footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}
/* _content/IGM.Web/Layout/MainLayout.razor.rz.scp.css */
/* ===== First header overrides ===== */

[b-klx04fab12] #appHeader {
    min-height: 70px !important;
    border-bottom: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

#appBrand[b-klx04fab12] {
    gap: 16px;
    margin-left: 1.5em;
}

#appLogo[b-klx04fab12] {
    height: 46px;
}

#appBrandText[b-klx04fab12] {
    line-height: 1.35;
    gap: 2px;
}

#appTitle[b-klx04fab12] {
    font-size: 1.05rem;
    letter-spacing: 0.03em;
}

#appDesc[b-klx04fab12] {
    font-size: 0.78rem;
    color: var(--color-text-base-tertiary);
}

/* Part 3: vertical stack of controls on the right side of the main header */
#appControls[b-klx04fab12] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    padding-right: 1rem;
}

#appControlsTop[b-klx04fab12] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
}

/* Logout form is an invisible flex item that creates a trailing gap — pull it out of flow */
#appControlsTop[b-klx04fab12]  form {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

/* FluentDialogProvider inside SiteSettings renders as an extra invisible flex item — collapse it */
#appControlsTop[b-klx04fab12]  fluent-dialog-provider {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

#appControlsBottom[b-klx04fab12] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-right: 0.35em;
}

/* User / culture links in appControlsTop */
#appControlsTop[b-klx04fab12]  .link-top {
    font-size: 0.82rem !important;
    font-weight: 500;
    color: var(--color-text-brand-default);
    letter-spacing: 0.01em;
}

#appControlsTop[b-klx04fab12]  .lang-link,
#appControlsTop[b-klx04fab12]  .lang-active {
    font-size: 0.82rem !important;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* Separator between lang and user area */
#appControlsTop[b-klx04fab12]  .lang-list {
    border-right: 1px solid var(--color-border-base-default);
    padding-right: 12px;
    margin-right: 4px;
}

/* Secondary app menu: increase spacing between links */
#appControlsBottom[b-klx04fab12]  #secondaryAppMenu {
    display: flex;
    align-items: center;
    gap: 0;
}

#appControlsBottom[b-klx04fab12]  #secondaryAppMenu a {
    padding: 3px 12px;
    font-size: 0.82rem;
    border-left: 1px solid var(--color-border-base-default);
}

#appControlsBottom[b-klx04fab12]  #secondaryAppMenu a:first-child {
    border-left: none;
}

/* Second header: navigation bar */
#appNavBar[b-klx04fab12] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent-fill-active) 0%, var(--accent-fill-rest) 100%);
    border-bottom: 3px solid var(--accent-fill-active);
    padding: 3px 1rem 1px;
    min-height: 30px;
    box-shadow: 0 2px 6px rgba(30, 58, 110, 0.25);
}

#appNavBar[b-klx04fab12]  #appMenu {
    display: flex;
    align-items: center;
}

#appNavBar[b-klx04fab12]  .app-link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.92rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.2rem 1.2rem;
    border-radius: 4px;
    margin: 0 2px;
    transition: background-color 0.15s ease, color 0.15s ease;
    text-decoration: none !important;
}

#appNavBar[b-klx04fab12]  .app-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15);
    text-decoration: none !important;
}
/* _content/IGM.Web/Layout/SiteSettings/SiteSettingsPanel.razor.rz.scp.css */
.settings-panel[b-1r0ym3riob] {
  display: flex;
  flex-direction: column;
  min-width: min(420px, 100%);
  color: var(--neutral-foreground-rest);
}

.settings-panel-head[b-1r0ym3riob] {
  padding: 6px 0 18px;
  border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.settings-panel-head h2[b-1r0ym3riob] {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: 0;
}

.settings-panel-sub[b-1r0ym3riob] {
  display: block;
  margin-top: 4px;
  color: var(--neutral-foreground-hint);
  font-size: 13px;
  line-height: 1.45;
}

.settings-panel-body[b-1r0ym3riob] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 18px;
}

.settings-section[b-1r0ym3riob] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.settings-section:last-child[b-1r0ym3riob] {
  border-bottom: 0;
  padding-bottom: 0;
}

.settings-section h3[b-1r0ym3riob] {
  margin: 0;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: 0;
}

.settings-section p[b-1r0ym3riob] {
  margin: -4px 0 0;
  color: var(--neutral-foreground-hint);
  font-size: 12px;
  line-height: 1.45;
}

.settings-choice-row[b-1r0ym3riob] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.settings-choice-row[b-1r0ym3riob]  fluent-button::part(control) {
  width: 100%;
  justify-content: center;
}

.settings-swatch-grid[b-1r0ym3riob] {
  display: grid;
  grid-template-columns: repeat(6, 34px);
  gap: 10px;
}

.settings-swatch[b-1r0ym3riob] {
  width: 34px;
  height: 34px;
  border: 2px solid var(--neutral-stroke-rest);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
  cursor: pointer;
}

.settings-swatch:hover[b-1r0ym3riob] {
  border-color: var(--accent-fill-rest);
}

.settings-swatch.is-selected[b-1r0ym3riob] {
  border-color: var(--accent-fill-rest);
  box-shadow:
    0 0 0 3px var(--accent-fill-focus),
    inset 0 0 0 2px rgba(255, 255, 255, 0.72);
}

.settings-section-actions[b-1r0ym3riob]  fluent-button::part(control) {
  width: 100%;
  justify-content: center;
}

[b-1r0ym3riob] .settings-dialog-footer {
  justify-content: flex-end;
  padding-top: 18px;
}

@media (max-width: 520px) {
  .settings-panel[b-1r0ym3riob] {
    min-width: 0;
  }

  .settings-choice-row[b-1r0ym3riob] {
    grid-template-columns: 1fr;
  }

  .settings-swatch-grid[b-1r0ym3riob] {
    grid-template-columns: repeat(4, 34px);
  }
}
/* _content/IGM.Web/Pages/Help/Index.razor.rz.scp.css */
.help-page[b-ngrdx83yj8] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.help-hero[b-ngrdx83yj8] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    background: linear-gradient(135deg, #EFF8FF 0%, #F5F8FF 100%);
    border: 1px solid #B2DDFF;
    border-radius: 12px;
    margin-bottom: 28px;
}

.help-hero-icon[b-ngrdx83yj8] {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--neutral-layer-1);
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(51, 121, 219, 0.10);
}

.help-hero-body[b-ngrdx83yj8] {
    flex: 1;
    min-width: 0;
}

.help-hero-title[b-ngrdx83yj8] {
    margin: 0 0 4px 0;
    font-size: 22px;
    font-weight: 700;
    color: #101828;
}

.help-hero-subtitle[b-ngrdx83yj8] {
    margin: 0;
    font-size: 14px;
    color: #475467;
}

.help-section[b-ngrdx83yj8] {
    margin-bottom: 32px;
}

.help-section-header[b-ngrdx83yj8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.help-section-title[b-ngrdx83yj8] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #101828;
}

.help-section-desc[b-ngrdx83yj8] {
    margin: 0 0 14px 0;
    font-size: 13px;
    color: #667085;
}

.help-grid[b-ngrdx83yj8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 12px;
}

.help-footer[b-ngrdx83yj8] {
    margin-top: 32px;
    padding: 12px 16px;
    background: #F9FAFB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #475467;
}

@media (max-width: 768px) {
    .help-page[b-ngrdx83yj8] {
        padding: 16px;
    }
    .help-hero[b-ngrdx83yj8] {
        padding: 16px;
    }
    .help-hero-title[b-ngrdx83yj8] {
        font-size: 18px;
    }
    .help-grid[b-ngrdx83yj8] {
        grid-template-columns: 1fr;
    }
}
/* _content/IGM.Web/Pages/MyTasks/Agenda/Components/AgendaSidebar.razor.rz.scp.css */
.agenda-sidebar[b-bi2amj01cf] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 10px 12px 16px 12px;
    border-bottom: 1px solid var(--ag-line);
    background: var(--ag-sidebar-bg);
    color: var(--ag-text);
}

.ag-create-btn[b-bi2amj01cf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: none;
    background: var(--ag-create-bg);
    color: var(--ag-create-fg);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    align-self: flex-start;
    transition: box-shadow .12s, background .12s;
}
.ag-create-btn:hover[b-bi2amj01cf] { background: var(--ag-hover); box-shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 8px 3px rgba(0,0,0,.15); }
.ag-create-plus[b-bi2amj01cf] { font-size: 20px; line-height: 1; color: var(--ag-accent); }

.ag-section[b-bi2amj01cf] { display: flex; flex-direction: column; gap: 4px; }
.ag-section-title[b-bi2amj01cf] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--ag-muted);
    margin-bottom: 4px;
}
.ag-check[b-bi2amj01cf] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--ag-text);
    cursor: pointer;
    padding: 2px 0;
}
.ag-check input[type=checkbox][b-bi2amj01cf] { margin: 0; }
.ag-dot[b-bi2amj01cf] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
}
/* _content/IGM.Web/Pages/MyTasks/Agenda/Components/MiniMonthCalendar.razor.rz.scp.css */
.mini-month[b-bq7ea3m0is] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    user-select: none;
    color: var(--ag-text);
}
.mini-month-header[b-bq7ea3m0is] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
}
.mini-month-title[b-bq7ea3m0is] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ag-text-strong);
    text-transform: capitalize;
}
.mini-nav[b-bq7ea3m0is] {
    border: none;
    background: transparent;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--ag-muted);
    font-size: 18px;
    line-height: 1;
}
.mini-nav:hover[b-bq7ea3m0is] { background: var(--ag-hover); }

.mini-month-grid[b-bq7ea3m0is] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
}
.mini-dow[b-bq7ea3m0is] {
    text-align: center;
    font-size: 10px;
    color: var(--ag-muted);
    padding: 4px 0;
}
.mini-cell[b-bq7ea3m0is] {
    position: relative;
    text-align: center;
    padding: 4px 0;
    font-size: 11px;
    color: var(--ag-text);
    border-radius: 50%;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}
.mini-cell:hover[b-bq7ea3m0is] { background: var(--ag-hover); }
.mini-cell.other[b-bq7ea3m0is] { color: var(--ag-other-month-fg); }
.mini-cell.today[b-bq7ea3m0is] {
    background: var(--ag-accent);
    color: #ffffff;
    font-weight: 600;
}
.mini-cell.selected:not(.today)[b-bq7ea3m0is] {
    background: var(--ag-accent-bg);
    color: var(--ag-accent);
    font-weight: 600;
}
.mini-dot[b-bq7ea3m0is] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--ag-accent);
}
.mini-cell.today .mini-dot[b-bq7ea3m0is] { background: var(--neutral-layer-1); }
/* _content/IGM.Web/Pages/MyTasks/Agenda/Components/ViewSwitcher.razor.rz.scp.css */
.vs-root[b-th8g7ny89l] {
    position: relative;
    display: inline-block;
}

.vs-trigger[b-th8g7ny89l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px 6px 16px;
    border: 1px solid var(--ag-line, #dadce0);
    border-radius: 22px;
    background: var(--ag-canvas-bg, #fff);
    color: var(--ag-text, #3c4043);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background .12s, box-shadow .12s;
    min-width: 110px;
    justify-content: space-between;
}
.vs-trigger:hover[b-th8g7ny89l] { background: var(--ag-hover, #f1f3f4); }

.vs-overlay[b-th8g7ny89l] {
    position: fixed;
    inset: 0;
    z-index: 998;
}

.vs-menu[b-th8g7ny89l] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 999;
    min-width: 240px;
    background: var(--ag-canvas-bg, #fff);
    border: 1px solid var(--ag-line, #dadce0);
    border-radius: 10px;
    padding: 8px 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.15), 0 1px 4px rgba(0,0,0,.08);
    color: var(--ag-text, #3c4043);
}

.vs-item[b-th8g7ny89l], .vs-toggle[b-th8g7ny89l] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: transparent;
    color: inherit;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
}
.vs-item:hover[b-th8g7ny89l], .vs-toggle:hover[b-th8g7ny89l] { background: var(--ag-hover, #f1f3f4); }

.vs-item .vs-label[b-th8g7ny89l] { flex: 1; }
.vs-item .vs-shortcut[b-th8g7ny89l] {
    font-size: 13px;
    color: var(--ag-muted, #5f6368);
    letter-spacing: .3px;
}
.vs-item.selected[b-th8g7ny89l] {
    color: var(--ag-accent, #1a73e8);
    font-weight: 600;
}

.vs-separator[b-th8g7ny89l] {
    height: 1px;
    background: var(--ag-line, #dadce0);
    margin: 6px 0;
}

.vs-toggle .vs-check[b-th8g7ny89l] {
    width: 16px;
    text-align: center;
    color: var(--ag-accent, #1a73e8);
    font-size: 14px;
    font-weight: 700;
}
.vs-toggle .vs-label[b-th8g7ny89l] { flex: 1; font-size: 13.5px; }
/* _content/IGM.Web/Pages/MyTasks/Agenda/Dialogs/EventDetailsDialog.razor.rz.scp.css */
.ed-card[b-9thwjx5vtm] {
    background: var(--ag-canvas-bg, #fff);
    color: var(--ag-text, #3c4043);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

/* Цветная полоса источника сверху */
.ed-stripe[b-9thwjx5vtm] {
    height: 6px;
    background: var(--ed-color);
}

/* ===== Header ===== */
.ed-header[b-9thwjx5vtm] {
    padding: 18px 24px 12px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid var(--ag-line, #dadce0);
}

.ed-title-row[b-9thwjx5vtm] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ed-color-dot[b-9thwjx5vtm] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--ed-color);
    flex-shrink: 0;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ed-color) 22%, transparent);
}

.ed-title[b-9thwjx5vtm] {
    margin: 0;
    flex: 1;
    font-size: 20px;
    font-weight: 500;
    color: var(--ag-text-strong, #202124);
    line-height: 1.3;
    word-break: break-word;
}

.ed-source-pill[b-9thwjx5vtm] {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 600;
    flex-shrink: 0;
}
.ed-source-task[b-9thwjx5vtm]     { background: rgba(11,128,67,.14); color: #0b8043; }
.ed-source-interview[b-9thwjx5vtm]{ background: rgba(24,95,165,.14); color: var(--accent-fill-rest); }
.ed-source-personal[b-9thwjx5vtm] { background: rgba(142,36,170,.14); color: #8e24aa; }
body[data-theme="dark"] .ed-source-task[b-9thwjx5vtm]     { background: rgba(120,200,160,.18); color: #78c8a0; }
body[data-theme="dark"] .ed-source-interview[b-9thwjx5vtm]{ background: rgba(138,180,248,.18); color: #8ab4f8; }
body[data-theme="dark"] .ed-source-personal[b-9thwjx5vtm] { background: rgba(206,147,216,.18); color: #ce93d8; }

/* Status tags */
.ed-status-tag[b-9thwjx5vtm] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.ed-status-completed[b-9thwjx5vtm] { background: rgba(11,128,67,.12); color: #0b8043; }
.ed-status-declined[b-9thwjx5vtm]  { background: rgba(217,48,37,.12);  color: #c5221f; }
.ed-status-urgent[b-9thwjx5vtm]    { background: rgba(234,67,53,.14);  color: #ea4335; }

/* ===== Body ===== */
.ed-body[b-9thwjx5vtm] {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ed-row[b-9thwjx5vtm] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.ed-icon[b-9thwjx5vtm] {
    color: var(--ag-muted, #5f6368);
    margin-top: 2px;
    flex-shrink: 0;
}

.ed-row-text[b-9thwjx5vtm] {
    flex: 1;
    min-width: 0;
}

.ed-row-main[b-9thwjx5vtm] {
    font-size: 14px;
    color: var(--ag-text, #3c4043);
    line-height: 1.4;
    font-weight: 500;
}

.ed-row-sub[b-9thwjx5vtm] {
    font-size: 12px;
    color: var(--ag-muted, #5f6368);
    margin-top: 1px;
}

.ed-row-desc[b-9thwjx5vtm] { padding-top: 4px; }

.ed-desc[b-9thwjx5vtm] {
    font-size: 13.5px;
    color: var(--ag-text, #3c4043);
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--ag-hover, #f1f3f4);
    border-radius: 6px;
    padding: 10px 12px;
}

/* ===== Footer ===== */
.ed-footer[b-9thwjx5vtm] {
    padding: 12px 20px 18px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid var(--ag-line, #dadce0);
    background: var(--ag-sidebar-bg, #f8fafd);
}
/* _content/IGM.Web/Pages/MyTasks/Agenda/Dialogs/PersonalEventDialog.razor.rz.scp.css */
.ped-form[b-76sdk9a3y7] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ped-row[b-76sdk9a3y7] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    color: var(--ag-text, #3c4043);
}

.ped-row > label[b-76sdk9a3y7] {
    font-size: 13px;
    color: var(--ag-muted, #5f6368);
    min-width: 70px;
}

.ped-sep[b-76sdk9a3y7] {
    color: var(--ag-muted, #5f6368);
    margin: 0 4px;
}

.ped-color[b-76sdk9a3y7] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0;
    box-sizing: border-box;
    transition: transform .12s, box-shadow .12s;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}

.ped-color:hover[b-76sdk9a3y7] {
    transform: scale(1.12);
}

.ped-color.selected[b-76sdk9a3y7] {
    border-color: var(--ag-text-strong, #202124);
    box-shadow: 0 0 0 2px var(--ag-canvas-bg, #fff), 0 0 0 4px var(--ag-text-strong, #202124);
}
/* _content/IGM.Web/Pages/MyTasks/Agenda/PersonalAgendaPage.razor.rz.scp.css */
/* ===== Personal Agenda — Google-like calendar (theme-aware via --ag-* tokens) ===== */

.pa-page[b-8fj0df26pl] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    background: var(--ag-page-bg);
    font-family: 'Google Sans','Roboto','Segoe UI',Arial,sans-serif;
    color: var(--ag-text);
}

/* ===== Top bar ===== */
[b-8fj0df26pl] .pa-topbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--ag-line);
    flex-wrap: nowrap;
    background: var(--ag-page-bg);
}
[b-8fj0df26pl] .pa-today fluent-button::part(control) {
    border: 1px solid var(--ag-line) !important;
    border-radius: 20px !important;
    padding: 4px 14px !important;
    background: transparent !important;
    color: var(--ag-text) !important;
}
[b-8fj0df26pl] .pa-nav fluent-button::part(control) {
    background: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    color: var(--ag-text) !important;
}
[b-8fj0df26pl] .pa-title {
    font-size: 20px;
    font-weight: 400;
    margin: 0 8px;
    color: var(--ag-text);
    white-space: nowrap;
}

/* ===== Main canvas ===== */
[b-8fj0df26pl] .pa-canvas {
    flex: 1;
    overflow: auto;
    min-height: 0;
    background: var(--ag-canvas-bg);
}

/* ===== Week / Day view ===== */
[b-8fj0df26pl] .cal-week, [b-8fj0df26pl] .cal-day {
    display: flex;
    flex-direction: column;
    background: var(--ag-canvas-bg);
}
[b-8fj0df26pl] .cal-week-header {
    display: grid;
    grid-template-columns: 60px repeat(7, 1fr);
    border-bottom: 1px solid var(--ag-line);
    position: sticky;
    top: 0;
    background: var(--ag-canvas-bg);
    z-index: 3;
}
[b-8fj0df26pl] .cal-day .cal-week-header {
    grid-template-columns: 60px 1fr;
}
[b-8fj0df26pl] .cal-week.no-weekend .cal-week-header {
    grid-template-columns: 60px repeat(5, 1fr);
}
[b-8fj0df26pl] .cal-week.no-weekend .cal-day-header.weekend,
[b-8fj0df26pl] .cal-week.no-weekend .cal-allday-cell.weekend,
[b-8fj0df26pl] .cal-week.no-weekend .cal-col.weekend {
    display: none;
}
[b-8fj0df26pl] .cal-gutter {
    font-size: 11px;
    color: var(--ag-muted);
    text-align: right;
    padding: 4px 8px;
}
[b-8fj0df26pl] .cal-day-header {
    text-align: center;
    padding: 8px 0;
    border-left: 1px solid var(--ag-line);
}
[b-8fj0df26pl] .cal-day-header .dow {
    font-size: 11px;
    color: var(--ag-muted);
    letter-spacing: .5px;
}
[b-8fj0df26pl] .cal-day-header .dnum {
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    margin-top: 4px;
    color: var(--ag-text);
}
[b-8fj0df26pl] .cal-day-header.today .dow { color: var(--ag-accent); font-weight: 600; }
[b-8fj0df26pl] .cal-day-header.today .dnum {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    background: var(--ag-accent);
    color: #ffffff;
    font-weight: 500;
}

/* All-day strip */
[b-8fj0df26pl] .cal-allday {
    display: grid;
    grid-template-columns: 60px repeat(7, 1fr);
    border-bottom: 1px solid var(--ag-line);
    min-height: 28px;
    background: var(--ag-canvas-bg);
    position: sticky;
    top: 76px;
    z-index: 2;
}
[b-8fj0df26pl] .cal-week.no-weekend .cal-allday {
    grid-template-columns: 60px repeat(5, 1fr);
}
[b-8fj0df26pl] .cal-day .cal-allday { grid-template-columns: 60px 1fr; }
[b-8fj0df26pl] .cal-allday-cell {
    border-left: 1px solid var(--ag-line);
    padding: 2px 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Body grid */
[b-8fj0df26pl] .cal-week-body {
    display: grid;
    grid-template-columns: 60px repeat(7, 1fr);
    position: relative;
    min-height: calc(48px * var(--cal-hours-count, 12));
}
[b-8fj0df26pl] .cal-week.no-weekend .cal-week-body {
    grid-template-columns: 60px repeat(5, 1fr);
}
[b-8fj0df26pl] .cal-week-body.single { grid-template-columns: 60px 1fr; }

[b-8fj0df26pl] .cal-hours {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--ag-line);
}
[b-8fj0df26pl] .cal-hour-label {
    height: 48px;
    font-size: 11px;
    color: var(--ag-muted);
    text-align: right;
    padding: 0 8px;
    transform: translateY(-6px);
}

[b-8fj0df26pl] .cal-col {
    position: relative;
    border-left: 1px solid var(--ag-line);
}
[b-8fj0df26pl] .cal-slot {
    height: 48px;
    border-bottom: 1px solid var(--ag-slot-line);
}

[b-8fj0df26pl] .cal-event-pos {
    position: absolute;
    left: 2px;
    right: 2px;
    z-index: 1;
}

/* Now-line */
[b-8fj0df26pl] .cal-now-line {
    position: absolute;
    left: -6px;
    right: 0;
    height: 2px;
    background: var(--ag-now);
    z-index: 4;
    pointer-events: none;
}
[b-8fj0df26pl] .cal-now-dot {
    position: absolute;
    left: -7px;
    top: -5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--ag-now);
}

/* ===== Event chip ===== */
[b-8fj0df26pl] .evchip {
    display: flex;
    align-items: stretch;
    background: color-mix(in srgb, var(--chip-color) 18%, var(--ag-canvas-bg) 82%);
    border-radius: 4px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    margin: 1px 0;
    transition: filter .12s;
    user-select: none;
}
[b-8fj0df26pl] .evchip:hover { filter: brightness(.95); }
[b-8fj0df26pl] .evchip.completed { opacity: .55; text-decoration: line-through; }
[b-8fj0df26pl] .evchip.declined { background: repeating-linear-gradient(45deg, var(--ag-other-month-bg), var(--ag-other-month-bg) 4px, var(--ag-hover) 4px, var(--ag-hover) 8px); color: var(--ag-muted); }
[b-8fj0df26pl] .evchip-bar {
    width: 3px;
    background: var(--chip-color);
    flex-shrink: 0;
}
[b-8fj0df26pl] .evchip-body {
    padding: 2px 6px;
    flex: 1;
    min-width: 0;
    color: color-mix(in srgb, var(--chip-color) 60%, var(--ag-text-strong) 40%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-8fj0df26pl] .evchip-time { font-weight: 600; margin-right: 4px; }
[b-8fj0df26pl] .evchip-title { font-weight: 500; }
[b-8fj0df26pl] .evchip.compact { padding: 0; font-size: 11px; }

/* ===== Month view ===== */
[b-8fj0df26pl] .cal-month {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--ag-canvas-bg);
}
[b-8fj0df26pl] .cal-month-header {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid var(--ag-line);
    background: var(--ag-canvas-bg);
}
[b-8fj0df26pl] .cal-month.no-weekend .cal-month-header { grid-template-columns: repeat(5, 1fr); }
[b-8fj0df26pl] .cal-month.no-weekend .cal-month-dow:nth-child(6),
[b-8fj0df26pl] .cal-month.no-weekend .cal-month-dow:nth-child(7) { display:none; }
[b-8fj0df26pl] .cal-month.no-weekend .cal-month-cell.weekend { display:none; }
[b-8fj0df26pl] .cal-month-dow {
    text-align: center;
    font-size: 11px;
    letter-spacing: .5px;
    color: var(--ag-muted);
    padding: 6px 0;
}
[b-8fj0df26pl] .cal-month-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: minmax(100px, 1fr);
    flex: 1;
}
[b-8fj0df26pl] .cal-month.no-weekend .cal-month-grid { grid-template-columns: repeat(5, 1fr); }
[b-8fj0df26pl] .cal-month-cell {
    border-right: 1px solid var(--ag-line);
    border-bottom: 1px solid var(--ag-line);
    padding: 4px 4px 6px 4px;
    cursor: pointer;
    overflow: hidden;
    background: var(--ag-canvas-bg);
    display: flex;
    flex-direction: column;
    gap: 1px;
}
[b-8fj0df26pl] .cal-month-cell.other { background: var(--ag-other-month-bg); color: var(--ag-other-month-fg); }
[b-8fj0df26pl] .cal-month-cell:hover { background: var(--ag-hover); }
[b-8fj0df26pl] .cal-month-daynum {
    font-size: 12px;
    text-align: center;
    color: var(--ag-muted);
    padding: 2px 0;
}
[b-8fj0df26pl] .cal-month-daynum.today-num {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background: var(--ag-accent);
    color: #ffffff;
    margin: 0 auto;
    font-weight: 600;
}
[b-8fj0df26pl] .cal-month-more {
    font-size: 11px;
    color: var(--ag-muted);
    padding: 2px 4px;
    cursor: pointer;
}
[b-8fj0df26pl] .cal-month-more:hover { color: var(--ag-accent); }

/* ===== Year view ===== */
[b-8fj0df26pl] .cal-year {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    padding: 16px;
    background: var(--ag-canvas-bg);
}
[b-8fj0df26pl] .cal-year-month {
    background: var(--ag-canvas-bg);
    border: 1px solid var(--ag-line);
    border-radius: 6px;
    padding: 8px;
    cursor: pointer;
    transition: box-shadow .12s;
}
[b-8fj0df26pl] .cal-year-month:hover { box-shadow: 0 2px 8px rgba(0,0,0,.18); }
[b-8fj0df26pl] .cal-year-month-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--ag-accent);
    margin-bottom: 6px;
    text-transform: capitalize;
}
[b-8fj0df26pl] .cal-year-month-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    font-size: 11px;
}
[b-8fj0df26pl] .cal-year-dow { color: var(--ag-muted); text-align: center; }
[b-8fj0df26pl] .cal-year-cell {
    text-align: center;
    padding: 2px 0;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    color: var(--ag-text);
}
[b-8fj0df26pl] .cal-year-cell.other { color: var(--ag-other-month-fg); }
[b-8fj0df26pl] .cal-year-cell.today {
    background: var(--ag-accent);
    color: #ffffff;
    font-weight: 600;
}
[b-8fj0df26pl] .cal-year-cell.has-evt:not(.today)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--ag-accent);
}
[b-8fj0df26pl] .cal-year-cell:hover:not(.today) { background: var(--ag-hover); }

/* ===== Schedule view ===== */
[b-8fj0df26pl] .cal-schedule { padding: 0; max-width: 800px; margin: 0 auto; background: var(--ag-canvas-bg); }
[b-8fj0df26pl] .cal-schedule-empty { padding: 40px; text-align: center; color: var(--ag-muted); }
[b-8fj0df26pl] .cal-schedule-day { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--ag-line); }
[b-8fj0df26pl] .cal-schedule-date { display: flex; flex-direction: column; align-items: flex-start; padding-top: 4px; }
[b-8fj0df26pl] .cal-schedule-date .day-num { font-size: 24px; font-weight: 500; color: var(--ag-accent); }
[b-8fj0df26pl] .cal-schedule-date .day-name { font-size: 12px; color: var(--ag-muted); text-transform: uppercase; }
[b-8fj0df26pl] .cal-schedule-date .day-month { font-size: 11px; color: var(--ag-muted); }
[b-8fj0df26pl] .cal-schedule-items { display: flex; flex-direction: column; gap: 6px; }
[b-8fj0df26pl] .cal-schedule-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background .12s;
    color: var(--ag-text);
}
[b-8fj0df26pl] .cal-schedule-item:hover { background: var(--ag-hover); }
[b-8fj0df26pl] .cal-schedule-item.completed { opacity: .55; text-decoration: line-through; }
[b-8fj0df26pl] .cal-schedule-item.declined { color: var(--ag-muted); }
[b-8fj0df26pl] .cal-schedule-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
[b-8fj0df26pl] .cal-schedule-time { font-size: 12px; color: var(--ag-muted); min-width: 100px; }
[b-8fj0df26pl] .cal-schedule-title { flex: 1; font-size: 14px; }
[b-8fj0df26pl] .cal-schedule-loc { font-size: 12px; color: var(--ag-muted); }

/* _content/IGM.Web/Pages/MyTasks/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-9g5l7sz66r] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-9g5l7sz66r] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-9g5l7sz66r] {
        background-color: #f3faf7;
        border-left-color: #107c10;
    }

    .checklist-item.pending[b-9g5l7sz66r] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 50px
    }

.item-content[b-9g5l7sz66r] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-9g5l7sz66r] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-9g5l7sz66r] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-9g5l7sz66r] {
    color: var(--color-text-base-default);
    
}

.item-date[b-9g5l7sz66r] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-9g5l7sz66r] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-9g5l7sz66r] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-9g5l7sz66r] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-9g5l7sz66r] {
    width: 800px;
}

.inline-progress[b-9g5l7sz66r] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-9g5l7sz66r] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-9g5l7sz66r] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-9g5l7sz66r] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-9g5l7sz66r] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-9g5l7sz66r] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-9g5l7sz66r] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-9g5l7sz66r] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-9g5l7sz66r] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-9g5l7sz66r] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-9g5l7sz66r] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-9g5l7sz66r] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-9g5l7sz66r] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-9g5l7sz66r] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-9g5l7sz66r] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-9g5l7sz66r] {
    font-weight: 600;
    color: var(--color-text-base-default);
}
/* _content/IGM.Web/Pages/MyTasks/Dashboard/TaskCalendarHeatmap.razor.rz.scp.css */
/* ============ Calendar Container ============ */
.calendar-container[b-j9xlr054zy] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.calendar-header[b-j9xlr054zy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.cal-month-title[b-j9xlr054zy] {
    font-size: 16px;
    font-weight: 700;
    color: var(--accent-fill-active);
    text-transform: capitalize;
}

.cal-nav-btn[b-j9xlr054zy] {
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    font-size: 16px;
    color: var(--color-text-base-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.cal-nav-btn:hover[b-j9xlr054zy] {
    background: var(--color-background-base-tertiary);
    border-color: #bbb;
}

/* ============ Calendar Grid ============ */
.cal-grid[b-j9xlr054zy] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
}

.cal-day-header[b-j9xlr054zy] {
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-base-tertiary);
    padding: 6px 0;
}

.cal-day[b-j9xlr054zy] {
    aspect-ratio: 1;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    transition: all 0.15s;
    min-height: 40px;
}

.cal-day:hover:not(.empty)[b-j9xlr054zy] {
    transform: scale(1.08);
    z-index: 1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.cal-day.empty[b-j9xlr054zy] {
    background: transparent;
    cursor: default;
}

.cal-day.today[b-j9xlr054zy] {
    border: 2px solid var(--accent-fill-active);
    font-weight: 700;
}

.day-num[b-j9xlr054zy] {
    font-weight: 500;
    font-size: 12px;
}

.day-dots[b-j9xlr054zy] {
    display: flex;
    gap: 2px;
    margin-top: 2px;
}

.day-dot[b-j9xlr054zy] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/* ============ Heat Map Colors ============ */
.heat-0[b-j9xlr054zy] { background: var(--color-background-base-secondary); }
.heat-1[b-j9xlr054zy] { background: #e8f5e9; }
.heat-2[b-j9xlr054zy] { background: #fff8e1; }
.heat-3[b-j9xlr054zy] { background: #fff3e0; }
.heat-overdue[b-j9xlr054zy] { background: #ffebee; }

/* ============ Legend ============ */
.cal-legend[b-j9xlr054zy] {
    display: flex;
    gap: 14px;
    margin-top: 14px;
    padding: 8px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    justify-content: center;
}

.cal-legend-item[b-j9xlr054zy] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cal-legend-dot[b-j9xlr054zy] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid var(--color-border-base-default);
}

.cal-legend-dot.heat-0[b-j9xlr054zy] { background: var(--color-background-base-secondary); }
.cal-legend-dot.heat-1[b-j9xlr054zy] { background: #e8f5e9; }
.cal-legend-dot.heat-2[b-j9xlr054zy] { background: #fff8e1; }
.cal-legend-dot.heat-3[b-j9xlr054zy] { background: #fff3e0; }
.cal-legend-dot.heat-overdue[b-j9xlr054zy] { background: #ffebee; }
/* _content/IGM.Web/Pages/MyTasks/Dashboard/TaskFilteredTable.razor.rz.scp.css */
/* ============ Table Container ============ */
.filtered-table-container[b-ce496vzffs] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* ============ Tabs ============ */
.table-tabs[b-ce496vzffs] {
    display: flex;
    border-bottom: 2px solid var(--color-border-base-default);
    overflow-x: auto;
}

.table-tab[b-ce496vzffs] {
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--color-text-base-secondary);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.15s;
    white-space: nowrap;
}

.table-tab:hover[b-ce496vzffs] {
    color: var(--color-text-base-default);
    background: var(--color-background-base-secondary);
}

.table-tab.active[b-ce496vzffs] {
    color: var(--accent-fill-active);
    border-bottom-color: var(--accent-fill-active);
    font-weight: 600;
}

.tab-count[b-ce496vzffs] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    margin-left: 5px;
    font-weight: 600;
}

.tab-all[b-ce496vzffs] { background: #e8eaf6; color: #3949ab; }
.tab-new[b-ce496vzffs] { background: var(--accent-stroke-control-active); color: var(--accent-fill-rest); }
.tab-progress[b-ce496vzffs] { background: #fff3e0; color: #e65100; }
.tab-deadline[b-ce496vzffs] { background: #fff8e1; color: #f57f17; }
.tab-overdue[b-ce496vzffs] { background: #ffebee; color: #c62828; }

/* ============ Table Body ============ */
.table-body[b-ce496vzffs] {
    padding: 12px;
    max-height: 500px;
    overflow-y: auto;
}

.table-empty[b-ce496vzffs] {
    text-align: center;
    color: var(--color-text-base-tertiary);
    padding: 40px;
    font-size: 14px;
}

/* ============ Task Card ============ */
.table-task-card[b-ce496vzffs] {
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 10px;
    background: var(--color-background-base-secondary);
    transition: all 0.15s;
    cursor: default;
}

.table-task-card:hover[b-ce496vzffs] {
    background: var(--color-background-base-secondary);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Header */
.ttc-header[b-ce496vzffs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.ttc-type-badge[b-ce496vzffs] {
    font-size: 10px;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

.ttc-state-badge[b-ce496vzffs] {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

.ttc-number[b-ce496vzffs] {
    font-size: 12px;
    font-weight: 700;
    color: var(--accent-fill-rest);
    cursor: pointer;
}

.ttc-number:hover[b-ce496vzffs] {
    text-decoration: underline;
}

.ttc-date[b-ce496vzffs] {
    font-size: 11px;
    color: var(--color-text-base-tertiary);
}

.ttc-efiling-badge[b-ce496vzffs] {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    background: #FEDF89;
    color: #92400e;
    font-weight: 500;
}

.ttc-scope-badge[b-ce496vzffs] {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    background: var(--color-background-base-tertiary);
    color: var(--color-text-base-secondary);
}

/* Title */
.ttc-title[b-ce496vzffs] {
    font-size: 14px;
    font-weight: 600;
    color: var(--accent-fill-active);
    margin-bottom: 4px;
    cursor: pointer;
}

.ttc-title:hover[b-ce496vzffs] {
    text-decoration: underline;
}

/* Person */
.ttc-person[b-ce496vzffs] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    margin-bottom: 8px;
}

/* Footer */
.ttc-footer[b-ce496vzffs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.ttc-progress[b-ce496vzffs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.ttc-progress-bar[b-ce496vzffs] {
    width: 80px;
    height: 6px;
    background: #eee;
    border-radius: 3px;
    overflow: hidden;
}

.ttc-progress-fill[b-ce496vzffs] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s;
}

.ttc-progress-text[b-ce496vzffs] {
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.ttc-assignee[b-ce496vzffs] {
    font-size: 11px;
    color: var(--color-text-base-tertiary);
    white-space: nowrap;
}
/* _content/IGM.Web/Pages/MyTasks/Dashboard/TaskTimeline.razor.rz.scp.css */
/* ============ Timeline Container ============ */
.timeline-container[b-ymy16mmmm5] {
    background: var(--neutral-layer-1);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.timeline-title[b-ymy16mmmm5] {
    font-size: 16px;
    font-weight: 700;
    color: var(--accent-fill-active);
    margin-bottom: 16px;
}

.timeline-empty[b-ymy16mmmm5] {
    text-align: center;
    color: var(--color-text-base-tertiary);
    padding: 40px;
    font-size: 14px;
}

/* ============ Header Row ============ */
.timeline-header-row[b-ymy16mmmm5] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 16px;
    padding: 8px 12px;
    background: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-secondary);
}

.timeline-info-col[b-ymy16mmmm5] {
    min-width: 260px;
}

.timeline-bar-col[b-ymy16mmmm5] {
    position: relative;
    overflow: hidden;
}

/* ============ Scale ============ */
.timeline-scale[b-ymy16mmmm5] {
    position: relative;
    height: 20px;
}

.scale-label[b-ymy16mmmm5] {
    position: absolute;
    font-size: 10px;
    color: var(--color-text-base-tertiary);
    transform: translateX(-50%);
    white-space: nowrap;
}

/* ============ Body ============ */
.timeline-body[b-ymy16mmmm5] {
    max-height: 400px;
    overflow-y: auto;
}

/* ============ Task Row ============ */
.timeline-row[b-ymy16mmmm5] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 16px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    transition: background 0.15s;
}

.timeline-row:hover[b-ymy16mmmm5] {
    background: var(--color-background-base-secondary);
}

/* ============ Task Info ============ */
.tl-task-header[b-ymy16mmmm5] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
}

.tl-type-badge[b-ymy16mmmm5] {
    font-size: 9px;
    color: white;
    padding: 2px 7px;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
}

.tl-number[b-ymy16mmmm5] {
    font-size: 12px;
    font-weight: 700;
    color: var(--accent-fill-rest);
    cursor: pointer;
    text-decoration: none;
}

.tl-number:hover[b-ymy16mmmm5] {
    text-decoration: underline;
}

.tl-task-title[b-ymy16mmmm5] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.tl-task-person[b-ymy16mmmm5] {
    font-size: 11px;
    color: var(--color-text-base-secondary);
}

/* ============ Bar Area ============ */
.timeline-bar-area[b-ymy16mmmm5] {
    position: relative;
    height: 24px;
    background: var(--color-background-base-secondary);
    border-radius: 4px;
}

.timeline-today-line[b-ymy16mmmm5] {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 2px;
    background: var(--accent-fill-active);
    z-index: 2;
}

.today-label[b-ymy16mmmm5] {
    position: absolute;
    top: -14px;
    left: -8px;
    font-size: 9px;
    font-weight: 700;
    color: var(--accent-fill-active);
}

.timeline-bar[b-ymy16mmmm5] {
    position: absolute;
    height: 18px;
    top: 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 6px;
    color: white;
    font-weight: 600;
    min-width: 20px;
    z-index: 1;
    transition: opacity 0.15s;
}

.timeline-bar:hover[b-ymy16mmmm5] {
    opacity: 0.9;
    z-index: 3;
}

.bar-label[b-ymy16mmmm5] {
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============ Legend ============ */
.timeline-legend[b-ymy16mmmm5] {
    display: flex;
    gap: 16px;
    margin-top: 14px;
    padding: 10px 12px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    align-items: center;
}

.legend-item[b-ymy16mmmm5] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.legend-dot[b-ymy16mmmm5] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.legend-line[b-ymy16mmmm5] {
    width: 1px;
    height: 16px;
    background: #ddd;
}

/* ============ Responsive ============ */
@media (max-width: 900px) {
    .timeline-header-row[b-ymy16mmmm5],
    .timeline-row[b-ymy16mmmm5] {
        grid-template-columns: 180px 1fr;
    }

    .tl-task-title[b-ymy16mmmm5] {
        max-width: 160px;
    }
}
/* _content/IGM.Web/Pages/MyTasks/SefDirectie/AllActiveTasks.razor.rz.scp.css */

root[b-ud0aeoqrq7] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-ud0aeoqrq7] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-ud0aeoqrq7] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-ud0aeoqrq7] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-ud0aeoqrq7] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-ud0aeoqrq7] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-ud0aeoqrq7] {
    margin-bottom: 16px;
}


.tasks-list[b-ud0aeoqrq7] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-ud0aeoqrq7] {
    display: none;
}
.tasks-list >.column-header[b-ud0aeoqrq7]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-ud0aeoqrq7] {
        
        color: red !important;
    }

    .task-card[b-ud0aeoqrq7] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-ud0aeoqrq7] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-ud0aeoqrq7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-ud0aeoqrq7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-ud0aeoqrq7] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-ud0aeoqrq7] {
        text-decoration: underline;
    }


.task-person[b-ud0aeoqrq7] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-ud0aeoqrq7] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-ud0aeoqrq7] {
    margin-bottom: 16px;
}

.progress-bar[b-ud0aeoqrq7] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-ud0aeoqrq7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-ud0aeoqrq7] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-ud0aeoqrq7] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-ud0aeoqrq7] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-ud0aeoqrq7] {
        padding: 12px;
    }

    .statistics-cards[b-ud0aeoqrq7] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-ud0aeoqrq7] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-ud0aeoqrq7] {
        font-size: 36px;
    }

    .stat-label[b-ud0aeoqrq7] {
        font-size: 12px;
    }

    .task-header[b-ud0aeoqrq7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-ud0aeoqrq7] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-ud0aeoqrq7] {
        min-width: 100%;
    }
}

.flex[b-ud0aeoqrq7] {display: flex; }

.bg-1[b-ud0aeoqrq7] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-ud0aeoqrq7]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-ud0aeoqrq7] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-ud0aeoqrq7] {  flex: 1 1 0%; }

.h-1\.5[b-ud0aeoqrq7] {  height: .375rem; }

.gap-0\.5[b-ud0aeoqrq7] {   gap: .125rem; }

.mt-2[b-ud0aeoqrq7] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-ud0aeoqrq7] {
    border-radius: 9999px;
}
.animate-pulse[b-ud0aeoqrq7] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-ud0aeoqrq7] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefDirectie/DeSemnat.razor.rz.scp.css */

root[b-zolbtufouc] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-zolbtufouc] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-zolbtufouc] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-zolbtufouc] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-zolbtufouc] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-zolbtufouc] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-zolbtufouc] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-zolbtufouc] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-zolbtufouc] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-zolbtufouc] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-zolbtufouc] {
    margin-bottom: 16px;
}


.tasks-list[b-zolbtufouc] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-zolbtufouc] {
    display: none;
}
.tasks-list >.column-header[b-zolbtufouc]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-zolbtufouc] {
        
        color: red !important;
    }

    .task-card[b-zolbtufouc] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-zolbtufouc] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-zolbtufouc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-zolbtufouc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-zolbtufouc] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-zolbtufouc] {
        text-decoration: underline;
    }


.task-person[b-zolbtufouc] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-zolbtufouc] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-zolbtufouc] {
    margin-bottom: 16px;
}

.progress-bar[b-zolbtufouc] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-zolbtufouc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-zolbtufouc] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-zolbtufouc] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-zolbtufouc] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-zolbtufouc] {
        padding: 12px;
    }

    .statistics-cards[b-zolbtufouc] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-zolbtufouc] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-zolbtufouc] {
        font-size: 36px;
    }

    .stat-label[b-zolbtufouc] {
        font-size: 12px;
    }

    .task-header[b-zolbtufouc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-zolbtufouc] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-zolbtufouc] {
        min-width: 100%;
    }
}

.flex[b-zolbtufouc] {display: flex; }

.bg-1[b-zolbtufouc] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-zolbtufouc]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-zolbtufouc] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-zolbtufouc] {  flex: 1 1 0%; }

.h-1\.5[b-zolbtufouc] {  height: .375rem; }

.gap-0\.5[b-zolbtufouc] {   gap: .125rem; }

.mt-2[b-zolbtufouc] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-zolbtufouc] {
    border-radius: 9999px;
}
.animate-pulse[b-zolbtufouc] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-zolbtufouc] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefIGM/TaskPending.razor.rz.scp.css */
/* ============================================
   ExecutorTaskPendingCerere_New.razor CSS
   FluentDataGrid Task Cards Styling
   ============================================ */

:root[b-lzzbl3ou8p] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}

/* Task Dashboard Container */
.task-dashboard[b-lzzbl3ou8p] {
    width: 100%;
    padding: 20px;
}

/* ============================================
   FILTER TABS STYLING
   ============================================ */

.filter-tab[b-lzzbl3ou8p] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;

}

.filter-tab .tab[b-lzzbl3ou8p] {
    padding: 8px 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 20px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

.filter-tab .tab:hover[b-lzzbl3ou8p] {
    background: var(--color-background-base-secondary);
    border-color: var(--accent-fill-rest);
}

.filter-tab .tab.active[b-lzzbl3ou8p] {
    background: var(--accent-fill-rest);
    color: white;
    border-color: var(--accent-fill-rest);
}

/* ============================================
   STATISTICS CARDS
   ============================================ */

.statistics-cards[b-lzzbl3ou8p] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-lzzbl3ou8p] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

.stat-card.stat-purple[b-lzzbl3ou8p] {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}

.stat-card.stat-blue[b-lzzbl3ou8p] {
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
}

.stat-card.stat-orange[b-lzzbl3ou8p] {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
}

.stat-card.stat-green[b-lzzbl3ou8p] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}

.stat-number[b-lzzbl3ou8p] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-lzzbl3ou8p] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}

/* ============================================
   TASK LIST & CARDS
   ============================================ */

.section-header[b-lzzbl3ou8p] {
    margin-bottom: 16px;
}

.tasks-list[b-lzzbl3ou8p] {
    gap: 16px;
}

/* Hide default grid header */
.grid-no-header[b-lzzbl3ou8p] (.column-header),
.grid-no-header[b-lzzbl3ou8p] (thead),
.grid-no-header[b-lzzbl3ou8p] (.fluent-data-grid-header) {
    display: none !important;
}

.tasks-list > .column-header[b-lzzbl3ou8p] {
    display: none;
}

/* Task Card Styling */
.task-card[b-lzzbl3ou8p] {
    padding: 10px;
    border-radius: 8px;
    width: 99%;
    border: 1px solid #d3d6de;
    transition: all 0.2s ease;
    margin: 5px;
    background: var(--neutral-layer-1);
}

.task-card:hover[b-lzzbl3ou8p] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Task Header */
.task-header[b-lzzbl3ou8p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.task-case-info[b-lzzbl3ou8p] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.case-number[b-lzzbl3ou8p] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.case-number:hover[b-lzzbl3ou8p] {
    text-decoration: underline;
}

/* Task Person Section */
.task-person[b-lzzbl3ou8p] {
    margin-bottom: 0px;
}

.task-person fluent-label:first-child[b-lzzbl3ou8p] {
    margin-bottom: 4px;
}

/* Task Progress Bar */
.task-progress[b-lzzbl3ou8p] {
    margin-bottom: 16px;
}

.progress-bar[b-lzzbl3ou8p] {
    width: 100%;
    height: 8px;
}

/* Task Footer */
.task-footer[b-lzzbl3ou8p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.task-footer fluent-stack[b-lzzbl3ou8p] {
    gap: 6px;
    align-items: center;
}

/* ============================================
   STATUS BADGES
   ============================================ */

.status-badge[b-lzzbl3ou8p] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.status-neutral[b-lzzbl3ou8p] {
    background-color: var(--color-background-base-tertiary);
    color: var(--color-text-base-default);
}

.status-badge.status-success[b-lzzbl3ou8p] {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.status-warning[b-lzzbl3ou8p] {
    background-color: #fff3cd;
    color: #856404;
}

.status-badge.status-danger[b-lzzbl3ou8p] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-badge.status-info[b-lzzbl3ou8p] {
    background-color: #d1ecf1;
    color: #0c5460;
}

/* ============================================
   WORKFLOW PROGRESS INDICATORS
   ============================================ */

.bg-green[b-lzzbl3ou8p] {
    background-color: #10B981 !important;
}

.bg-red[b-lzzbl3ou8p] {
    background-color: #EF4444 !important;
}

.bg-gray[b-lzzbl3ou8p] {
    background-color: #9CA3AF !important;
}

.bg-blue[b-lzzbl3ou8p] {
    background-color: var(--accent-fill-rest) !important;
}

.bg-yellow[b-lzzbl3ou8p] {
    background-color: #F59E0B !important;
}

/* ============================================
   EMPTY STATE
   ============================================ */

.empty-state[b-lzzbl3ou8p] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}

.empty-state fluent-icon[b-lzzbl3ou8p] {
    margin-bottom: 16px;
}

/* ============================================
   UTILITY CLASSES (Tailwind-like)
   ============================================ */

.flex[b-lzzbl3ou8p] {
    display: flex;
}

.flex-1[b-lzzbl3ou8p] {
    flex: 1 1 0%;
}

.h-1\.5[b-lzzbl3ou8p] {
    height: .375rem;
}

.gap-0\.5[b-lzzbl3ou8p] {
    gap: .125rem;
}

.mt-2[b-lzzbl3ou8p] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-lzzbl3ou8p] {
    border-radius: 9999px;
}

.animate-pulse[b-lzzbl3ou8p] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

.text-blue-700[b-lzzbl3ou8p] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 768px) {
    .task-dashboard[b-lzzbl3ou8p] {
        padding: 12px;
    }

    .statistics-cards[b-lzzbl3ou8p] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-lzzbl3ou8p] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-lzzbl3ou8p] {
        font-size: 36px;
    }

    .stat-label[b-lzzbl3ou8p] {
        font-size: 12px;
    }

    .task-header[b-lzzbl3ou8p] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-lzzbl3ou8p] {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-tab[b-lzzbl3ou8p] {
        flex-wrap: wrap;
    }

    .filter-tab .tab[b-lzzbl3ou8p] {
        flex: 1;
        min-width: 80px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stat-card[b-lzzbl3ou8p] {
        min-width: 100%;
    }

    .task-case-info[b-lzzbl3ou8p] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/IGM.Web/Pages/MyTasks/SefSAA/ExecutorStatistic.razor.rz.scp.css */
/* _content/IGM.Web/Pages/MyTasks/SefSAA/TaskAllActive.razor.rz.scp.css */

root[b-mp4bf9s9bq] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-mp4bf9s9bq] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-mp4bf9s9bq] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-mp4bf9s9bq] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-mp4bf9s9bq] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-mp4bf9s9bq] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-mp4bf9s9bq] {
    margin-bottom: 16px;
}


.tasks-list[b-mp4bf9s9bq] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-mp4bf9s9bq] {
    display: none;
}
.tasks-list >.column-header[b-mp4bf9s9bq]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-mp4bf9s9bq] {
        
        color: red !important;
    }

    .task-card[b-mp4bf9s9bq] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-mp4bf9s9bq] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-mp4bf9s9bq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-mp4bf9s9bq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-mp4bf9s9bq] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-mp4bf9s9bq] {
        text-decoration: underline;
    }


.task-person[b-mp4bf9s9bq] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-mp4bf9s9bq] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-mp4bf9s9bq] {
    margin-bottom: 16px;
}

.progress-bar[b-mp4bf9s9bq] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-mp4bf9s9bq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-mp4bf9s9bq] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-mp4bf9s9bq] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-mp4bf9s9bq] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-mp4bf9s9bq] {
        padding: 12px;
    }

    .statistics-cards[b-mp4bf9s9bq] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-mp4bf9s9bq] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-mp4bf9s9bq] {
        font-size: 36px;
    }

    .stat-label[b-mp4bf9s9bq] {
        font-size: 12px;
    }

    .task-header[b-mp4bf9s9bq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-mp4bf9s9bq] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-mp4bf9s9bq] {
        min-width: 100%;
    }
}

.flex[b-mp4bf9s9bq] {display: flex; }

.bg-1[b-mp4bf9s9bq] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-mp4bf9s9bq]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-mp4bf9s9bq] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-mp4bf9s9bq] {  flex: 1 1 0%; }

.h-1\.5[b-mp4bf9s9bq] {  height: .375rem; }

.gap-0\.5[b-mp4bf9s9bq] {   gap: .125rem; }

.mt-2[b-mp4bf9s9bq] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-mp4bf9s9bq] {
    border-radius: 9999px;
}
.animate-pulse[b-mp4bf9s9bq] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-mp4bf9s9bq] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAA/TaskDeRepartizat.razor.rz.scp.css */

root[b-txluvkf348] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-txluvkf348] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-txluvkf348] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-txluvkf348] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-txluvkf348] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-txluvkf348] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-txluvkf348] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-txluvkf348] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-txluvkf348] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-txluvkf348] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-txluvkf348] {
    margin-bottom: 16px;
}


.tasks-list[b-txluvkf348] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-txluvkf348] {
    display: none;
}
.tasks-list >.column-header[b-txluvkf348]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-txluvkf348] {
        
        color: red !important;
    }

    .task-card[b-txluvkf348] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-txluvkf348] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-txluvkf348] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-txluvkf348] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-txluvkf348] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-txluvkf348] {
        text-decoration: underline;
    }


.task-person[b-txluvkf348] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-txluvkf348] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-txluvkf348] {
    margin-bottom: 16px;
}

.progress-bar[b-txluvkf348] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-txluvkf348] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-txluvkf348] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-txluvkf348] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-txluvkf348] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-txluvkf348] {
        padding: 12px;
    }

    .statistics-cards[b-txluvkf348] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-txluvkf348] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-txluvkf348] {
        font-size: 36px;
    }

    .stat-label[b-txluvkf348] {
        font-size: 12px;
    }

    .task-header[b-txluvkf348] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-txluvkf348] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-txluvkf348] {
        min-width: 100%;
    }
}

.flex[b-txluvkf348] {display: flex; }

.bg-1[b-txluvkf348] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-txluvkf348]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-txluvkf348] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-txluvkf348] {  flex: 1 1 0%; }

.h-1\.5[b-txluvkf348] {  height: .375rem; }

.gap-0\.5[b-txluvkf348] {   gap: .125rem; }

.mt-2[b-txluvkf348] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-txluvkf348] {
    border-radius: 9999px;
}
.animate-pulse[b-txluvkf348] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-txluvkf348] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAA/Task_Not_Opened.razor.rz.scp.css */

root[b-dohps9e8o1] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-dohps9e8o1] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-dohps9e8o1] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-dohps9e8o1] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-dohps9e8o1] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-dohps9e8o1] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-dohps9e8o1] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-dohps9e8o1] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-dohps9e8o1] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-dohps9e8o1] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-dohps9e8o1] {
    margin-bottom: 16px;
}


.tasks-list[b-dohps9e8o1] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-dohps9e8o1] {
    display: none;
}
.tasks-list >.column-header[b-dohps9e8o1]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-dohps9e8o1] {
        
        color: red !important;
    }

    .task-card[b-dohps9e8o1] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-dohps9e8o1] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-dohps9e8o1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-dohps9e8o1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-dohps9e8o1] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-dohps9e8o1] {
        text-decoration: underline;
    }


.task-person[b-dohps9e8o1] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-dohps9e8o1] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-dohps9e8o1] {
    margin-bottom: 16px;
}

.progress-bar[b-dohps9e8o1] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-dohps9e8o1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-dohps9e8o1] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-dohps9e8o1] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-dohps9e8o1] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-dohps9e8o1] {
        padding: 12px;
    }

    .statistics-cards[b-dohps9e8o1] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-dohps9e8o1] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-dohps9e8o1] {
        font-size: 36px;
    }

    .stat-label[b-dohps9e8o1] {
        font-size: 12px;
    }

    .task-header[b-dohps9e8o1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-dohps9e8o1] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-dohps9e8o1] {
        min-width: 100%;
    }
}

.flex[b-dohps9e8o1] {display: flex; }

.bg-1[b-dohps9e8o1] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-dohps9e8o1]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-dohps9e8o1] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-dohps9e8o1] {  flex: 1 1 0%; }

.h-1\.5[b-dohps9e8o1] {  height: .375rem; }

.gap-0\.5[b-dohps9e8o1] {   gap: .125rem; }

.mt-2[b-dohps9e8o1] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-dohps9e8o1] {
    border-radius: 9999px;
}
.animate-pulse[b-dohps9e8o1] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-dohps9e8o1] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/DeSemnatRepartizat.razor.rz.scp.css */

root[b-4mrleswnf5] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-4mrleswnf5] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-4mrleswnf5] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-4mrleswnf5] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-4mrleswnf5] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-4mrleswnf5] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-4mrleswnf5] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-4mrleswnf5] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-4mrleswnf5] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-4mrleswnf5] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-4mrleswnf5] {
    margin-bottom: 16px;
}


.tasks-list[b-4mrleswnf5] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-4mrleswnf5] {
    display: none;
}
.tasks-list >.column-header[b-4mrleswnf5]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-4mrleswnf5] {
        
        color: red !important;
    }

    .task-card[b-4mrleswnf5] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-4mrleswnf5] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-4mrleswnf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-4mrleswnf5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-4mrleswnf5] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-4mrleswnf5] {
        text-decoration: underline;
    }


.task-person[b-4mrleswnf5] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-4mrleswnf5] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-4mrleswnf5] {
    margin-bottom: 16px;
}

.progress-bar[b-4mrleswnf5] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-4mrleswnf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-4mrleswnf5] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-4mrleswnf5] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-4mrleswnf5] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-4mrleswnf5] {
        padding: 12px;
    }

    .statistics-cards[b-4mrleswnf5] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-4mrleswnf5] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-4mrleswnf5] {
        font-size: 36px;
    }

    .stat-label[b-4mrleswnf5] {
        font-size: 12px;
    }

    .task-header[b-4mrleswnf5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-4mrleswnf5] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-4mrleswnf5] {
        min-width: 100%;
    }
}

.flex[b-4mrleswnf5] {display: flex; }

.bg-1[b-4mrleswnf5] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-4mrleswnf5]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-4mrleswnf5] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-4mrleswnf5] {  flex: 1 1 0%; }

.h-1\.5[b-4mrleswnf5] {  height: .375rem; }

.gap-0\.5[b-4mrleswnf5] {   gap: .125rem; }

.mt-2[b-4mrleswnf5] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-4mrleswnf5] {
    border-radius: 9999px;
}
.animate-pulse[b-4mrleswnf5] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-4mrleswnf5] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/EfilingRepartizat_SefSAD.razor.rz.scp.css */

root[b-0v70kf4pw9] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-0v70kf4pw9] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-0v70kf4pw9] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-0v70kf4pw9] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-0v70kf4pw9] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-0v70kf4pw9] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-0v70kf4pw9] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-0v70kf4pw9] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-0v70kf4pw9] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-0v70kf4pw9] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-0v70kf4pw9] {
    margin-bottom: 16px;
}


.tasks-list[b-0v70kf4pw9] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-0v70kf4pw9] {
    display: none;
}
.tasks-list >.column-header[b-0v70kf4pw9]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-0v70kf4pw9] {
        
        color: red !important;
    }

    .task-card[b-0v70kf4pw9] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-0v70kf4pw9] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-0v70kf4pw9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-0v70kf4pw9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-0v70kf4pw9] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-0v70kf4pw9] {
        text-decoration: underline;
    }


.task-person[b-0v70kf4pw9] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-0v70kf4pw9] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-0v70kf4pw9] {
    margin-bottom: 16px;
}

.progress-bar[b-0v70kf4pw9] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-0v70kf4pw9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-0v70kf4pw9] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-0v70kf4pw9] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-0v70kf4pw9] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-0v70kf4pw9] {
        padding: 12px;
    }

    .statistics-cards[b-0v70kf4pw9] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-0v70kf4pw9] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-0v70kf4pw9] {
        font-size: 36px;
    }

    .stat-label[b-0v70kf4pw9] {
        font-size: 12px;
    }

    .task-header[b-0v70kf4pw9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-0v70kf4pw9] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-0v70kf4pw9] {
        min-width: 100%;
    }
}

.flex[b-0v70kf4pw9] {display: flex; }

.bg-1[b-0v70kf4pw9] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-0v70kf4pw9]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-0v70kf4pw9] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-0v70kf4pw9] {  flex: 1 1 0%; }

.h-1\.5[b-0v70kf4pw9] {  height: .375rem; }

.gap-0\.5[b-0v70kf4pw9] {   gap: .125rem; }

.mt-2[b-0v70kf4pw9] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-0v70kf4pw9] {
    border-radius: 9999px;
}
.animate-pulse[b-0v70kf4pw9] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-0v70kf4pw9] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/SefSAD_SEMNAT.razor.rz.scp.css */

root[b-88jsm9rgoc] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-88jsm9rgoc] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-88jsm9rgoc] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-88jsm9rgoc] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-88jsm9rgoc] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-88jsm9rgoc] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-88jsm9rgoc] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-88jsm9rgoc] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-88jsm9rgoc] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-88jsm9rgoc] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-88jsm9rgoc] {
    margin-bottom: 16px;
}


.tasks-list[b-88jsm9rgoc] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-88jsm9rgoc] {
    display: none;
}
.tasks-list >.column-header[b-88jsm9rgoc]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-88jsm9rgoc] {
        
        color: red !important;
    }

    .task-card[b-88jsm9rgoc] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-88jsm9rgoc] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-88jsm9rgoc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-88jsm9rgoc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-88jsm9rgoc] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-88jsm9rgoc] {
        text-decoration: underline;
    }


.task-person[b-88jsm9rgoc] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-88jsm9rgoc] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-88jsm9rgoc] {
    margin-bottom: 16px;
}

.progress-bar[b-88jsm9rgoc] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-88jsm9rgoc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-88jsm9rgoc] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-88jsm9rgoc] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-88jsm9rgoc] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-88jsm9rgoc] {
        padding: 12px;
    }

    .statistics-cards[b-88jsm9rgoc] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-88jsm9rgoc] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-88jsm9rgoc] {
        font-size: 36px;
    }

    .stat-label[b-88jsm9rgoc] {
        font-size: 12px;
    }

    .task-header[b-88jsm9rgoc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-88jsm9rgoc] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-88jsm9rgoc] {
        min-width: 100%;
    }
}

.flex[b-88jsm9rgoc] {display: flex; }

.bg-1[b-88jsm9rgoc] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-88jsm9rgoc]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-88jsm9rgoc] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-88jsm9rgoc] {  flex: 1 1 0%; }

.h-1\.5[b-88jsm9rgoc] {  height: .375rem; }

.gap-0\.5[b-88jsm9rgoc] {   gap: .125rem; }

.mt-2[b-88jsm9rgoc] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-88jsm9rgoc] {
    border-radius: 9999px;
}
.animate-pulse[b-88jsm9rgoc] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-88jsm9rgoc] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/SefSAD_Statistic.razor.rz.scp.css */
/* _content/IGM.Web/Pages/MyTasks/SefSAD/TaskAllActive.razor.rz.scp.css */

root[b-m75pix073q] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-m75pix073q] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-m75pix073q] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-m75pix073q] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-m75pix073q] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-m75pix073q] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-m75pix073q] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-m75pix073q] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-m75pix073q] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-m75pix073q] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-m75pix073q] {
    margin-bottom: 16px;
}


.tasks-list[b-m75pix073q] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-m75pix073q] {
    display: none;
}
.tasks-list >.column-header[b-m75pix073q]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-m75pix073q] {
        
        color: red !important;
    }

    .task-card[b-m75pix073q] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-m75pix073q] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-m75pix073q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-m75pix073q] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-m75pix073q] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-m75pix073q] {
        text-decoration: underline;
    }


.task-person[b-m75pix073q] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-m75pix073q] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-m75pix073q] {
    margin-bottom: 16px;
}

.progress-bar[b-m75pix073q] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-m75pix073q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-m75pix073q] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-m75pix073q] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-m75pix073q] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-m75pix073q] {
        padding: 12px;
    }

    .statistics-cards[b-m75pix073q] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-m75pix073q] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-m75pix073q] {
        font-size: 36px;
    }

    .stat-label[b-m75pix073q] {
        font-size: 12px;
    }

    .task-header[b-m75pix073q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-m75pix073q] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-m75pix073q] {
        min-width: 100%;
    }
}

.flex[b-m75pix073q] {display: flex; }

.bg-1[b-m75pix073q] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-m75pix073q]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-m75pix073q] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-m75pix073q] {  flex: 1 1 0%; }

.h-1\.5[b-m75pix073q] {  height: .375rem; }

.gap-0\.5[b-m75pix073q] {   gap: .125rem; }

.mt-2[b-m75pix073q] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-m75pix073q] {
    border-radius: 9999px;
}
.animate-pulse[b-m75pix073q] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-m75pix073q] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSCSIS/TaskAllActive.razor.rz.scp.css */

root[b-srh1v8obmz] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-srh1v8obmz] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-srh1v8obmz] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-srh1v8obmz] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-srh1v8obmz] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-srh1v8obmz] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-srh1v8obmz] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-srh1v8obmz] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-srh1v8obmz] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-srh1v8obmz] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-srh1v8obmz] {
    margin-bottom: 16px;
}


.tasks-list[b-srh1v8obmz] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-srh1v8obmz] {
    display: none;
}
.tasks-list >.column-header[b-srh1v8obmz]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-srh1v8obmz] {
        
        color: red !important;
    }

    .task-card[b-srh1v8obmz] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-srh1v8obmz] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-srh1v8obmz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-srh1v8obmz] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-srh1v8obmz] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-srh1v8obmz] {
        text-decoration: underline;
    }


.task-person[b-srh1v8obmz] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-srh1v8obmz] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-srh1v8obmz] {
    margin-bottom: 16px;
}

.progress-bar[b-srh1v8obmz] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-srh1v8obmz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-srh1v8obmz] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-srh1v8obmz] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-srh1v8obmz] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-srh1v8obmz] {
        padding: 12px;
    }

    .statistics-cards[b-srh1v8obmz] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-srh1v8obmz] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-srh1v8obmz] {
        font-size: 36px;
    }

    .stat-label[b-srh1v8obmz] {
        font-size: 12px;
    }

    .task-header[b-srh1v8obmz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-srh1v8obmz] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-srh1v8obmz] {
        min-width: 100%;
    }
}

.flex[b-srh1v8obmz] {display: flex; }

.bg-1[b-srh1v8obmz] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-srh1v8obmz]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-srh1v8obmz] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-srh1v8obmz] {  flex: 1 1 0%; }

.h-1\.5[b-srh1v8obmz] {  height: .375rem; }

.gap-0\.5[b-srh1v8obmz] {   gap: .125rem; }

.mt-2[b-srh1v8obmz] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-srh1v8obmz] {
    border-radius: 9999px;
}
.animate-pulse[b-srh1v8obmz] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-srh1v8obmz] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSCSIS/TaskDeRepartizat.razor.rz.scp.css */

root[b-c6v8tben7q] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-c6v8tben7q] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-c6v8tben7q] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-c6v8tben7q] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-c6v8tben7q] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-c6v8tben7q] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-c6v8tben7q] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-c6v8tben7q] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-c6v8tben7q] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-c6v8tben7q] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-c6v8tben7q] {
    margin-bottom: 16px;
}


.tasks-list[b-c6v8tben7q] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-c6v8tben7q] {
    display: none;
}
.tasks-list >.column-header[b-c6v8tben7q]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-c6v8tben7q] {
        
        color: red !important;
    }

    .task-card[b-c6v8tben7q] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-c6v8tben7q] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-c6v8tben7q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-c6v8tben7q] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-c6v8tben7q] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-c6v8tben7q] {
        text-decoration: underline;
    }


.task-person[b-c6v8tben7q] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-c6v8tben7q] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-c6v8tben7q] {
    margin-bottom: 16px;
}

.progress-bar[b-c6v8tben7q] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-c6v8tben7q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-c6v8tben7q] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-c6v8tben7q] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-c6v8tben7q] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-c6v8tben7q] {
        padding: 12px;
    }

    .statistics-cards[b-c6v8tben7q] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-c6v8tben7q] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-c6v8tben7q] {
        font-size: 36px;
    }

    .stat-label[b-c6v8tben7q] {
        font-size: 12px;
    }

    .task-header[b-c6v8tben7q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-c6v8tben7q] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-c6v8tben7q] {
        min-width: 100%;
    }
}

.flex[b-c6v8tben7q] {display: flex; }

.bg-1[b-c6v8tben7q] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-c6v8tben7q]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-c6v8tben7q] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-c6v8tben7q] {  flex: 1 1 0%; }

.h-1\.5[b-c6v8tben7q] {  height: .375rem; }

.gap-0\.5[b-c6v8tben7q] {   gap: .125rem; }

.mt-2[b-c6v8tben7q] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-c6v8tben7q] {
    border-radius: 9999px;
}
.animate-pulse[b-c6v8tben7q] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-c6v8tben7q] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSCSIS/Task_Not_Opened.razor.rz.scp.css */

root[b-1klgx22mgs] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-1klgx22mgs] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-1klgx22mgs] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-1klgx22mgs] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-1klgx22mgs] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-1klgx22mgs] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-1klgx22mgs] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-1klgx22mgs] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-1klgx22mgs] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-1klgx22mgs] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-1klgx22mgs] {
    margin-bottom: 16px;
}


.tasks-list[b-1klgx22mgs] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-1klgx22mgs] {
    display: none;
}
.tasks-list >.column-header[b-1klgx22mgs]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-1klgx22mgs] {
        
        color: red !important;
    }

    .task-card[b-1klgx22mgs] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-1klgx22mgs] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-1klgx22mgs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-1klgx22mgs] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-1klgx22mgs] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-1klgx22mgs] {
        text-decoration: underline;
    }


.task-person[b-1klgx22mgs] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-1klgx22mgs] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-1klgx22mgs] {
    margin-bottom: 16px;
}

.progress-bar[b-1klgx22mgs] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-1klgx22mgs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-1klgx22mgs] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-1klgx22mgs] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-1klgx22mgs] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-1klgx22mgs] {
        padding: 12px;
    }

    .statistics-cards[b-1klgx22mgs] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-1klgx22mgs] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-1klgx22mgs] {
        font-size: 36px;
    }

    .stat-label[b-1klgx22mgs] {
        font-size: 12px;
    }

    .task-header[b-1klgx22mgs] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-1klgx22mgs] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-1klgx22mgs] {
        min-width: 100%;
    }
}

.flex[b-1klgx22mgs] {display: flex; }

.bg-1[b-1klgx22mgs] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-1klgx22mgs]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-1klgx22mgs] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-1klgx22mgs] {  flex: 1 1 0%; }

.h-1\.5[b-1klgx22mgs] {  height: .375rem; }

.gap-0\.5[b-1klgx22mgs] {   gap: .125rem; }

.mt-2[b-1klgx22mgs] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-1klgx22mgs] {
    border-radius: 9999px;
}
.animate-pulse[b-1klgx22mgs] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-1klgx22mgs] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/Sef_CPTS/TaskPending.razor.rz.scp.css */
/* ============================================
   ExecutorTaskPendingCerere_New.razor CSS
   FluentDataGrid Task Cards Styling
   ============================================ */

:root[b-asvefgqp6q] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}

/* Task Dashboard Container */
.task-dashboard[b-asvefgqp6q] {
    width: 100%;
    padding: 20px;
}

/* ============================================
   FILTER TABS STYLING
   ============================================ */

.filter-tab[b-asvefgqp6q] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;

}

.filter-tab .tab[b-asvefgqp6q] {
    padding: 8px 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 20px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

.filter-tab .tab:hover[b-asvefgqp6q] {
    background: var(--color-background-base-secondary);
    border-color: var(--accent-fill-rest);
}

.filter-tab .tab.active[b-asvefgqp6q] {
    background: var(--accent-fill-rest);
    color: white;
    border-color: var(--accent-fill-rest);
}

/* ============================================
   STATISTICS CARDS
   ============================================ */

.statistics-cards[b-asvefgqp6q] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-asvefgqp6q] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

.stat-card.stat-purple[b-asvefgqp6q] {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}

.stat-card.stat-blue[b-asvefgqp6q] {
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
}

.stat-card.stat-orange[b-asvefgqp6q] {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
}

.stat-card.stat-green[b-asvefgqp6q] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}

.stat-number[b-asvefgqp6q] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-asvefgqp6q] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}

/* ============================================
   TASK LIST & CARDS
   ============================================ */

.section-header[b-asvefgqp6q] {
    margin-bottom: 16px;
}

.tasks-list[b-asvefgqp6q] {
    gap: 16px;
}

/* Hide default grid header */
.grid-no-header[b-asvefgqp6q] (.column-header),
.grid-no-header[b-asvefgqp6q] (thead),
.grid-no-header[b-asvefgqp6q] (.fluent-data-grid-header) {
    display: none !important;
}

.tasks-list > .column-header[b-asvefgqp6q] {
    display: none;
}

/* Task Card Styling */
.task-card[b-asvefgqp6q] {
    padding: 10px;
    border-radius: 8px;
    width: 99%;
    border: 1px solid #d3d6de;
    transition: all 0.2s ease;
    margin: 5px;
    background: var(--neutral-layer-1);
}

.task-card:hover[b-asvefgqp6q] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Task Header */
.task-header[b-asvefgqp6q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.task-case-info[b-asvefgqp6q] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.case-number[b-asvefgqp6q] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.case-number:hover[b-asvefgqp6q] {
    text-decoration: underline;
}

/* Task Person Section */
.task-person[b-asvefgqp6q] {
    margin-bottom: 0px;
}

.task-person fluent-label:first-child[b-asvefgqp6q] {
    margin-bottom: 4px;
}

/* Task Progress Bar */
.task-progress[b-asvefgqp6q] {
    margin-bottom: 16px;
}

.progress-bar[b-asvefgqp6q] {
    width: 100%;
    height: 8px;
}

/* Task Footer */
.task-footer[b-asvefgqp6q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.task-footer fluent-stack[b-asvefgqp6q] {
    gap: 6px;
    align-items: center;
}

/* ============================================
   STATUS BADGES
   ============================================ */

.status-badge[b-asvefgqp6q] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.status-neutral[b-asvefgqp6q] {
    background-color: var(--color-background-base-tertiary);
    color: var(--color-text-base-default);
}

.status-badge.status-success[b-asvefgqp6q] {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.status-warning[b-asvefgqp6q] {
    background-color: #fff3cd;
    color: #856404;
}

.status-badge.status-danger[b-asvefgqp6q] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-badge.status-info[b-asvefgqp6q] {
    background-color: #d1ecf1;
    color: #0c5460;
}

/* ============================================
   WORKFLOW PROGRESS INDICATORS
   ============================================ */

.bg-green[b-asvefgqp6q] {
    background-color: #10B981 !important;
}

.bg-red[b-asvefgqp6q] {
    background-color: #EF4444 !important;
}

.bg-gray[b-asvefgqp6q] {
    background-color: #9CA3AF !important;
}

.bg-blue[b-asvefgqp6q] {
    background-color: var(--accent-fill-rest) !important;
}

.bg-yellow[b-asvefgqp6q] {
    background-color: #F59E0B !important;
}

/* ============================================
   EMPTY STATE
   ============================================ */

.empty-state[b-asvefgqp6q] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}

.empty-state fluent-icon[b-asvefgqp6q] {
    margin-bottom: 16px;
}

/* ============================================
   UTILITY CLASSES (Tailwind-like)
   ============================================ */

.flex[b-asvefgqp6q] {
    display: flex;
}

.flex-1[b-asvefgqp6q] {
    flex: 1 1 0%;
}

.h-1\.5[b-asvefgqp6q] {
    height: .375rem;
}

.gap-0\.5[b-asvefgqp6q] {
    gap: .125rem;
}

.mt-2[b-asvefgqp6q] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-asvefgqp6q] {
    border-radius: 9999px;
}

.animate-pulse[b-asvefgqp6q] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

.text-blue-700[b-asvefgqp6q] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 768px) {
    .task-dashboard[b-asvefgqp6q] {
        padding: 12px;
    }

    .statistics-cards[b-asvefgqp6q] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-asvefgqp6q] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-asvefgqp6q] {
        font-size: 36px;
    }

    .stat-label[b-asvefgqp6q] {
        font-size: 12px;
    }

    .task-header[b-asvefgqp6q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-asvefgqp6q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-tab[b-asvefgqp6q] {
        flex-wrap: wrap;
    }

    .filter-tab .tab[b-asvefgqp6q] {
        flex: 1;
        min-width: 80px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stat-card[b-asvefgqp6q] {
        min-width: 100%;
    }

    .task-case-info[b-asvefgqp6q] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/IGM.Web/Pages/MyTasks/TaskPending/TaskPending.razor.rz.scp.css */
root[b-sstjiw2nvh] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-sstjiw2nvh] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-sstjiw2nvh] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-sstjiw2nvh] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-sstjiw2nvh] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-sstjiw2nvh] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-sstjiw2nvh] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-sstjiw2nvh] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-sstjiw2nvh] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-sstjiw2nvh] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-sstjiw2nvh] {
    margin-bottom: 16px;
}


.tasks-list[b-sstjiw2nvh] {
    gap: 16px;
}

.task-card[b-sstjiw2nvh] {
    margin-top:5px;
    padding:10px;
    border-radius: 8px;
    width:100%;
    border: 1px solid #d3d6de;
    transition: all 0.2s ease;
    margin-top: 5px;
}


.task-card:hover[b-sstjiw2nvh] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-sstjiw2nvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-sstjiw2nvh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-sstjiw2nvh] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-sstjiw2nvh] {
        text-decoration: underline;
    }


.task-person[b-sstjiw2nvh] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-sstjiw2nvh] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-sstjiw2nvh] {
    margin-bottom: 16px;
}

.progress-bar[b-sstjiw2nvh] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-sstjiw2nvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-sstjiw2nvh] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-sstjiw2nvh] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-sstjiw2nvh] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-sstjiw2nvh] {
        padding: 12px;
    }

    .statistics-cards[b-sstjiw2nvh] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-sstjiw2nvh] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-sstjiw2nvh] {
        font-size: 36px;
    }

    .stat-label[b-sstjiw2nvh] {
        font-size: 12px;
    }

    .task-header[b-sstjiw2nvh] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-sstjiw2nvh] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-sstjiw2nvh] {
        min-width: 100%;
    }
}

.flex[b-sstjiw2nvh] {display: flex; }

.bg-1[b-sstjiw2nvh] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-sstjiw2nvh]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-sstjiw2nvh] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-sstjiw2nvh] {  flex: 1 1 0%; }

.h-1\.5[b-sstjiw2nvh] {  height: .375rem; }

.gap-0\.5[b-sstjiw2nvh] {   gap: .125rem; }

.mt-2[b-sstjiw2nvh] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-sstjiw2nvh] {
    border-radius: 9999px;
}
.animate-pulse[b-sstjiw2nvh] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-sstjiw2nvh] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/TaskPending/TaskPendingGrid.razor.rz.scp.css */

root[b-ysx2dn9q99] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-ysx2dn9q99] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-ysx2dn9q99] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-ysx2dn9q99] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-ysx2dn9q99] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-ysx2dn9q99] {
        background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    }

    .stat-card.stat-orange[b-ysx2dn9q99] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-ysx2dn9q99] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-ysx2dn9q99] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-ysx2dn9q99] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-ysx2dn9q99] {
    margin-bottom: 16px;
}


.tasks-list[b-ysx2dn9q99] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-ysx2dn9q99] {
    display: none;
}
.tasks-list >.column-header[b-ysx2dn9q99]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-ysx2dn9q99] {
        
        color: red !important;
    }

    .task-card[b-ysx2dn9q99] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-ysx2dn9q99] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-ysx2dn9q99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-ysx2dn9q99] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-ysx2dn9q99] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-ysx2dn9q99] {
        text-decoration: underline;
    }


.task-person[b-ysx2dn9q99] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-ysx2dn9q99] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-ysx2dn9q99] {
    margin-bottom: 16px;
}

.progress-bar[b-ysx2dn9q99] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-ysx2dn9q99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-ysx2dn9q99] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-ysx2dn9q99] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-ysx2dn9q99] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-ysx2dn9q99] {
        padding: 12px;
    }

    .statistics-cards[b-ysx2dn9q99] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-ysx2dn9q99] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-ysx2dn9q99] {
        font-size: 36px;
    }

    .stat-label[b-ysx2dn9q99] {
        font-size: 12px;
    }

    .task-header[b-ysx2dn9q99] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-ysx2dn9q99] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-ysx2dn9q99] {
        min-width: 100%;
    }
}

.flex[b-ysx2dn9q99] {display: flex; }

.bg-1[b-ysx2dn9q99] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-ysx2dn9q99]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-ysx2dn9q99] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-ysx2dn9q99] {  flex: 1 1 0%; }

.h-1\.5[b-ysx2dn9q99] {  height: .375rem; }

.gap-0\.5[b-ysx2dn9q99] {   gap: .125rem; }

.mt-2[b-ysx2dn9q99] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}


.animate-pulse[b-ysx2dn9q99] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-ysx2dn9q99] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/_NavMenu.razor.rz.scp.css */

/* ===== User Header ===== */
.user-header-light[b-fe2fq7lu4b] {
    position: relative;
    background-color: var(--neutral-layer-2);
    padding: 14px 16px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.user-header-accent[b-fe2fq7lu4b] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 0 3px 3px 0;
    transition: background-color 0.2s ease;
}

.user-avatar-light[b-fe2fq7lu4b] {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-background-base-tertiary);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-name-light[b-fe2fq7lu4b] {
    font-weight: 700;
    font-size: 13px;
    color: var(--color-text-base-default);
}

.user-role-light[b-fe2fq7lu4b] {
    font-size: 11px;
    color: var(--color-text-base-secondary);
    font-weight: 500;
}

.refresh-btn-light[b-fe2fq7lu4b] {
    background: transparent;
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    cursor: pointer;
    padding: 6px;
    transition: all 0.2s ease;
}

.refresh-btn-light:hover[b-fe2fq7lu4b] {
    background-color: var(--color-background-base-secondary);
    border-color: var(--accent-fill-rest);
}

/* ===== Section Headers ===== */
.nav-section-header[b-fe2fq7lu4b] {
    padding: 16px 20px 8px 20px;
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-base-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== Role Filter Buttons ===== */
.role-filter-card[b-fe2fq7lu4b] {
    margin: 10px 14px 14px 14px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(30, 41, 59, 0.06);
}

.role-filter-card-header[b-fe2fq7lu4b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 10px;
}

.role-filter-title[b-fe2fq7lu4b] {
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-base-default);
    letter-spacing: 0.2px;
}

.role-filter-caption[b-fe2fq7lu4b] {
    font-size: 11px;
    color: var(--color-text-base-secondary);
}

.role-filter-dropdown[b-fe2fq7lu4b] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    background-color: var(--color-background-base-default);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    padding: 0 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.role-filter-dropdown:focus-within[b-fe2fq7lu4b] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px rgba(0, 88, 210, 0.12);
    background-color: var(--color-background-base-default);
}

.role-filter-select[b-fe2fq7lu4b] {
    width: 100%;
    min-width: 0;
    height: 38px;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--color-text-base-default);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.role-filter-select option[b-fe2fq7lu4b] {
    font-weight: 500;
}

.role-filter-buttons[b-fe2fq7lu4b] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.role-filter-btn[b-fe2fq7lu4b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

.role-filter-btn span[b-fe2fq7lu4b] {
    font-size: 10px;
    font-weight: 500;
    margin-top: 4px;
    color: var(--color-text-base-secondary);
}

.role-filter-btn:hover[b-fe2fq7lu4b] {
    background-color: var(--color-background-base-secondary);
    border-color: var(--color-border-base-default);
}

.role-filter-btn.active[b-fe2fq7lu4b] {
    background-color: var(--accent-stroke-control-active);
    border-color: var(--accent-fill-rest);
}

.role-filter-btn.active span[b-fe2fq7lu4b] {
    color: var(--accent-fill-rest);
    font-weight: 600;
}

.role-filter-page-btn[b-fe2fq7lu4b] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 2px solid var(--color-border-base-default);
    border-radius: 8px;
    padding: 8px 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 28px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text-base-secondary);
    line-height: 1;
}

.role-filter-page-btn:hover[b-fe2fq7lu4b] {
    background-color: var(--accent-stroke-control-active);
    border-color: var(--accent-fill-rest);
    color: var(--accent-fill-rest);
}

/* ===== Scrollable content area ===== */
.nav-content[b-fe2fq7lu4b] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

    .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar {
        width: 5px;
    }

    .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar-track {
        background: transparent;
    }

    .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar-thumb {
        background: #d0d0d0;
        border-radius: 3px;
    }

        .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar-thumb:hover {
            background: #b0b0b0;
        }

/* ===== Utility classes ===== */
.flex[b-fe2fq7lu4b] {
    display: flex;
}

.gap-3[b-fe2fq7lu4b] {
    gap: .75rem;
}

.items-center[b-fe2fq7lu4b] {
    align-items: center;
}

.justify-center[b-fe2fq7lu4b] {
    justify-content: center;
}
/* _content/IGM.Web/Pages/Statistics/SendMessageDialog.razor.rz.scp.css */
.smd-body[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 8px 0;
}

.smd-field[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.smd-label[b-xn551vj1cx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Recipient */
.smd-recipient[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid var(--color-border-base-default);
    border-radius: 10px;
}

.smd-avatar[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}

.smd-recipient-info[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.smd-recipient-name[b-xn551vj1cx] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.smd-recipient-role[b-xn551vj1cx] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
}

/* Type selector */
.smd-type-group[b-xn551vj1cx] {
    display: flex;
    gap: 10px;
}

.smd-type-option[b-xn551vj1cx] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border: 2px solid var(--color-border-base-default);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s;
    background: var(--neutral-layer-1);
}

.smd-type-option:hover[b-xn551vj1cx] {
    border-color: var(--color-border-base-default);
}

.smd-type-option.selected[b-xn551vj1cx] {
    border-color: var(--accent-fill-rest);
    background: #f0f7ff;
}

.smd-type-option input[type="radio"][b-xn551vj1cx] {
    display: none;
}

.smd-type-text[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.smd-type-name[b-xn551vj1cx] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.smd-type-desc[b-xn551vj1cx] {
    font-size: 11px;
    color: var(--color-text-base-tertiary);
}

/* Broadcast recipient */
.smd-recipient-all[b-xn551vj1cx] {
    background: linear-gradient(135deg, #eff6ff, #f0f7ff);
    border-color: #93c5fd;
}

.smd-avatar-all[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--accent-fill-active));
    flex-shrink: 0;
}

/* Error / Success */
.smd-error[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    font-size: 13px;
    color: #b91c1c;
}

.smd-success[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    font-size: 13px;
    color: #15803d;
}
/* _content/IGM.Web/Pages/Statistics/WhoIsOnline.razor.rz.scp.css */
/* =============================================
   WhoIsOnline — Full-width, Mobile-first
   ============================================= */

.whois-page[b-keujrc2xn8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 24px;
}

/* ── Header ── */

.wh-header[b-keujrc2xn8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wh-header-left[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wh-header-icon[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--accent-fill-active));
    flex-shrink: 0;
}

.wh-header h3[b-keujrc2xn8] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-base-default);
}

.wh-subtitle[b-keujrc2xn8] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
}

/* Header right — filter + refresh */
.wh-header-right[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Regional office filter */
.wh-filter[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 4px 0 10px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 10px;
    background: var(--neutral-layer-1);
    transition: border-color 0.2s;
}

.wh-filter:focus-within[b-keujrc2xn8] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 2px rgba(59,130,246,.1);
}

.wh-select[b-keujrc2xn8] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    font-weight: 500;
    color: #334155;
    padding: 8px 8px 8px 4px;
    cursor: pointer;
    min-width: 180px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    padding-right: 22px;
}

.wh-select:hover[b-keujrc2xn8] {
    color: #1e40af;
}

/* Refresh button — round icon */
.wh-refresh[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 10px;
    background: var(--neutral-layer-1);
    color: #475569;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.wh-refresh:hover[b-keujrc2xn8] {
    border-color: var(--accent-fill-rest);
    color: var(--accent-fill-rest);
    box-shadow: 0 2px 8px rgba(59,130,246,.12);
}

.wh-refresh:active[b-keujrc2xn8] { transform: scale(.93); }
.wh-refresh:disabled[b-keujrc2xn8] { opacity: .5; cursor: not-allowed; }
.wh-refresh.spinning .wh-refresh-svg[b-keujrc2xn8] { animation: spin-b-keujrc2xn8 .7s linear infinite; }

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

/* ── Error ── */

.wh-error[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 13px;
    color: #92400e;
}

/* ── Metrics row ── */

.wh-metrics[b-keujrc2xn8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}

.wh-metric[b-keujrc2xn8] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 12px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    min-width: 160px;
    flex: 1 1 0;
    transition: box-shadow .2s;
}

.wh-metric:hover[b-keujrc2xn8] {
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.wh-metric-body[b-keujrc2xn8] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wh-metric-val[b-keujrc2xn8] {
    font-size: 24px;
    font-weight: 800;
    color: var(--color-text-base-default);
    line-height: 1;
    letter-spacing: -.02em;
}

.wh-metric-val-sm[b-keujrc2xn8] {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-base-default);
    line-height: 1.2;
}

.wh-metric-lbl[b-keujrc2xn8] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-base-tertiary);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Pulse dot */
.wh-pulse[b-keujrc2xn8] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,.45);
    animation: pulse-dot-b-keujrc2xn8 2s ease-out infinite;
}

@keyframes pulse-dot-b-keujrc2xn8 {
    0%  { box-shadow: 0 0 0 0 rgba(34,197,94,.45); }
    70% { box-shadow: 0 0 0 7px rgba(34,197,94,0); }
    100%{ box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

/* Section chips — inline in metrics row */
.wh-sections-row[b-keujrc2xn8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    padding: 10px 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid var(--color-border-base-default);
    flex: 100% 1 1;
}

.wh-section-chip[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 8px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    font-size: 12px;
    color: #334155;
    font-weight: 500;
}

.wh-section-chip b[b-keujrc2xn8] {
    color: #1e40af;
    font-weight: 800;
}

/* ── Panel ── */

.wh-panel[b-keujrc2xn8] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 14px;
    overflow: hidden;
}

.wh-panel-head[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.wh-badge[b-keujrc2xn8] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    background: var(--accent-fill-rest);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

/* ── Send Message Button ── */

.wh-msg-btn[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: all 0.15s;
    padding: 0;
}

.wh-msg-btn:hover[b-keujrc2xn8] {
    border-color: var(--accent-fill-rest);
    background: #eff6ff;
    box-shadow: 0 2px 6px rgba(59,130,246,0.15);
}

.wh-msg-btn:active[b-keujrc2xn8] {
    transform: scale(0.93);
}

.wh-actions[b-keujrc2xn8] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.wh-logout-btn:hover[b-keujrc2xn8] {
    border-color: #ef4444;
    background: #fef2f2;
    box-shadow: 0 2px 6px rgba(239,68,68,0.15);
}

/* ── Send to All button ── */

.wh-msg-all-btn[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    padding: 6px 14px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--accent-fill-active));
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.wh-msg-all-btn:hover[b-keujrc2xn8] {
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--accent-fill-active));
    box-shadow: 0 2px 8px rgba(37,99,235,0.3);
}

.wh-msg-all-btn:active[b-keujrc2xn8] {
    transform: scale(0.96);
}

/* ── Empty State ── */

.wh-empty[b-keujrc2xn8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px 20px;
    color: var(--color-text-base-tertiary);
    font-size: 13px;
}

/* ── Desktop Table ── */

.wh-table-wrap[b-keujrc2xn8] {
    overflow-x: auto;
}

.wh-table[b-keujrc2xn8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.wh-table thead th[b-keujrc2xn8] {
    padding: 10px 14px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--color-text-base-secondary);
    background: #f8fafc;
    border-bottom: 1px solid var(--color-border-base-default);
    white-space: nowrap;
    position: sticky;
    top: 0;
}

.th-center[b-keujrc2xn8], .td-center[b-keujrc2xn8] { text-align: center; }

.wh-table tbody tr[b-keujrc2xn8] {
    transition: background .12s;
}

.wh-table tbody tr:hover[b-keujrc2xn8] {
    background: #f8fafc;
}

.wh-table tbody td[b-keujrc2xn8] {
    padding: 9px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    white-space: nowrap;
}

.wh-table tbody tr:last-child td[b-keujrc2xn8] {
    border-bottom: none;
}

/* ── User cell ── */

.u-cell[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.u-avatar[b-keujrc2xn8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.u-dot[b-keujrc2xn8] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
}

.u-name[b-keujrc2xn8] { font-weight: 600; color: var(--color-text-base-default); }
.u-ip[b-keujrc2xn8]   { font-family: 'Consolas','Monaco',monospace; font-size: 12px; color: var(--color-text-base-secondary); }
.u-page[b-keujrc2xn8] { color: #334155; }
.u-time[b-keujrc2xn8] { font-size: 12px; color: var(--color-text-base-secondary); font-weight: 500; }

/* ── Tags / Badges ── */

.tag[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.tag-role[b-keujrc2xn8]    { background: #f1f5f9; color: #475569; }
.tag-section[b-keujrc2xn8] { background: #dbeafe; color: #1e40af; font-weight: 600; }
.tag-team[b-keujrc2xn8]    { background: #fef3c7; color: #92400e; font-weight: 600; }
.tag-conn[b-keujrc2xn8]    { background: #f1f5f9; color: #475569; font-weight: 700; min-width: 22px; justify-content: center; }

/* Action color variants */
.act-view[b-keujrc2xn8]    { background: #f1f5f9; color: var(--color-text-base-secondary); }
.act-edit[b-keujrc2xn8]    { background: #fef3c7; color: #92400e; }
.act-save[b-keujrc2xn8]    { background: #d1fae5; color: #065f46; }
.act-pdf[b-keujrc2xn8]     { background: #fce7f3; color: #9d174d; }
.act-sign[b-keujrc2xn8]    { background: #ede9fe; color: #5b21b6; }
.act-search[b-keujrc2xn8]  { background: #e0f2fe; color: #075985; }
.act-scan[b-keujrc2xn8]    { background: #ccfbf1; color: #134e4a; }
.act-bio[b-keujrc2xn8]     { background: #fae8ff; color: #86198f; }
.act-assign[b-keujrc2xn8]  { background: #fff7ed; color: #9a3412; }
.act-comm[b-keujrc2xn8]    { background: #e0e7ff; color: #3730a3; }
.act-default[b-keujrc2xn8] { background: #f1f5f9; color: #475569; }

/* ── Mobile cards (hidden on desktop) ── */

.wh-cards-mobile[b-keujrc2xn8] {
    display: none;
}

/* ── Responsive ── */

@media (max-width: 900px) {
    .whois-page[b-keujrc2xn8] {
        padding: 14px 12px;
        gap: 12px;
    }

    .wh-metrics[b-keujrc2xn8] {
        gap: 8px;
    }

    .wh-metric[b-keujrc2xn8] {
        min-width: 130px;
        padding: 10px 14px;
    }

    .wh-metric-val[b-keujrc2xn8] { font-size: 20px; }

    /* Hide desktop table, show mobile cards */
    .wh-table-wrap[b-keujrc2xn8] {
        display: none;
    }

    .wh-cards-mobile[b-keujrc2xn8] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
    }

    .wh-card-m[b-keujrc2xn8] {
        border: 1px solid var(--color-border-base-default);
        border-radius: 12px;
        padding: 14px;
        background: var(--neutral-layer-1);
    }

    .wh-card-m-top[b-keujrc2xn8] {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f5f9;
    }

    .wh-card-m-name[b-keujrc2xn8] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        flex: 1;
        min-width: 0;
    }

    .wh-card-m-name .u-name[b-keujrc2xn8] {
        font-size: 14px;
    }

    .wh-card-m-rows[b-keujrc2xn8] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .wh-card-m-row[b-keujrc2xn8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
    }

    .wh-card-m-label[b-keujrc2xn8] {
        font-size: 11px;
        font-weight: 600;
        color: var(--color-text-base-tertiary);
        text-transform: uppercase;
        letter-spacing: .04em;
        flex-shrink: 0;
    }
}

@media (max-width: 560px) {
    .wh-metric[b-keujrc2xn8] {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
    }

    .wh-header[b-keujrc2xn8] { flex-wrap: wrap; gap: 10px; }
    .wh-header-right[b-keujrc2xn8] { width: 100%; }
    .wh-filter[b-keujrc2xn8] { flex: 1; }
    .wh-select[b-keujrc2xn8] { min-width: 0; width: 100%; }
    .wh-header h3[b-keujrc2xn8] { font-size: 15px; }
    .wh-header-icon[b-keujrc2xn8] { width: 34px; height: 34px; border-radius: 8px; }
    .wh-refresh[b-keujrc2xn8] { width: 34px; height: 34px; }
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/ApatridieForm.razor.rz.scp.css */
/* ApatridieForm.razor.css - Optimized */

/* Citizenships pure-HTML modal */
.citizenships-modal-backdrop[b-ca89efabl6] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.citizenships-modal[b-ca89efabl6] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 720px;
    max-width: 95vw;
    max-height: 90vh;
    background: var(--neutral-layer-1);
    color: #000000;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.citizenships-modal-header[b-ca89efabl6] {
    background: var(--accent-fill-active);
    color: #ffffff;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
}

.citizenships-modal-close[b-ca89efabl6] {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

.citizenships-modal-close:hover[b-ca89efabl6] {
    opacity: 0.7;
}

.citizenships-modal-body[b-ca89efabl6] {
    padding: 16px 18px;
    overflow-y: auto;
    flex: 1 1 auto;
}

.citizenships-search[b-ca89efabl6] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 12px;
    outline: none;
}

.citizenships-search:focus[b-ca89efabl6] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.15);
}

.citizenships-grid[b-ca89efabl6] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px 12px;
    max-height: 420px;
    overflow-y: auto;
    padding: 4px;
}

.citizenships-grid-item[b-ca89efabl6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 4px;
    user-select: none;
    font-size: 13px;
    line-height: 1.3;
}

.citizenships-grid-item:hover[b-ca89efabl6] {
    background: #f0f6ff;
}

.citizenships-grid-item input[type="checkbox"][b-ca89efabl6] {
    flex-shrink: 0;
    margin: 0;
    cursor: pointer;
}

.citizenships-modal-footer[b-ca89efabl6] {
    padding: 12px 18px;
    background: var(--color-background-base-secondary);
    border-top: 1px solid var(--color-border-base-default);
    display: flex;
    justify-content: flex-end;
}

.citizenships-modal-btn-primary[b-ca89efabl6] {
    background: var(--accent-fill-rest);
    color: #ffffff;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.citizenships-modal-btn-primary:hover[b-ca89efabl6] {
    background: var(--accent-fill-hover);
}

/* Travel document cards */
.travel-doc-card[b-ca89efabl6] {
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    background: var(--color-background-base-secondary);
}

.travel-doc-header[b-ca89efabl6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.travel-doc-fields[b-ca89efabl6] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}

.travel-doc-field label[b-ca89efabl6] {
    display: block;
    font-weight: 600;
    font-size: 0.85em;
    color: var(--color-text-base-secondary);
    margin-bottom: 4px;
}

/* Multi-select wrapper */
.multiselect-wrapper[b-ca89efabl6] {
    width: 100%;
}

/* Country list with checkboxes */
.country-list-container[b-ca89efabl6] {
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid var(--gray-250, var(--color-border-base-default));
    border-radius: var(--radius-6, 6px);
    background-color: var(--white, #fff);
    padding: 4px;
}

.country-item[b-ca89efabl6] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: var(--radius-4, 4px);
    transition: background-color 0.15s;
}

.country-item:hover[b-ca89efabl6] {
    background-color: var(--gray-100, #f6f8fa);
}

.country-item input[type="checkbox"][b-ca89efabl6] {
    margin-right: 8px;
    cursor: pointer;
}

.country-item span[b-ca89efabl6] {
    font-size: var(--text-body-sm-font-size, 13px);
    user-select: none;
}

/* Language list with checkboxes */
.language-list-container[b-ca89efabl6] {
    max-height: 120px;
    overflow-y: auto;
    border: 1px solid var(--gray-250, var(--color-border-base-default));
    border-radius: var(--radius-6, 6px);
    background-color: var(--white, #fff);
    padding: 4px;
}

.language-item[b-ca89efabl6] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: var(--radius-4, 4px);
    transition: background-color 0.15s;
}

.language-item:hover[b-ca89efabl6] {
    background-color: var(--gray-100, #f6f8fa);
}

.language-item input[type="checkbox"][b-ca89efabl6] {
    margin-right: 8px;
    cursor: pointer;
}

.language-item span[b-ca89efabl6] {
    font-size: var(--text-body-sm-font-size, 13px);
    user-select: none;
}

/* CORM inline search hover */
.corm-inline-result:hover[b-ca89efabl6] {
    background-color: #f1f5f9 !important;
}

/* Submission method radio options */
.submission-method-option[b-ca89efabl6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border: 2px solid var(--color-border-base-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--neutral-layer-1);
}

.submission-method-option:hover[b-ca89efabl6] {
    border-color: var(--accent-fill-rest);
    background: #f0f6ff;
}

.submission-method-option.selected[b-ca89efabl6] {
    border-color: var(--accent-fill-rest);
    background: #e7f3ff;
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

.submission-method-option input[type="radio"][b-ca89efabl6] {
    cursor: pointer;
    accent-color: var(--accent-fill-rest);
}

.submission-method-option label[b-ca89efabl6] {
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

/* Declaration section */
.declaratie-section[b-ca89efabl6] {
    border: 2px solid var(--accent-fill-rest);
    border-radius: 10px;
    padding: 20px;
    background: linear-gradient(135deg, #f0f7ff 0%, #fff 100%);
    margin-bottom: 10px;
}

.declaratie-header[b-ca89efabl6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0e3f7;
}

.declaratie-header h4[b-ca89efabl6] {
    color: var(--accent-fill-active);
    font-size: 1em;
}

.declaratie-text[b-ca89efabl6] {
    font-size: 0.92em;
    color: var(--color-text-base-default);
    line-height: 1.6;
    margin-bottom: 16px;
    padding: 10px 14px;
    background-color: var(--neutral-layer-1);
    border-radius: 6px;
    border: 1px solid var(--color-border-base-default);
}

.declaratie-scan[b-ca89efabl6] {
    padding: 12px;
    background-color: var(--color-background-base-secondary);
    border-radius: 8px;
    border: 1px dashed #ccc;
}

/* Analfabet section */
.analfabet-section[b-ca89efabl6] {
    border: 2px solid #f59e0b;
    border-radius: 10px;
    padding: 20px;
    background: linear-gradient(135deg, #fffbeb 0%, #fff 100%);
    margin-bottom: 10px;
}

.analfabet-header[b-ca89efabl6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fde68a;
}

.analfabet-header h4[b-ca89efabl6] {
    color: #92400e;
    font-size: 1em;
}

.analfabet-controls[b-ca89efabl6] {
    margin-bottom: 12px;
}

.analfabet-radio[b-ca89efabl6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border: 2px solid var(--color-border-base-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--neutral-layer-1);
    font-weight: 500;
    user-select: none;
}

.analfabet-radio:hover[b-ca89efabl6] {
    border-color: #f59e0b;
    background: #fffbeb;
}

.analfabet-radio.selected[b-ca89efabl6] {
    border-color: #f59e0b;
    background: #fef3c7;
    box-shadow: 0 0 0 1px #f59e0b;
}

.analfabet-radio input[type="radio"][b-ca89efabl6] {
    cursor: pointer;
    accent-color: #f59e0b;
}

.analfabet-info[b-ca89efabl6] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    background: #fef3c7;
    border: 1px solid #fbbf24;
    border-radius: 8px;
    color: #92400e;
    line-height: 1.5;
    font-size: 0.92em;
}

/* Minor detection section */
.minor-section[b-ca89efabl6] {
    padding: 20px;
    background: #fff3cd;
    border: 2px solid #f59e0b;
    border-radius: 8px;
        margin-bottom: 10px;
}

.minor-header[b-ca89efabl6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd6fe;
}

.minor-header h4[b-ca89efabl6] {
    color: #5b21b6;
    font-size: 1em;
}

.minor-info[b-ca89efabl6] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    background: #ede9fe;
    border: 1px solid #c4b5fd;
    border-radius: 8px;
    color: #5b21b6;
    line-height: 1.5;
    font-size: 0.92em;
}

/* Multi-phone section */
.phone-section[b-ca89efabl6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.phone-row[b-ca89efabl6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.phone-row:first-child[b-ca89efabl6] {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.phone-number[b-ca89efabl6] {
    flex: 0 0 220px;
}

.phone-comment[b-ca89efabl6] {
    flex: 1;
    min-width: 0;
}

.phone-badge[b-ca89efabl6] {
    flex-shrink: 0;
}

.phone-remove[b-ca89efabl6] {
    flex-shrink: 0;
}

/* Asylum verification */
.asylum-section[b-ca89efabl6] {
    padding: 4px 0;
}

.asylum-found[b-ca89efabl6] {
    margin-top: 12px;
    padding: 16px;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    border-radius: 8px;
    color: #065f46;
}

.asylum-notfound[b-ca89efabl6] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #fff7ed;
    border: 1px solid #fdba74;
    border-radius: 8px;
    color: #9a3412;
    font-size: 13px;
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/ApatridieFormStart.razor.rz.scp.css */


.form-title-box[b-a43amtg8l1] {
    text-align: center;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-a43amtg8l1] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-a43amtg8l1] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: var(--neutral-layer-1) !important;
    border: 1px solid var(--color-border-base-default) !important;
    border-left: 4px solid #2d5a8c !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-a43amtg8l1] {
    display: inline-block;
    background: linear-gradient(135deg, #2d5a8c 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-a43amtg8l1] {
    margin-bottom: 18px;
}

.form-row[b-a43amtg8l1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-a43amtg8l1] {
    color: #dc2626;
    margin-left: 3px;
}

/* === Scan Results === */
.scan-results-container[b-a43amtg8l1] {
    padding: 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 2px solid #1e3c72;
    border-radius: 12px;
}

.scan-photo-column[b-a43amtg8l1] {
    flex-shrink: 0;
    width: 220px;
}

.scan-personal-id[b-a43amtg8l1] {
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #e3f2fd;
    border: 1px solid #1e88e5;
    border-radius: 6px;
    text-align: center;
}

.scan-personal-id-value[b-a43amtg8l1] {
    font-size: 1.1em;
    font-weight: 700;
    color: #1565c0;
    letter-spacing: 1px;
}

.search-check-item[b-a43amtg8l1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.95em;
    font-weight: 500;
}

.search-check-item.check-missing[b-a43amtg8l1] {
    background-color: #fff3e0;
    border: 1px solid #ff9800;
    color: #e65100;
}

.search-check-item.check-done[b-a43amtg8l1] {
    background-color: #e8f5e9;
    border: 1px solid #4caf50;
    color: #2e7d32;
}

.search-check-icon[b-a43amtg8l1] {
    font-size: 1.2em;
    font-weight: 700;
    width: 20px;
    text-align: center;
}

.scan-photo-placeholder[b-a43amtg8l1] {
    width: 200px;
    height: 260px;
    background-color: var(--color-background-base-tertiary);
    border: 2px dashed #bbb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color-text-base-secondary);
}

.scan-data-column[b-a43amtg8l1] {
    flex: 1;
}

.scan-data-grid[b-a43amtg8l1] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}

.scan-field[b-a43amtg8l1] {
    background: var(--neutral-layer-1);
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #e0e4f0;
}

.scan-field-full[b-a43amtg8l1] {
    grid-column: 1 / -1;
}

.scan-label[b-a43amtg8l1] {
    display: block;
    font-size: 0.78em;
    font-weight: 600;
    color: var(--color-text-base-secondary);
    text-transform: uppercase;
    margin-bottom: 3px;
}

.scan-value[b-a43amtg8l1] {
    font-size: 1.05em;
    font-weight: 700;
    color: #1e3c72;
}

.scan-mrz[b-a43amtg8l1] {
    font-family: 'Courier New', monospace;
    font-size: 0.85em;
    word-break: break-all;
    color: var(--color-text-base-default);
}

.scan-expired[b-a43amtg8l1] {
    color: #d32f2f !important;
    font-weight: 800;
}

.scan-expired-badge[b-a43amtg8l1] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: #fff;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 700;
    vertical-align: middle;
}

.scan-actions[b-a43amtg8l1] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
    justify-content: center;
    flex-wrap: wrap;
}

/* ASP Search Results */
.asp-results-section[b-a43amtg8l1] {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
}

.asp-results-header[b-a43amtg8l1] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

    .asp-results-header h4[b-a43amtg8l1] {
        margin: 0;
        color: #1e3c72;
    }

.asp-results-count[b-a43amtg8l1] {
    padding: 3px 10px;
    background: #1e3c72;
    color: #fff;
    border-radius: 12px;
    font-size: 0.82em;
    font-weight: 600;
}

.asp-no-results[b-a43amtg8l1] {
    padding: 20px;
    text-align: center;
    color: var(--color-text-base-secondary);
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    border: 1px dashed #ccc;
}

.asp-person-card[b-a43amtg8l1] {
    background: var(--neutral-layer-1);
    border: 1px solid #d0d5e0;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.asp-person-header[b-a43amtg8l1] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.asp-person-name[b-a43amtg8l1] {
    font-size: 1.15em;
    font-weight: 700;
    color: #1e3c72;
}

.asp-idnp-badge[b-a43amtg8l1] {
    padding: 3px 10px;
    background: #0078d4;
    color: #fff;
    border-radius: 6px;
    font-size: 0.82em;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

.asp-person-grid[b-a43amtg8l1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.asp-field[b-a43amtg8l1] {
    padding: 6px 10px;
    background: #f8f9ff;
    border-radius: 6px;
    border: 1px solid #e8ecf4;
}

.asp-field-label[b-a43amtg8l1] {
    display: block;
    font-size: 0.75em;
    font-weight: 600;
    color: var(--color-text-base-secondary);
    text-transform: uppercase;
    margin-bottom: 2px;
}

.asp-field-value[b-a43amtg8l1] {
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.asp-subsection[b-a43amtg8l1] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e0e4f0;
}

.asp-subsection-title[b-a43amtg8l1] {
    font-size: 0.88em;
    font-weight: 700;
    color: var(--color-text-base-secondary);
    margin-bottom: 8px;
}

.asp-error-section[b-a43amtg8l1] {
    margin-top: 16px;
    padding: 12px 16px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    color: #856404;
}

/* Person documents table */
.person-documents-section[b-a43amtg8l1] {
    margin-top: 10px;
    padding: 15px;
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
}

.documents-table[b-a43amtg8l1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.documents-table thead th[b-a43amtg8l1] {
    background-color: #1e3c72;
    color: white;
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}

.documents-table tbody td[b-a43amtg8l1] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--color-border-base-default);
    vertical-align: middle;
}

.documents-table tbody tr:hover[b-a43amtg8l1] {
    background-color: #e8f0fe;
}

.documents-table tbody tr:nth-child(even)[b-a43amtg8l1] {
    background-color: #f5f7fa;
}

.documents-table .expired-date[b-a43amtg8l1] {
    color: #d32f2f;
    font-weight: 600;
}

.expired-badge-small[b-a43amtg8l1] {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 6px;
    background: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 600;
}

.idnp-info-banner[b-a43amtg8l1] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 8px;
}

.idnp-info-banner.warning[b-a43amtg8l1] {
    background-color: #fff3cd;
    border: 1px solid #ffa000;
    color: #856404;
}

.idnp-info-banner.success[b-a43amtg8l1] {
    background-color: #d4edda;
    border: 1px solid #28a745;
    color: #155724;
}

/* Person Apatridie Cases section */
.person-apatridie-cases-section[b-a43amtg8l1] {
    margin-top: 10px;
    padding: 15px;
    background: #fffbe6;
    border: 1px solid #ffa000;
    border-radius: 8px;
}

.apatridie-cases-banner.warning[b-a43amtg8l1] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    gap: 8px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
}

/* IGM Search - Document matching */
.person-card-match[b-a43amtg8l1] {
    border: 2px solid #d32f2f !important;
    background-color: #fff5f5 !important;
}

.doc-full-match-badge[b-a43amtg8l1] {
    display: inline-block;
    padding: 4px 12px;
    background-color: #d32f2f;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;
}

.doc-match-indicator[b-a43amtg8l1] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 600;
}

.igm-person-docs[b-a43amtg8l1] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border-base-default);
}

.igm-docs-header[b-a43amtg8l1] {
    font-size: 0.9em;
    font-weight: 600;
    color: #1e3c72;
    margin-bottom: 8px;
}

.igm-docs-table[b-a43amtg8l1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.igm-docs-table th[b-a43amtg8l1] {
    background-color: var(--color-background-base-secondary);
    padding: 6px 10px;
    text-align: left;
    font-weight: 600;
    color: var(--color-text-base-default);
    border-bottom: 2px solid var(--color-border-base-default);
}

.igm-docs-table td[b-a43amtg8l1] {
    padding: 5px 10px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.doc-row-full-match[b-a43amtg8l1] {
    background-color: #ffebee !important;
}

.doc-row-full-match td[b-a43amtg8l1] {
    border-bottom-color: #ffcdd2 !important;
}

.field-match[b-a43amtg8l1] {
    background-color: #c8e6c9;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.match-badge-full[b-a43amtg8l1] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

.match-badge-partial[b-a43amtg8l1] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #ff9800;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

/* Identity Status Selector */
.identity-status-selector[b-a43amtg8l1] {
    margin: 8px 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 1px solid #d0d5e0;
    border-radius: 10px;
}

.identity-status-label[b-a43amtg8l1] {
    font-size: 0.85em;
    font-weight: 700;
    color: var(--color-text-base-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.identity-status-options[b-a43amtg8l1] {
    display: flex;
    gap: 16px;
}

.identity-option[b-a43amtg8l1] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 2px solid #d0d5e0;
    border-radius: 10px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: all 0.25s ease;
    user-select: none;
}

.identity-option:hover[b-a43amtg8l1] {
    border-color: #90a4ae;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

.identity-option-active.identity-option-declared[b-a43amtg8l1] {
    border-color: #f57c00;
    background: linear-gradient(135deg, #fff8e1 0%, #fff3e0 100%);
    box-shadow: 0 3px 12px rgba(245, 124, 0, 0.18);
}

.identity-option-active.identity-option-confirmed[b-a43amtg8l1] {
    border-color: #2e7d32;
    background: linear-gradient(135deg, #e8f5e9 0%, #dcedc8 100%);
    box-shadow: 0 3px 12px rgba(46, 125, 50, 0.18);
}

.identity-option-icon[b-a43amtg8l1] {
    font-size: 1.6em;
    flex-shrink: 0;
    width: 40px;
    text-align: center;
}

.identity-option-content[b-a43amtg8l1] {
    flex: 1;
}

.identity-option-title[b-a43amtg8l1] {
    font-size: 0.95em;
    font-weight: 700;
    color: var(--color-text-base-default);
    margin-bottom: 3px;
}

.identity-option-active.identity-option-declared .identity-option-title[b-a43amtg8l1] {
    color: #e65100;
}

.identity-option-active.identity-option-confirmed .identity-option-title[b-a43amtg8l1] {
    color: #1b5e20;
}

.identity-option-desc[b-a43amtg8l1] {
    font-size: 0.8em;
    color: var(--color-text-base-secondary);
    line-height: 1.3;
}

.identity-option-active .identity-option-desc[b-a43amtg8l1] {
    color: var(--color-text-base-secondary);
}

.identity-option-radio[b-a43amtg8l1] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #bbb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s;
}

.identity-option-active.identity-option-declared .identity-option-radio[b-a43amtg8l1] {
    border-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .identity-option-radio[b-a43amtg8l1] {
    border-color: #2e7d32;
}

.radio-dot[b-a43amtg8l1] {
    width: 0;
    height: 0;
    border-radius: 50%;
    transition: all 0.2s;
}

.radio-dot-active[b-a43amtg8l1] {
    width: 12px;
    height: 12px;
}

.identity-option-active.identity-option-declared .radio-dot-active[b-a43amtg8l1] {
    background-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .radio-dot-active[b-a43amtg8l1] {
    background-color: #2e7d32;
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/EfectuareaInterviului.razor.rz.scp.css */
/* EfectuareaInterviului.razor.css - Optimized */

/* Question block styling */
.question-block[b-md373c79ov] {
    background: var(--gray-100, #f8f9fa);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: var(--radius-8, 8px);
    border-left: 4px solid var(--blue-sky-700, var(--accent-fill-rest));
}

.question-label[b-md373c79ov] {
    font-weight: 600;
    color: var(--blue-sky-800, var(--accent-fill-active));
    margin-bottom: 12px;
    font-size: var(--text-body-sm-500-font-size, 15px);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.question-icon[b-md373c79ov] {
    background: var(--blue-sky-700, var(--accent-fill-rest));
    color: var(--white, #fff);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-caption-md-font-size, 12px);
    font-weight: 600;
    flex-shrink: 0;
}

/* Note box - warning style */
.note-box[b-md373c79ov] {
    background: var(--apricot-100, #fff3cd);
    border: 2px solid var(--apricot-300, #ffc107);
    border-radius: var(--radius-8, 8px);
    padding: 15px;
    margin: 20px 0;
    font-style: italic;
    font-size: var(--text-body-sm-font-size, 14px);
}

.note-box strong[b-md373c79ov] {
    color: var(--apricot-800, #856404);
}

/* Declaration box - info style */
.declaration-box[b-md373c79ov] {
    background: var(--blue-sky-100, #d1ecf1);
    border: 2px solid var(--blue-sky-400, #17a2b8);
    border-radius: var(--radius-8, 8px);
    padding: 20px;
    margin: 20px 0;
    font-size: var(--text-body-sm-font-size, 14px);
    line-height: 1.6;
}

/* Supplementary questions */
.supplementary-header[b-md373c79ov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    margin: 20px 0 10px;
    background: #e8f4fd;
    border-radius: var(--radius-8, 8px);
    border: 1px dashed var(--blue-sky-700, var(--accent-fill-rest));
}

.supplementary-header .section-title[b-md373c79ov] {
    font-weight: 600;
    color: var(--blue-sky-800, var(--accent-fill-active));
    font-size: var(--text-body-sm-500-font-size, 15px);
}

.supplementary-question[b-md373c79ov] {
    border-left-color: #f59e0b;
}

.question-icon.supplementary[b-md373c79ov] {
    background: #f59e0b;
}

/* Inline "+ Întrebare suplimentară" button shown under each base question */
.supplementary-add[b-md373c79ov] {
    margin: -8px 0 20px;
    padding-left: 4px;
}

/* Button group */
.button-group[b-md373c79ov] {
    display: flex;
    gap: var(--gap-16, 15px);
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--gray-200, #eee);
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/EliberareaCertificatului.razor.rz.scp.css */
/* EliberareaCertificatului.razor.css - Optimized */

/* Work permit section - warning style */
.work-permit-section[b-ga2zjjjnyd] {
    background: var(--apricot-100, #fff3cd);
    border: 2px solid var(--apricot-300, #ffc107);
    border-radius: var(--radius-8, 8px);
    padding: 20px;
    margin: 20px 0;
}

/* Eliberat radio options (mirrors ApatridieForm .submission-method-option) */
.submission-method-option[b-ga2zjjjnyd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border: 2px solid var(--color-border-base-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--neutral-layer-1);
}

.submission-method-option:hover[b-ga2zjjjnyd] {
    border-color: var(--accent-fill-rest);
    background: #f0f6ff;
}

.submission-method-option.selected[b-ga2zjjjnyd] {
    border-color: var(--accent-fill-rest);
    background: #e7f3ff;
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

.submission-method-option input[type="radio"][b-ga2zjjjnyd] {
    cursor: pointer;
    accent-color: var(--accent-fill-rest);
}

.submission-method-option label[b-ga2zjjjnyd] {
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/InfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-biystpt4pf] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-biystpt4pf] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-biystpt4pf] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-biystpt4pf] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-biystpt4pf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-biystpt4pf] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-biystpt4pf] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-biystpt4pf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-biystpt4pf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-biystpt4pf] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.info-value[b-biystpt4pf] {
    font-size: 14px;
    color: white;
    font-weight: 500;
}

    .info-value.highlight[b-biystpt4pf] {
        color: white;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-biystpt4pf] {
        color: white;
        font-style: italic;
    }

.documents-header[b-biystpt4pf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-biystpt4pf] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-biystpt4pf] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-biystpt4pf] {
        padding: 12px 16px;
    }

    [b-biystpt4pf] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-biystpt4pf] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-biystpt4pf] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/InformareaDrepturi.razor.rz.scp.css */
/* InformareaDrepturi.razor.css - Optimized */

/* Hide default save button */
.btn-save[b-4swb0zk86j] {
    display: none !important;
}

/* Document Preview container */
.document-preview[b-4swb0zk86j] {
    background: var(--white, #fff);
    border: 2px solid var(--gray-300, #e0e0e0);
    border-radius: var(--radius-8, 8px);
    padding: 40px;
    margin: 20px 0;
    font-family: 'Times New Roman', serif;
    font-size: 12pt;
    line-height: 1.6;
    max-height: 800px;
    overflow-y: auto;
}

/* Document title */
.doc-title[b-4swb0zk86j] {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    margin: 20px 0 30px 0;
    text-transform: uppercase;
}

/* Document subtitle */
.doc-subtitle[b-4swb0zk86j] {
    text-align: center;
    font-style: italic;
    margin-bottom: 30px;
}

/* Document article block */
.doc-article[b-4swb0zk86j] {
    margin: 25px 0;
}

.doc-article-title[b-4swb0zk86j] {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 13pt;
}

/* Document text */
.doc-text[b-4swb0zk86j] {
    text-align: justify;
    line-height: 1.8;
    margin: 10px 0;
}

/* Document signature (legacy) */
.doc-signature[b-4swb0zk86j] {
    margin-top: 60px;
    text-align: right;
}

.doc-signature-line[b-4swb0zk86j] {
    border-bottom: 1px solid var(--black, #000);
    width: 250px;
    height: 40px;
    margin: 20px 0 10px auto;
}

/* Document text variants */
.doc-text-noindent[b-4swb0zk86j] {
    text-align: justify;
    line-height: 1.8;
    margin: 10px 0;
}

.doc-list[b-4swb0zk86j] {
    margin: 10px 0 10px 24px;
    line-height: 1.6;
}

.doc-list-item[b-4swb0zk86j] {
    margin: 6px 0;
}

/* Multi-party signature block (.sig-* - matches the PDF template) */
.sig-area[b-4swb0zk86j] {
    margin-top: 40px;
}

.sig-intro[b-4swb0zk86j] {
    font-weight: bold;
    margin-bottom: 14px;
}

.sig-grid[b-4swb0zk86j] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 40px;
}

.sig-item[b-4swb0zk86j] {
    flex: 1 1 44%;
    min-width: 44%;
}

.sig-item-exec[b-4swb0zk86j] {
    flex: 0 1 44%;
    min-width: 44%;
    max-width: 44%;
}

.sig-role[b-4swb0zk86j] {
    font-size: 11pt;
    min-height: 2.6em;
    margin-bottom: 8px;
}

.sig-line[b-4swb0zk86j] {
    border-bottom: 1px solid var(--black, #000);
    width: 100%;
    height: 50px;
}

.sig-box[b-4swb0zk86j] {
    border-bottom: 1px solid var(--black, #000);
    width: 100%;
    height: 50px;
}

.sig-name[b-4swb0zk86j] {
    text-align: center;
    font-weight: bold;
    font-size: 10.5pt;
    margin-top: 3px;
    min-height: 14px;
}

.sig-cap[b-4swb0zk86j] {
    text-align: center;
    font-size: 9.5pt;
}

.date-row[b-4swb0zk86j] {
    margin: 16px 0 4px 0;
}

/* Button group */
.button-group[b-4swb0zk86j] {
    display: flex;
    gap: var(--gap-16, 15px);
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--gray-200, #eee);
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/ProgramareInterview.razor.rz.scp.css */
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/VereficareInSistem.razor.rz.scp.css */
/*razor.css - Стили для компонента VereficareInSistem (Apatridie - Editable Verification Form) */

.verification-container[b-vqdl6o8kju] {
    background: var(--neutral-layer-1);
    padding: 0;
}

.info-box[b-vqdl6o8kju] {
    /* Theme-adaptive tint: pale-blue in light, dark-blue in dark, so the
       theme-token text below stays readable in both. */
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-vqdl6o8kju] {
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--color-text-base-default);
    font-weight: 600;
}

.info-box p[b-vqdl6o8kju] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: var(--color-text-base-secondary);
}

.session-info-box[b-vqdl6o8kju] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-vqdl6o8kju] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 4px;
}

.verification-table[b-vqdl6o8kju] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
}

.verification-table th[b-vqdl6o8kju],
.verification-table td[b-vqdl6o8kju] {
    border: 1px solid var(--color-border-base-default);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-vqdl6o8kju] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.col-source[b-vqdl6o8kju] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-vqdl6o8kju] {
    width: 12%;
    text-align: center;
}

.col-result[b-vqdl6o8kju] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-vqdl6o8kju] {
    width: 40%;
}

.col-signature[b-vqdl6o8kju] {
    width: 18%;
}

.checkbox-group[b-vqdl6o8kju] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-vqdl6o8kju] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-vqdl6o8kju] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-vqdl6o8kju] {
    background: #eff6fc;
}

.added-row:hover[b-vqdl6o8kju] {
    background: var(--accent-stroke-control-active);
}

.row-actions[b-vqdl6o8kju] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-vqdl6o8kju] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-vqdl6o8kju] {
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-vqdl6o8kju] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-vqdl6o8kju] {
    background: var(--accent-fill-hover);
}

.collapsible-header h4[b-vqdl6o8kju] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-vqdl6o8kju] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-vqdl6o8kju] {
    padding: 16px;
    animation: slideDown-b-vqdl6o8kju 0.3s ease-out;
}

@keyframes slideDown-b-vqdl6o8kju {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-vqdl6o8kju] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-vqdl6o8kju] {
    margin-bottom: 0;
}

.card-header[b-vqdl6o8kju] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-vqdl6o8kju],
.header-right[b-vqdl6o8kju] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-vqdl6o8kju] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-vqdl6o8kju] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.verification-officer[b-vqdl6o8kju] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-vqdl6o8kju] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-vqdl6o8kju] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-vqdl6o8kju] {
    color: #d97706;
}

.card-content[b-vqdl6o8kju] {
    padding: 12px;
}

.verification-table.compact[b-vqdl6o8kju] {
    font-size: 12px;
}

.verification-table.compact th[b-vqdl6o8kju],
.verification-table.compact td[b-vqdl6o8kju] {
    padding: 8px 6px;
}

.mentions-text[b-vqdl6o8kju] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--color-text-base-default);
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-vqdl6o8kju],
    .info-box[b-vqdl6o8kju],
    .session-info-box[b-vqdl6o8kju],
    .row-actions[b-vqdl6o8kju],
    .previous-verifications-section[b-vqdl6o8kju] {
        display: none !important;
    }

    .verification-container[b-vqdl6o8kju] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-vqdl6o8kju] {
        font-size: 10px;
    }

    .verification-table th[b-vqdl6o8kju],
    .verification-table td[b-vqdl6o8kju] {
        padding: 5px;
    }

    .card-header[b-vqdl6o8kju] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-vqdl6o8kju],
    .header-right[b-vqdl6o8kju] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Apatridie_Form/Сertificat_Сonfirmare_Executor_SAA.razor.rz.scp.css */
/* InformareaDrepturi.razor.css - Optimized */

/* Hide default save button */
.btn-save[b-srw5m3u37x] {
    display: none !important;
}

/* Document Preview container */
.document-preview[b-srw5m3u37x] {
    background: var(--white, #fff);
    border: 2px solid var(--gray-300, #e0e0e0);
    border-radius: var(--radius-8, 8px);
    padding: 40px;
    margin: 20px 0;
    font-family: 'Times New Roman', serif;
    font-size: 12pt;
    line-height: 1.6;
    max-height: 800px;
    overflow-y: auto;
}

/* Document title */
.doc-title[b-srw5m3u37x] {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    margin: 20px 0 30px 0;
    text-transform: uppercase;
}

/* Document subtitle */
.doc-subtitle[b-srw5m3u37x] {
    text-align: center;
    font-style: italic;
    margin-bottom: 30px;
}

/* Document article block */
.doc-article[b-srw5m3u37x] {
    margin: 25px 0;
}

.doc-article-title[b-srw5m3u37x] {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 13pt;
}

/* Document text */
.doc-text[b-srw5m3u37x] {
    text-align: justify;
    line-height: 1.8;
    margin: 10px 0;
}

/* Document signature */
.doc-signature[b-srw5m3u37x] {
    margin-top: 60px;
    text-align: right;
}

.doc-signature-line[b-srw5m3u37x] {
    border-bottom: 1px solid var(--black, #000);
    width: 250px;
    height: 40px;
    margin: 20px 0 10px auto;
}

/* Button group */
.button-group[b-srw5m3u37x] {
    display: flex;
    gap: var(--gap-16, 15px);
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--gray-200, #eee);
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Workflow stage badge on dashboard header */
.apatridie-stage-badge[b-42o1lq3vjc] {
    display: inline-block;
    margin-left: 12px;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
}
.apatridie-stage-badge.bg-draft[b-42o1lq3vjc]    { background:#f5f5f4; color:#6b6b67; }
.apatridie-stage-badge.bg-inwork[b-42o1lq3vjc]   { background:#FAEEDA; color:#854F0B; }
.apatridie-stage-badge.bg-progress[b-42o1lq3vjc] { background:#E6F1FB; color:#0C447C; }
.apatridie-stage-badge.bg-decision[b-42o1lq3vjc] { background:#E6F1FB; color:var(--accent-fill-rest); }
.apatridie-stage-badge.bg-warn[b-42o1lq3vjc]     { background:#FAEEDA; color:#854F0B; }
.apatridie-stage-badge.bg-closed[b-42o1lq3vjc]   { background:#EAF3DE; color:#3B6D11; }

/* Checklist CSS*/
.checklist-item[b-42o1lq3vjc] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-42o1lq3vjc] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-42o1lq3vjc] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-42o1lq3vjc] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-42o1lq3vjc] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-42o1lq3vjc] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-42o1lq3vjc] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-42o1lq3vjc] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-42o1lq3vjc] {
    color: var(--color-text-base-default);
    
}

.item-date[b-42o1lq3vjc] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-42o1lq3vjc] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-42o1lq3vjc] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-42o1lq3vjc] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-42o1lq3vjc] {
    width: 800px;
}

.inline-progress[b-42o1lq3vjc] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-42o1lq3vjc] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-42o1lq3vjc] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-42o1lq3vjc] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-42o1lq3vjc] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-42o1lq3vjc] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-42o1lq3vjc] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-42o1lq3vjc] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-42o1lq3vjc] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-42o1lq3vjc] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-42o1lq3vjc] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-42o1lq3vjc] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-42o1lq3vjc] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-42o1lq3vjc] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-42o1lq3vjc] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-42o1lq3vjc] {
    font-weight: 600;
    color: var(--color-text-base-default);
}

<style >
.report-gen-iframe[b-42o1lq3vjc] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-42o1lq3vjc] {
    background-color: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-42o1lq3vjc] >
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Dashboard/TaskDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-5m81okamed] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-5m81okamed] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-5m81okamed] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-5m81okamed] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-5m81okamed] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-5m81okamed] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-5m81okamed] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-5m81okamed] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-5m81okamed] {
    color: var(--color-text-base-default);
    
}

.item-date[b-5m81okamed] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-5m81okamed] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-5m81okamed] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-5m81okamed] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-5m81okamed] {
    width: 800px;
}

.inline-progress[b-5m81okamed] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-5m81okamed] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-5m81okamed] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-5m81okamed] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-5m81okamed] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-5m81okamed] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-5m81okamed] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-5m81okamed] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-5m81okamed] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-5m81okamed] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-5m81okamed] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-5m81okamed] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-5m81okamed] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-5m81okamed] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-5m81okamed] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-5m81okamed] {
    font-weight: 600;
    color: var(--color-text-base-default);
}

<style >
.report-gen-iframe[b-5m81okamed] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-5m81okamed] {
    background-color: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-5m81okamed] >
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Eveniment/ProcedureApatridie.razor.rz.scp.css */


.workflow-tiles-container[b-68fonbcnu4] {
    padding: 24px;
}

.workflow-tiles[b-68fonbcnu4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-68fonbcnu4] {
    background: var(--color-background-base-secondary);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

    .workflow-tile:hover[b-68fonbcnu4] {
        background: var(--neutral-layer-1);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        transform: translateX(4px);
    }

.step-number[b-68fonbcnu4] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.step-1[b-68fonbcnu4] {
    background: var(--accent-fill-rest);
}

.step-2[b-68fonbcnu4] {
    background: #107c10;
}

.step-3[b-68fonbcnu4] {
    background: #5c2d91;
}

.step-4[b-68fonbcnu4] {
    background: #d83b01;
}

.workflow-tile:nth-child(1)[b-68fonbcnu4] {
    border-left-color: var(--accent-fill-rest);
}

.workflow-tile:nth-child(2)[b-68fonbcnu4] {
    border-left-color: #107c10;
}

.workflow-tile:nth-child(3)[b-68fonbcnu4] {
    border-left-color: #5c2d91;
}

.workflow-tile:nth-child(4)[b-68fonbcnu4] {
    border-left-color: #d83b01;
}

.tile-icon[b-68fonbcnu4] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-68fonbcnu4] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-68fonbcnu4] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* for mobile  */
@media (max-width: 768px) {
    .workflow-tiles[b-68fonbcnu4] {
        grid-template-columns: 1fr;
    }

    .workflow-tile[b-68fonbcnu4] {
        padding: 16px;
    }

    .tile-icon[b-68fonbcnu4] {
        font-size: 28px;
    }

    .tile-title[b-68fonbcnu4] {
        font-size: 15px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-kods7x57e7] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-kods7x57e7] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-kods7x57e7] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-kods7x57e7] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-kods7x57e7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-kods7x57e7] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-kods7x57e7] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-kods7x57e7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-kods7x57e7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-kods7x57e7] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-base-secondary);
}

.info-value[b-kods7x57e7] {
    font-size: 14px;
    color: var(--color-text-base-default);
    font-weight: 500;
}

    .info-value.highlight[b-kods7x57e7] {
        color: var(--accent-fill-rest);
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-kods7x57e7] {
        color: var(--color-text-base-tertiary);
        font-style: italic;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-kods7x57e7] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-kods7x57e7] {
        padding: 12px 16px;
    }

    [b-kods7x57e7] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-kods7x57e7] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-kods7x57e7] {
        grid-template-columns: repeat(5, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Verificare/FormADDVerification.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-h9lhgqjeim] {
    background: var(--neutral-layer-1);
    padding: 0;
}

.info-box[b-h9lhgqjeim] {
    /* Theme-adaptive tint: pale-blue in light, dark-blue in dark, so the
       theme-token text below stays readable in both. */
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-h9lhgqjeim] {
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--color-text-base-default);
    font-weight: 600;
}

.info-box p[b-h9lhgqjeim] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: var(--color-text-base-secondary);
}

.session-info-box[b-h9lhgqjeim] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-h9lhgqjeim] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 4px;
}

.verification-table[b-h9lhgqjeim] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
}

.verification-table th[b-h9lhgqjeim],
.verification-table td[b-h9lhgqjeim] {
    border: 1px solid var(--color-border-base-default);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-h9lhgqjeim] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.col-source[b-h9lhgqjeim] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-h9lhgqjeim] {
    width: 12%;
    text-align: center;
}

.col-result[b-h9lhgqjeim] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-h9lhgqjeim] {
    width: 40%;
}

.col-signature[b-h9lhgqjeim] {
    width: 18%;
}

.checkbox-group[b-h9lhgqjeim] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-h9lhgqjeim] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-h9lhgqjeim] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-h9lhgqjeim] {
    background: #eff6fc;
}

.added-row:hover[b-h9lhgqjeim] {
    background: var(--accent-stroke-control-active);
}

.row-actions[b-h9lhgqjeim] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-h9lhgqjeim] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-h9lhgqjeim] {
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-h9lhgqjeim] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-h9lhgqjeim] {
    background: var(--accent-fill-hover);
}

.collapsible-header h4[b-h9lhgqjeim] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-h9lhgqjeim] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-h9lhgqjeim] {
    padding: 16px;
    animation: slideDown-b-h9lhgqjeim 0.3s ease-out;
}

@keyframes slideDown-b-h9lhgqjeim {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-h9lhgqjeim] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-h9lhgqjeim] {
    margin-bottom: 0;
}

.card-header[b-h9lhgqjeim] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-h9lhgqjeim],
.header-right[b-h9lhgqjeim] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-h9lhgqjeim] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-h9lhgqjeim] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.verification-officer[b-h9lhgqjeim] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-h9lhgqjeim] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-h9lhgqjeim] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-h9lhgqjeim] {
    color: #d97706;
}

.card-content[b-h9lhgqjeim] {
    padding: 12px;
}

.verification-table.compact[b-h9lhgqjeim] {
    font-size: 12px;
}

.verification-table.compact th[b-h9lhgqjeim],
.verification-table.compact td[b-h9lhgqjeim] {
    padding: 8px 6px;
}

.mentions-text[b-h9lhgqjeim] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--color-text-base-default);
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-h9lhgqjeim],
    .info-box[b-h9lhgqjeim],
    .session-info-box[b-h9lhgqjeim],
    .row-actions[b-h9lhgqjeim],
    .previous-verifications-section[b-h9lhgqjeim] {
        display: none !important;
    }

    .verification-container[b-h9lhgqjeim] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-h9lhgqjeim] {
        font-size: 10px;
    }

    .verification-table th[b-h9lhgqjeim],
    .verification-table td[b-h9lhgqjeim] {
        padding: 5px;
    }

    .card-header[b-h9lhgqjeim] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-h9lhgqjeim],
    .header-right[b-h9lhgqjeim] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Apatridie/Verificare/VereficareInSistem.razor.rz.scp.css */
/* PageVerificare.razor.css - Стили для страницы полного истории верификаций */

.header-with-action[b-sq6wb93agd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.header-with-action .sectiontitle[b-sq6wb93agd] {
    flex: 1;
    margin: 0;
}

.action-button[b-sq6wb93agd] {
    flex-shrink: 0;
}

.verifications-list[b-sq6wb93agd] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.verification-card[b-sq6wb93agd] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s, transform 0.2s;
}

.verification-card:hover[b-sq6wb93agd] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Status-specific card borders */
.verification-card.status-draft[b-sq6wb93agd] {
    border-left: 4px solid #f59e0b;
}

.verification-card.status-completed[b-sq6wb93agd] {
    border-left: 4px solid #107c10;
}

.verification-card.status-archived[b-sq6wb93agd] {
    border-left: 4px solid #797775;
}

.card-header[b-sq6wb93agd] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 10px;
}

.header-left[b-sq6wb93agd],
.header-right[b-sq6wb93agd] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-sq6wb93agd] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 5px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.status-badge[b-sq6wb93agd] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.badge-draft[b-sq6wb93agd] {
    background: #fff4e6;
    color: #d97706;
    border: 1px solid #f59e0b;
}

.badge-completed[b-sq6wb93agd] {
    background: #e6f4ea;
    color: #0f5132;
    border: 1px solid #107c10;
}

.badge-archived[b-sq6wb93agd] {
    background: var(--color-background-base-tertiary);
    color: var(--color-text-base-secondary);
    border: 1px solid #797775;
}

.verification-date[b-sq6wb93agd] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.header-left fluent-button[b-sq6wb93agd] {
    margin-left: 8px;
}

.header-left fluent-button[b-sq6wb93agd]::part(control) {
    border-color: var(--accent-fill-rest);
    color: var(--accent-fill-rest);
}

.header-left fluent-button:hover[b-sq6wb93agd]::part(control) {
    background-color: var(--color-background-base-tertiary);
    border-color: var(--accent-fill-hover);
    color: var(--accent-fill-hover);
}

.verification-officer[b-sq6wb93agd] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-sq6wb93agd] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-sq6wb93agd] {
    background: #fff9e6;
    padding: 12px 18px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-sq6wb93agd] {
    color: #d97706;
}

.card-content[b-sq6wb93agd] {
    padding: 16px;
}

.verification-table[b-sq6wb93agd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
    margin-bottom: 12px;
}

.verification-table th[b-sq6wb93agd],
.verification-table td[b-sq6wb93agd] {
    border: 1px solid var(--color-border-base-default);
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-sq6wb93agd] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.verification-table.compact[b-sq6wb93agd] {
    font-size: 12px;
}

.verification-table.compact th[b-sq6wb93agd],
.verification-table.compact td[b-sq6wb93agd] {
    padding: 8px 6px;
}

.default-row[b-sq6wb93agd] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-sq6wb93agd] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-sq6wb93agd] {
    background: #eff6fc;
}

.added-row:hover[b-sq6wb93agd] {
    background: var(--accent-stroke-control-active);
}

.mentions-text[b-sq6wb93agd] {
    font-size: 11px;
    line-height: 1.5;
    color: var(--color-text-base-default);
    max-height: 80px;
    overflow-y: auto;
    padding: 4px;
}

.session-summary[b-sq6wb93agd] {
    background: var(--color-background-base-tertiary);
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 12px;
    color: var(--color-text-base-default);
    border-left: 3px solid var(--accent-fill-rest);
}

.session-summary strong[b-sq6wb93agd] {
    color: var(--accent-fill-rest);
    margin-right: 8px;
}

.empty-message[b-sq6wb93agd] {
    text-align: center;
    padding: 30px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 6px;
    color: var(--color-text-base-secondary);
}

.empty-message p[b-sq6wb93agd] {
    margin: 0;
    font-size: 13px;
}

/* Empty state styling */
.empty-state[b-sq6wb93agd] {
    text-align: center;
    padding: 60px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    margin: 20px 0;
}

.empty-icon[b-sq6wb93agd] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state h3[b-sq6wb93agd] {
    font-size: 18px;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state p[b-sq6wb93agd] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .header-with-action[b-sq6wb93agd] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-sq6wb93agd] {
        width: 100%;
    }

    .action-button fluent-button[b-sq6wb93agd] {
        width: 100%;
    }

    .header-left fluent-button[b-sq6wb93agd] {
        font-size: 10px;
        padding: 2px 6px;
    }

    .verification-table[b-sq6wb93agd] {
        font-size: 10px;
    }

    .verification-table th[b-sq6wb93agd],
    .verification-table td[b-sq6wb93agd] {
        padding: 5px 3px;
    }

    .card-header[b-sq6wb93agd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-sq6wb93agd],
    .header-right[b-sq6wb93agd] {
        width: 100%;
        justify-content: space-between;
    }

    .session-badge[b-sq6wb93agd] {
        font-size: 11px;
        padding: 3px 10px;
    }

    .verification-date[b-sq6wb93agd],
    .verification-officer[b-sq6wb93agd] {
        font-size: 11px;
    }
}

/* Print styles */
@media print {
    .header-with-action .action-button[b-sq6wb93agd] {
        display: none !important;
    }

    .header-left fluent-button[b-sq6wb93agd] {
        display: none !important;
    }

    .verification-card[b-sq6wb93agd] {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: 20px;
    }

    .card-header[b-sq6wb93agd] {
        background: #f3f2f1 !important;
        border-bottom: 2px solid #000;
    }

    .session-badge[b-sq6wb93agd],
    .status-badge[b-sq6wb93agd],
    .completed-badge[b-sq6wb93agd] {
        color: #000 !important;
        background: var(--neutral-layer-1) !important;
        border: 1px solid #000;
    }

    .verification-table th[b-sq6wb93agd] {
        background: #f3f2f1 !important;
        border: 1px solid #000;
    }

    .verification-table td[b-sq6wb93agd] {
        border: 1px solid #000;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/CaseAzil_WF/Elaborarea_Motivarea_Deciziei.razor.rz.scp.css */
/* FormDecizie.razor.css */




/* Legal analysis box */
.analysis-box[b-m29esj10p8] {
    background: var(--color-background-base-secondary);
    border: 2px solid #9e9e9e;
    border-radius: 8px;
    padding: 20px;
    margin: 15px;
}

.analysis-box h4[b-m29esj10p8] {
    color: #424242;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
}

/* Field types */
[b-m29esj10p8] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-m29esj10p8] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* System documents (view only) */
.system-document[b-m29esj10p8] {
    background: var(--accent-stroke-control-active);
    border: 1px solid #90caf9;
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.system-document-info[b-m29esj10p8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.system-document-name[b-m29esj10p8] {
    font-weight: 500;
    color: var(--accent-fill-rest);
}

.system-document-date[b-m29esj10p8] {
    font-size: 12px;
    color: var(--accent-fill-rest);
}


/* Buttons */
.button-group[b-m29esj10p8] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}

/* Responsive */
@media (max-width: 768px) {
    .decizie-header[b-m29esj10p8] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    
    .analysis-box[b-m29esj10p8] {
        padding: 15px;
    }

    .decision-section[b-m29esj10p8] {
        padding: 20px 15px;
    }
}

/* Print styles */
@media print {
    .button-group[b-m29esj10p8] {
        display: none;
    }

    .decizie-header[b-m29esj10p8] {
        background: #667eea;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .section-title[b-m29esj10p8] {
        background: #667eea;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/CaseAzil_WF/FormIdentificationExternalProfile.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-6657in2wz6] {
    padding: 4px;
}

.workflow-tiles[b-6657in2wz6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-6657in2wz6] {
    background: var(--color-background-base-secondary);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-6657in2wz6] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-6657in2wz6] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-6657in2wz6]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-6657in2wz6] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-6657in2wz6] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-6657in2wz6] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-6657in2wz6] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-6657in2wz6] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-6657in2wz6] {
        padding: 16px;
    }
    
    .tile-icon[b-6657in2wz6] {
        font-size: 28px;
    }
    
    .tile-title[b-6657in2wz6] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-6657in2wz6] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-6657in2wz6],
    .workflow-tile.active[b-6657in2wz6] {
        background: #3d3d3d;
    }
    
    .tile-title[b-6657in2wz6] {
        color: #ffffff;
    }
    
    .tile-description[b-6657in2wz6] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/CaseAzil_WF/FormIdentificationProfile.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-lbiwzojstw] {
    padding: 4px;
}

.workflow-tiles[b-lbiwzojstw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-lbiwzojstw] {
    background: var(--color-background-base-secondary);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-lbiwzojstw] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-lbiwzojstw] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-lbiwzojstw]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-lbiwzojstw] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-lbiwzojstw] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-lbiwzojstw] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-lbiwzojstw] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-lbiwzojstw] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-lbiwzojstw] {
        padding: 16px;
    }
    
    .tile-icon[b-lbiwzojstw] {
        font-size: 28px;
    }
    
    .tile-title[b-lbiwzojstw] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-lbiwzojstw] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-lbiwzojstw],
    .workflow-tile.active[b-lbiwzojstw] {
        background: #3d3d3d;
    }
    
    .tile-title[b-lbiwzojstw] {
        color: #ffffff;
    }
    
    .tile-description[b-lbiwzojstw] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/CaseAzil_WF/FormPassportScan.razor.rz.scp.css */

        .container[b-pwr5rgdj2w] {
            max-width: 1600px;
            margin: 0 auto;
        }


        .variant-title[b-pwr5rgdj2w] {
            background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
            color: white;
            padding: 20px 30px;
            border-radius: 8px 8px 0 0;
            font-size: 20px;
            font-weight: 600;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .variant-description[b-pwr5rgdj2w] {
            background: var(--neutral-layer-1);
            padding: 20px 30px;
            border-left: 4px solid var(--accent-fill-rest);
            border-right: 1px solid var(--color-border-base-default);
            border-bottom: 1px solid var(--color-border-base-default);
            margin-bottom: 30px;
            font-size: 15px;
            color: var(--color-text-base-secondary);
            line-height: 1.8;
        }

        /* Combined Layout */
        .passport-container-combined[b-pwr5rgdj2w] {
            background: var(--neutral-layer-1);
            border-radius: 8px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.12);
            display: grid;
            grid-template-columns: 380px 1fr;
            min-height: 700px;
            overflow: hidden;
        }

        /* Left Sidebar - from Variant 3 */
        .sidebar-combined[b-pwr5rgdj2w] {
            background: linear-gradient(180deg, #f8f8f8 0%, #f3f2f1 100%);
            padding: 30px;
            border-right: 2px solid var(--color-border-base-default);
        }

        .profile-section[b-pwr5rgdj2w] {
            text-align: center;
            margin-bottom: 30px;
            padding: 20px;
            background: var(--neutral-layer-1);
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }

        .profile-photo-large[b-pwr5rgdj2w] {
            width: 200px;
            height: 260px;
            margin: 0 auto 20px;
            background: linear-gradient(135deg, #e1dfdd 0%, #d2d0ce 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 3px solid var(--color-border-base-default);
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            font-size: 48px;
            color: #979593;
        }

        .profile-name[b-pwr5rgdj2w] {
            font-size: 22px;
            font-weight: 600;
            color: var(--color-text-base-default);
            margin-bottom: 8px;
            line-height: 1.4;
        }

        .profile-doc-number[b-pwr5rgdj2w] {
            font-size: 16px;
            color: var(--color-text-base-secondary);
            font-family: 'Courier New', monospace;
            background: var(--color-background-base-secondary);
            padding: 8px 16px;
            border-radius: 4px;
            display: inline-block;
            margin-top: 10px;
            font-weight: 600;
        }

        .quick-info[b-pwr5rgdj2w] {
            margin-top: 20px;
        }

        .quick-info-item[b-pwr5rgdj2w] {
            background: var(--neutral-layer-1);
            padding: 14px 18px;
            margin-bottom: 10px;
            border-radius: 6px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
            transition: all 0.2s;
        }

        .quick-info-item:hover[b-pwr5rgdj2w] {
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
            transform: translateX(2px);
        }

        .quick-info-label[b-pwr5rgdj2w] {
            color: var(--color-text-base-secondary);
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .quick-info-value[b-pwr5rgdj2w] {
            color: var(--color-text-base-default);
            font-weight: 600;
        }

        .document-image-section[b-pwr5rgdj2w] {
            margin-top: 20px;
            background: var(--neutral-layer-1);
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }

        .document-image-mini[b-pwr5rgdj2w] {
            width: 100%;
            height: 100px;
            background: linear-gradient(135deg, #f3f2f1 0%, #e8e6e4 100%);
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: var(--color-text-base-secondary);
            border: 2px dashed var(--color-border-base-default);
            margin-bottom: 10px;
        }

        .document-label[b-pwr5rgdj2w] {
            font-size: 12px;
            color: var(--color-text-base-secondary);
            text-align: center;
            font-weight: 500;
        }

        /* Right Content Area - Card Grid from Variant 1 */
        .main-content-combined[b-pwr5rgdj2w] {
            padding: 0;
            display: flex;
            flex-direction: column;
        }

        .content-header[b-pwr5rgdj2w] {
            background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
            color: white;
            padding: 25px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .content-header h2[b-pwr5rgdj2w] {
            font-size: 22px;
            font-weight: 600;
        }

        .document-status[b-pwr5rgdj2w] {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .status-badge[b-pwr5rgdj2w] {
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 600;
            background: rgba(255,255,255,0.25);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.3);
        }

        .content-body[b-pwr5rgdj2w] {
            padding: 40px;
            overflow-y: auto;
        }

        .section-header[b-pwr5rgdj2w] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid var(--color-border-base-default);
        }

        .section-title[b-pwr5rgdj2w] {
            font-size: 18px;
            font-weight: 600;
            color: var(--color-text-base-default);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .validation-summary-badge[b-pwr5rgdj2w] {
            font-size: 13px;
            color: var(--color-text-base-secondary);
            background: var(--color-background-base-tertiary);
            padding: 6px 14px;
            border-radius: 12px;
            font-weight: 500;
        }

        /* Card Grid from Variant 1 */
        .info-grid[b-pwr5rgdj2w] {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }

        .info-card[b-pwr5rgdj2w] {
            background: var(--color-background-base-secondary);
            padding: 10px;
            border-radius: 8px;
            border-left: 4px solid var(--accent-fill-rest);
            position: relative;
            transition: all 0.2s;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        }

        .info-card:hover[b-pwr5rgdj2w] {
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            transform: translateY(-2px);
        }

        .info-card.warning[b-pwr5rgdj2w] {
            border-left-color: #d83b01;
            background: linear-gradient(135deg, #fff9f7 0%, #fff4f1 100%);
        }

        .info-card.success[b-pwr5rgdj2w] {
            border-left-color: #107c10;
            background: linear-gradient(135deg, #f8fff8 0%, #f1faf1 100%);
        }

        .info-card.neutral[b-pwr5rgdj2w] {
            border-left-color: #979593;
            background: linear-gradient(135deg, #fafafa 0%, #f3f2f1 100%);
        }

        .info-label[b-pwr5rgdj2w] {
            font-size: 11px;
            text-transform: uppercase;
            color: var(--color-text-base-secondary);
            font-weight: 600;
            margin-bottom: 8px;
            letter-spacing: 0.8px;
        }

        .info-value[b-pwr5rgdj2w] {
            font-size: 16px;
            color: var(--color-text-base-default);
            font-weight: 500;
            padding-right: 30px;
        }

        .validation-icon[b-pwr5rgdj2w] {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: white;
            font-weight: bold;
        }

        .validation-icon.valid[b-pwr5rgdj2w] {
            background: linear-gradient(135deg, #107c10 0%, #0e6b0e 100%);
        }

        .validation-icon.invalid[b-pwr5rgdj2w] {
            background: linear-gradient(135deg, #d83b01 0%, #c23301 100%);
        }

        .validation-icon.neutral[b-pwr5rgdj2w] {
            background: linear-gradient(135deg, #979593 0%, #858382 100%);
        }

        .validation-icon.valid[b-pwr5rgdj2w]::after {
            content: '✓';
        }

        .validation-icon.invalid[b-pwr5rgdj2w]::after {
            content: '✕';
        }

        .validation-icon.neutral[b-pwr5rgdj2w]::after {
            content: '—';
        }

        /* MRZ Display */
        .mrz-section[b-pwr5rgdj2w] {
            margin-top: 30px;
            background: var(--neutral-layer-1);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }

        .mrz-header[b-pwr5rgdj2w] {
            background: #323130;
            color: white;
            padding: 12px 20px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .mrz-display[b-pwr5rgdj2w] {
            background: #1e1e1e;
            color: #00ff00;
            padding: 20px;
            font-family: 'Courier New', monospace;
            font-size: 13px;
            line-height: 2;
            overflow-x: auto;
        }

        /* Status Indicators */
        .status-indicator[b-pwr5rgdj2w] {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            padding: 4px 10px;
            border-radius: 12px;
            font-weight: 600;
        }

        .status-indicator.expired[b-pwr5rgdj2w] {
            background: #fff4f1;
            color: #d83b01;
        }

        .status-indicator.valid[b-pwr5rgdj2w] {
            background: #f1faf1;
            color: #107c10;
        }

        .status-dot[b-pwr5rgdj2w] {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: currentColor;
        }

        /* Responsive */
        @media (max-width: 1200px) {
            .passport-container-combined[b-pwr5rgdj2w] {
                grid-template-columns: 1fr;
            }
            
            .sidebar-combined[b-pwr5rgdj2w] {
                border-right: none;
                border-bottom: 2px solid var(--color-border-base-default);
            }
            
            .profile-section[b-pwr5rgdj2w] {
                display: grid;
                grid-template-columns: auto 1fr;
                gap: 20px;
                text-align: left;
            }
            
            .profile-photo-large[b-pwr5rgdj2w] {
                width: 150px;
                height: 200px;
            }
        }

        @media (max-width: 768px) {
            .info-grid[b-pwr5rgdj2w] {
                grid-template-columns: 1fr;
            }
            
            .content-body[b-pwr5rgdj2w] {
                padding: 20px;
            }
        }
/* _content/IGM.Web/Pages/Workplace/Case_Azil/CaseAzil_WF/FormSyncPhotoProfile.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-jrhwj4q9hw] {
    padding: 4px;
}

.workflow-tiles[b-jrhwj4q9hw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-jrhwj4q9hw] {
    background: var(--color-background-base-secondary);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-jrhwj4q9hw] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-jrhwj4q9hw] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-jrhwj4q9hw]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-jrhwj4q9hw] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-jrhwj4q9hw] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-jrhwj4q9hw] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-jrhwj4q9hw] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-jrhwj4q9hw] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-jrhwj4q9hw] {
        padding: 16px;
    }
    
    .tile-icon[b-jrhwj4q9hw] {
        font-size: 28px;
    }
    
    .tile-title[b-jrhwj4q9hw] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-jrhwj4q9hw] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-jrhwj4q9hw],
    .workflow-tile.active[b-jrhwj4q9hw] {
        background: #3d3d3d;
    }
    
    .tile-title[b-jrhwj4q9hw] {
        color: #ffffff;
    }
    
    .tile-description[b-jrhwj4q9hw] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/CaseAzil_WF/PageCheckPerson.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-ll74yvwcal] {
    padding: 4px;
}

.workflow-tiles[b-ll74yvwcal] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-ll74yvwcal] {
    background: var(--color-background-base-secondary);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-ll74yvwcal] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-ll74yvwcal] {
    background: var(--neutral-layer-1);
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-ll74yvwcal]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-ll74yvwcal] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-ll74yvwcal] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-ll74yvwcal] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-ll74yvwcal] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-ll74yvwcal] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-ll74yvwcal] {
        padding: 16px;
    }
    
    .tile-icon[b-ll74yvwcal] {
        font-size: 28px;
    }
    
    .tile-title[b-ll74yvwcal] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-ll74yvwcal] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-ll74yvwcal],
    .workflow-tile.active[b-ll74yvwcal] {
        background: #3d3d3d;
    }
    
    .tile-title[b-ll74yvwcal] {
        color: #ffffff;
    }
    
    .tile-description[b-ll74yvwcal] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/CaseAzil_WF/PageTiles.razor.rz.scp.css */


.workflow-tiles-container[b-28tmg5l26f] {
    padding: 24px;
}

.workflow-tiles[b-28tmg5l26f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-28tmg5l26f] {
    background: var(--color-background-base-secondary);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

    .workflow-tile:hover[b-28tmg5l26f] {
        background: var(--neutral-layer-1);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        transform: translateX(4px);
    }

.step-number[b-28tmg5l26f] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.step-1[b-28tmg5l26f] {
    background: var(--accent-fill-rest);
}

.step-2[b-28tmg5l26f] {
    background: #107c10;
}

.step-3[b-28tmg5l26f] {
    background: #5c2d91;
}

.step-4[b-28tmg5l26f] {
    background: #d83b01;
}

.workflow-tile:nth-child(1)[b-28tmg5l26f] {
    border-left-color: var(--accent-fill-rest);
}

.workflow-tile:nth-child(2)[b-28tmg5l26f] {
    border-left-color: #107c10;
}

.workflow-tile:nth-child(3)[b-28tmg5l26f] {
    border-left-color: #5c2d91;
}

.workflow-tile:nth-child(4)[b-28tmg5l26f] {
    border-left-color: #d83b01;
}

.tile-icon[b-28tmg5l26f] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-28tmg5l26f] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-28tmg5l26f] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* for mobile  */
@media (max-width: 768px) {
    .workflow-tiles[b-28tmg5l26f] {
        grid-template-columns: 1fr;
    }

    .workflow-tile[b-28tmg5l26f] {
        padding: 16px;
    }

    .tile-icon[b-28tmg5l26f] {
        font-size: 28px;
    }

    .tile-title[b-28tmg5l26f] {
        font-size: 15px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Dashboard/CaseBoard.razor.rz.scp.css */
/* ═══════ CaseDashboard — SI Migratie AZIL Design ═══════ */

/* ── ROOT ── */
.dash-root[b-1zu73ma37r] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 18px;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
    color: #1a1a18;
}

/* ── STAGE TRACKER ── */
.st[b-1zu73ma37r] {
    background: var(--neutral-layer-1);
    border: 0.5px solid rgba(0,0,0,0.10);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 13px;
}

.st-label[b-1zu73ma37r] {
    font-size: 10px;
    color: #6b6b67;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 500;
    margin-bottom: 10px;
}

.stages[b-1zu73ma37r] {
    display: flex;
    align-items: flex-start;
}

.stage[b-1zu73ma37r] {
    flex: 1;
    position: relative;
}

.si[b-1zu73ma37r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.sd[b-1zu73ma37r] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    transition: transform 0.15s, box-shadow 0.15s;
}

.sd-click[b-1zu73ma37r] {
    cursor: pointer;
}

.sd-click:hover[b-1zu73ma37r] {
    transform: scale(1.15);
    box-shadow: 0 2px 8px rgba(24, 95, 165, 0.3);
}

.s-done .sd[b-1zu73ma37r] {
    background: var(--accent-fill-rest);
    color: #fff;
}

.s-cur .sd[b-1zu73ma37r] {
    background: #FAEEDA;
    color: #854F0B;
    border: 2px solid #EF9F27;
}

.s-up .sd[b-1zu73ma37r] {
    background: #f5f5f4;
    color: #9b9b96;
    border: 0.5px solid rgba(0,0,0,0.10);
}

.sl2[b-1zu73ma37r] {
    font-size: 10px;
    text-align: center;
    line-height: 1.3;
    color: #6b6b67;
    max-width: 80px;
    word-wrap: break-word;
}

.s-done .sl2[b-1zu73ma37r] {
    color: var(--accent-fill-rest);
    font-weight: 500;
}

.s-cur .sl2[b-1zu73ma37r] {
    color: #854F0B;
    font-weight: 500;
}

.sline[b-1zu73ma37r] {
    position: absolute;
    top: 14px;
    left: 50%;
    right: -50%;
    height: 2px;
    background: rgba(0,0,0,0.10);
    z-index: 1;
}

.s-done .sline[b-1zu73ma37r] {
    background: var(--accent-fill-rest);
}

.stage:last-child .sline[b-1zu73ma37r] {
    display: none;
}

/* ── METRICS ── */
.metrics[b-1zu73ma37r] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin-bottom: 13px;
}

.mcard[b-1zu73ma37r] {
    background: #f5f5f4;
    border-radius: 8px;
    padding: 9px 13px;
}

.mcard .ml[b-1zu73ma37r] {
    font-size: 11px;
    color: #6b6b67;
    margin-bottom: 3px;
}

.mcard .mv[b-1zu73ma37r] {
    font-size: 20px;
    font-weight: 500;
}

.mcard .ms[b-1zu73ma37r] {
    font-size: 11px;
    color: #9b9b96;
    margin-top: 1px;
}

/* ── GRID LAYOUT ── */
.grid2[b-1zu73ma37r] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 13px;
}

/* ── CARDS ── */
.card[b-1zu73ma37r] {
    background: var(--neutral-layer-1);
    border: 0.5px solid rgba(0,0,0,0.10);
    border-radius: 12px;
    margin-bottom: 13px;
}

.ch[b-1zu73ma37r] {
    padding: 10px 15px;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.ct[b-1zu73ma37r] {
    font-size: 13px;
    font-weight: 500;
}

.ch-sub[b-1zu73ma37r] {
    font-size: 11px;
    color: #9b9b96;
}

.cb[b-1zu73ma37r] {
    padding: 13px 15px;
}

/* ── APPLICANT HEADER ── */
.applicant-header[b-1zu73ma37r] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
}

.avatar[b-1zu73ma37r] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #B5D4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--accent-fill-rest);
    flex-shrink: 0;
}

.applicant-name[b-1zu73ma37r] {
    font-size: 14px;
    font-weight: 500;
}

.applicant-sub[b-1zu73ma37r] {
    font-size: 12px;
    color: #6b6b67;
}

/* ── DATA GRID ── */
.data-grid[b-1zu73ma37r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-bottom: 9px;
}

.data-label[b-1zu73ma37r] {
    font-size: 11px;
    color: #9b9b96;
    margin-bottom: 1px;
}

.data-value[b-1zu73ma37r] {
    font-size: 12px;
}

.data-value.mono[b-1zu73ma37r] {
    font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
}

/* ── INTEGRATIONS ── */
.integrations-section[b-1zu73ma37r] {
    padding-top: 8px;
    border-top: 0.5px solid rgba(0,0,0,0.10);
}

.integrations-section .data-label[b-1zu73ma37r] {
    margin-bottom: 5px;
}

.integrations[b-1zu73ma37r] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.chip[b-1zu73ma37r] {
    font-size: 11px;
    padding: 3px 9px;
    border-radius: 100px;
    background: #f5f5f4;
    border: 0.5px solid rgba(0,0,0,0.10);
    color: #6b6b67;
}

.chip.on[b-1zu73ma37r] {
    background: #E6F1FB;
    color: var(--accent-fill-rest);
    border-color: #B5D4F4;
}

/* ── TABS ── */
.tabs[b-1zu73ma37r] {
    display: flex;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
    margin-bottom: 12px;
}

.tab[b-1zu73ma37r] {
    font-size: 12px;
    padding: 7px 13px;
    cursor: pointer;
    color: #6b6b67;
    border-bottom: 2px solid transparent;
    transition: all .1s;
    user-select: none;
}

.tab.on[b-1zu73ma37r] {
    color: var(--accent-fill-rest);
    border-bottom-color: var(--accent-fill-rest);
    font-weight: 500;
}

.tab:hover:not(.on)[b-1zu73ma37r] {
    color: #1a1a18;
}

.sec[b-1zu73ma37r] {
    display: none;
    padding-bottom: 12px;
}

.sec.on[b-1zu73ma37r] {
    display: block;
}

/* ── TASKS ── */
.task[b-1zu73ma37r] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.task:last-child[b-1zu73ma37r] {
    border-bottom: none;
}

.tck[b-1zu73ma37r] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 0.5px solid rgba(0,0,0,0.18);
    flex-shrink: 0;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.task.done .tck[b-1zu73ma37r] {
    background: var(--accent-fill-rest);
    border-color: var(--accent-fill-rest);
    color: #fff;
}

.ttx[b-1zu73ma37r] {
    font-size: 12px;
    line-height: 1.4;
}

.ttx-click[b-1zu73ma37r] {
    cursor: pointer;
}

.ttx-click:hover[b-1zu73ma37r] {
    color: var(--accent-fill-rest);
    text-decoration: underline;
}

.task.done .ttx[b-1zu73ma37r] {
    text-decoration: line-through;
    color: #9b9b96;
}

.tmeta[b-1zu73ma37r] {
    font-size: 11px;
    color: #9b9b96;
}

.turg[b-1zu73ma37r] {
    color: #A32D2D;
    font-size: 11px;
    font-weight: 500;
}

/* ── TIMELINE ── */
.tl[b-1zu73ma37r] {
    display: flex;
    gap: 9px;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.tl:last-child[b-1zu73ma37r] {
    border-bottom: none;
}

.tld[b-1zu73ma37r] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 3px;
    flex-shrink: 0;
}

.d-blue[b-1zu73ma37r] { background: var(--accent-fill-rest); }
.d-amber[b-1zu73ma37r] { background: #EF9F27; }
.d-green[b-1zu73ma37r] { background: #639922; }
.d-gray[b-1zu73ma37r] { background: #888780; }
.d-red[b-1zu73ma37r] { background: #E24B4A; }
.d-teal[b-1zu73ma37r] { background: #1D9E75; }

.tlt[b-1zu73ma37r] {
    font-size: 12px;
    line-height: 1.4;
}

.tls[b-1zu73ma37r] {
    font-size: 11px;
    color: #9b9b96;
}

/* ── PILLS ── */
.pill[b-1zu73ma37r] {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 100px;
    white-space: nowrap;
    display: inline-block;
}

.pa[b-1zu73ma37r] { background: #FAEEDA; color: #854F0B; }
.pg[b-1zu73ma37r] { background: #EAF3DE; color: #3B6D11; }
.pb[b-1zu73ma37r] { background: #E6F1FB; color: #0C447C; }
.pr[b-1zu73ma37r] { background: #FCEBEB; color: #A32D2D; }
.pt[b-1zu73ma37r] { background: #E1F5EE; color: #085041; }
.pgr[b-1zu73ma37r] { background: #f5f5f4; color: #6b6b67; }
.pbl[b-1zu73ma37r] { background: #E6F1FB; color: var(--accent-fill-rest); }

/* ── INTERVIEW BOX ── */
.ivbox[b-1zu73ma37r] {
    background: #f5f5f4;
    border-radius: 8px;
    padding: 11px 13px;
}

.ivrow[b-1zu73ma37r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.ivrow:last-child[b-1zu73ma37r] {
    border-bottom: none;
}

.ivrow-sub[b-1zu73ma37r] {
    font-size: 11px;
    color: #6b6b67;
}

/* ── AGENDA ITEMS ── */
.agitem[b-1zu73ma37r] {
    display: flex;
    gap: 11px;
    padding: 9px 12px;
    background: var(--neutral-layer-1);
    border: 0.5px solid rgba(0,0,0,0.10);
    border-radius: 8px;
    margin-bottom: 7px;
    transition: border-color .1s;
}

.agitem:hover[b-1zu73ma37r] {
    border-color: rgba(0,0,0,0.18);
}

.agitem.urg[b-1zu73ma37r] {
    border-left: 3px solid #E24B4A;
    border-radius: 0 8px 8px 0;
}

.atime[b-1zu73ma37r] {
    font-size: 12px;
    font-weight: 500;
    min-width: 48px;
    flex-shrink: 0;
}

.abar[b-1zu73ma37r] {
    width: 3px;
    border-radius: 2px;
    flex-shrink: 0;
}

.atitle[b-1zu73ma37r] {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2px;
}

.ameta[b-1zu73ma37r] {
    font-size: 11px;
    color: #6b6b67;
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

/* ── ALERT DOT ── */
.alert-dot[b-1zu73ma37r] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #E24B4A;
    display: inline-block;
}

/* ── EMPTY SECTION ── */
.empty-section[b-1zu73ma37r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    text-align: center;
    color: #9b9b96;
    font-size: 12px;
}

/* ── DOCUMENT ITEMS ── */
.di[b-1zu73ma37r] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.di:last-child[b-1zu73ma37r] {
    border-bottom: none;
}

.dico[b-1zu73ma37r] {
    width: 27px;
    height: 27px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 500;
    flex-shrink: 0;
}

.dc-doc[b-1zu73ma37r] { background: #E6F1FB; color: var(--accent-fill-rest); }
.dc-pdf[b-1zu73ma37r] { background: #FAECE7; color: #993C1D; }
.dc-sig[b-1zu73ma37r] { background: #EAF3DE; color: #3B6D11; }
.dc-mis[b-1zu73ma37r] { background: #FCEBEB; color: #A32D2D; }

/* ── ADD BUTTON ── */
.btn-add[b-1zu73ma37r] {
    font-size: 11px;
    padding: 4px 9px;
    border-radius: 8px;
    border: 0.5px solid rgba(0,0,0,0.18);
    background: var(--neutral-layer-1);
    cursor: pointer;
    color: #1a1a18;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
    transition: background .1s;
    white-space: nowrap;
}

.btn-add:hover[b-1zu73ma37r] {
    background: #E6F1FB;
    color: var(--accent-fill-rest);
    border-color: #B5D4F4;
}

/* ── HIDE DEFAULT SAVE BUTTON ── */
.btn-save[b-1zu73ma37r] {
    display: none !important;
}

/* ── EVENT LOG (Jurnal evenimente) — mirrors AzilEventLog.razor ── */
.evlog-card[b-1zu73ma37r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--color-border-base-default);
}

    .evlog-card:last-child[b-1zu73ma37r] {
        border-bottom: none;
    }

.evlog-row-main[b-1zu73ma37r] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.evlog-row-meta[b-1zu73ma37r] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.evlog-code[b-1zu73ma37r] {
    font-family: Consolas, monospace;
    font-size: 11px;
    background: #eef3fb;
    color: #1a56db;
    padding: 2px 8px;
    border-radius: 4px;
}

.evlog-name[b-1zu73ma37r] {
    font-weight: 500;
    color: var(--color-text-base-default);
    font-size: 12px;
}

.evlog-legal[b-1zu73ma37r] {
    font-size: 11px;
    color: var(--color-text-base-secondary);
    font-style: italic;
}

.evlog-author[b-1zu73ma37r] {
    margin-left: auto;
}

.evlog-notified[b-1zu73ma37r] {
    color: #107c10;
    font-weight: 500;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Dashboard/ProcessRoadmap/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-sbfeletu3s] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-sbfeletu3s] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-sbfeletu3s] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-sbfeletu3s] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-sbfeletu3s] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-sbfeletu3s] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-sbfeletu3s] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-sbfeletu3s] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-sbfeletu3s] {
    color: var(--color-text-base-default);
    
}

.item-date[b-sbfeletu3s] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-sbfeletu3s] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-sbfeletu3s] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-sbfeletu3s] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-sbfeletu3s] {
    width: 800px;
}

.inline-progress[b-sbfeletu3s] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-sbfeletu3s] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-sbfeletu3s] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-sbfeletu3s] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-sbfeletu3s] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-sbfeletu3s] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-sbfeletu3s] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-sbfeletu3s] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-sbfeletu3s] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-sbfeletu3s] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-sbfeletu3s] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-sbfeletu3s] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-sbfeletu3s] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-sbfeletu3s] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-sbfeletu3s] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-sbfeletu3s] {
    font-weight: 600;
    color: var(--color-text-base-default);
}

<style >
.report-gen-iframe[b-sbfeletu3s] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-sbfeletu3s] {
    background-color: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-sbfeletu3s] >
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Dashboard/TaskDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-m7yzcwlgeb] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-m7yzcwlgeb] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-m7yzcwlgeb] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-m7yzcwlgeb] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-m7yzcwlgeb] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-m7yzcwlgeb] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-m7yzcwlgeb] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-m7yzcwlgeb] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-m7yzcwlgeb] {
    color: var(--color-text-base-default);
    
}

.item-date[b-m7yzcwlgeb] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-m7yzcwlgeb] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-m7yzcwlgeb] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-m7yzcwlgeb] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-m7yzcwlgeb] {
    width: 800px;
}

.inline-progress[b-m7yzcwlgeb] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-m7yzcwlgeb] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-m7yzcwlgeb] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-m7yzcwlgeb] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-m7yzcwlgeb] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-m7yzcwlgeb] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-m7yzcwlgeb] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-m7yzcwlgeb] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-m7yzcwlgeb] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-m7yzcwlgeb] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-m7yzcwlgeb] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-m7yzcwlgeb] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-m7yzcwlgeb] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-m7yzcwlgeb] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-m7yzcwlgeb] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-m7yzcwlgeb] {
    font-weight: 600;
    color: var(--color-text-base-default);
}

<style >
.report-gen-iframe[b-m7yzcwlgeb] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-m7yzcwlgeb] {
    background-color: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-m7yzcwlgeb] >
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Eveniment/InterviewDesfasurarea.razor.rz.scp.css */
/* Interview Header */
.interview-header[b-w4dv6i6agc] {
    background: linear-gradient(135deg, var(--accent-fill-active) 0%, var(--accent-fill-rest) 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.interview-header h1[b-w4dv6i6agc] {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.interview-header p[b-w4dv6i6agc] {
    font-size: 14px;
    opacity: 0.9;
    padding-left:10px;
}

/* Progress Container */
.progress-container[b-w4dv6i6agc] {
    background: var(--color-background-base-secondary);
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.progress-bar[b-w4dv6i6agc] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-w4dv6i6agc] {
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s;
}

.progress-text[b-w4dv6i6agc] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    color: var(--color-text-base-secondary);
}

/* Navigation Tabs */
.nav-tabs[b-w4dv6i6agc] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
    padding: 10px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
}

.nav-tab[b-w4dv6i6agc] {
    padding: 8px 15px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.nav-tab:hover[b-w4dv6i6agc] {
    background: var(--accent-stroke-control-active);
    border-color: var(--accent-fill-rest);
}

.nav-tab.active[b-w4dv6i6agc] {
    background: var(--accent-fill-rest);
    color: white;
    border-color: var(--accent-fill-rest);
}

.nav-tab.completed[b-w4dv6i6agc] {
    background: #e8f5e9;
    border-color: #4caf50;
    color: #2e7d32;
}

/* Subsection Title */
.subsection-title[b-w4dv6i6agc] {
    background: var(--accent-stroke-control-active);
    color: var(--accent-fill-rest);
    padding: 10px 15px;
    margin: 20px 0 15px 0;
    font-weight: 600;
    font-size: 13px;
    border-left: 4px solid var(--accent-fill-rest);
    border-radius: 0 8px 8px 0;
}

/* Question-Answer Block */
.qa-block[b-w4dv6i6agc] {
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    border-left: 4px solid #667eea;
}

.qa-block.conditional[b-w4dv6i6agc] {
    background: #fff8e1;
    border-left-color: #ffa000;
}

.qa-block .question[b-w4dv6i6agc] {
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 10px;
    font-size: 14px;
}

.qa-block .question[b-w4dv6i6agc]::before {
    content: "Î: ";
    color: #667eea;
    font-weight: 700;
}

.qa-block.conditional .question[b-w4dv6i6agc]::before {
    color: #ffa000;
}

.qa-block .note[b-w4dv6i6agc] {
    background: #e8f5e9;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #2e7d32;
    margin-top: 10px;
    font-style: italic;
}

.qa-block .note[b-w4dv6i6agc]::before {
    content: "📝 Notă: ";
    font-weight: 600;
}

/* Conditional Note */
.conditional-note[b-w4dv6i6agc] {
    background: #fff3e0;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    color: #e65100;
    margin-bottom: 15px;
    border-left: 4px solid #ff9800;
}

.conditional-note[b-w4dv6i6agc]::before {
    content: "⚠️ ";
}

/* Button Group */
.button-group[b-w4dv6i6agc] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}

/* Field Styles */
[b-w4dv6i6agc] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-w4dv6i6agc] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Signature Area */
.signature-area[b-w4dv6i6agc] {
    border: 2px dashed #ccc;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    margin-top: 20px;
    background: var(--color-background-base-secondary);
}

.signature-area p[b-w4dv6i6agc] {
    color: var(--color-text-base-secondary);
    font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .nav-tabs[b-w4dv6i6agc] {
        flex-direction: column;
    }

    .progress-text[b-w4dv6i6agc] {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }

    .button-group[b-w4dv6i6agc] {
        flex-direction: column;
    }
}

/* Previous Interviews Section */
.previous-interviews-container[b-w4dv6i6agc] {
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid var(--accent-fill-rest);
}

.previous-interviews-header[b-w4dv6i6agc] {
    cursor: pointer;
    padding: 10px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 6px;
    transition: all 0.3s;
    user-select: none;
}

.previous-interviews-header:hover[b-w4dv6i6agc] {
    background: linear-gradient(135deg, #5568d3 0%, #653b8a 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.previous-interviews-header h4[b-w4dv6i6agc] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-icon[b-w4dv6i6agc] {
    display: inline-block;
    width: 20px;
    font-size: 14px;
    transition: transform 0.3s;
}

.previous-interviews-list[b-w4dv6i6agc] {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.previous-interview-item[b-w4dv6i6agc] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 15px;
    border: 1px solid var(--color-border-base-default);
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-interview-item:hover[b-w4dv6i6agc] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.interview-summary[b-w4dv6i6agc] {
    flex: 1;
}

.interview-date[b-w4dv6i6agc] {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
}

.interview-details[b-w4dv6i6agc] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    margin-bottom: 5px;
}

.interview-status[b-w4dv6i6agc] {
    margin-top: 8px;
}

.status-completed[b-w4dv6i6agc] {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.status-draft[b-w4dv6i6agc] {
    background: #fff8e1;
    color: #f57c00;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.interview-actions[b-w4dv6i6agc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Print Styles */
@media print {
    .progress-container[b-w4dv6i6agc],
    .nav-tabs[b-w4dv6i6agc],
    .button-group[b-w4dv6i6agc],
    .previous-interviews-container[b-w4dv6i6agc] {
        display: none;
    }

    .interview-header[b-w4dv6i6agc] {
        background: var(--accent-fill-active);
        color: white;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .previous-interview-item[b-w4dv6i6agc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .interview-actions[b-w4dv6i6agc] {
        width: 100%;
    }

    .interview-actions fluent-button[b-w4dv6i6agc] {
        width: 100%;
    }
}

/* Supplementary Questions */
.supplementary-header[b-w4dv6i6agc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    margin: 20px 0 10px;
    background: #e8f4fd;
    border-radius: 8px;
    border: 1px dashed var(--accent-fill-rest);
}

.supplementary-header .form-section-label[b-w4dv6i6agc] {
    font-weight: 600;
    color: var(--accent-fill-active);
    font-size: 14px;
}

.qa-block.supplementary[b-w4dv6i6agc] {
    background: #fffdf5;
    border-left-color: #f59e0b;
}

.supplementary-badge[b-w4dv6i6agc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 28px;
    padding: 0 8px;
    background: #f59e0b;
    color: white;
    border-radius: 14px;
    font-weight: 700;
    font-size: 12px;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Eveniment/ProcedureAzil.razor.rz.scp.css */


.workflow-tiles-container[b-kyor59rig5] {
    padding: 24px;
}

.workflow-tiles[b-kyor59rig5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-kyor59rig5] {
    background: var(--color-background-base-secondary);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

    .workflow-tile:hover[b-kyor59rig5] {
        background: var(--neutral-layer-1);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        transform: translateX(4px);
    }

.step-number[b-kyor59rig5] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: var(--accent-fill-rest);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.step-1[b-kyor59rig5] {
    background: var(--accent-fill-rest);
}

.step-2[b-kyor59rig5] {
    background: #107c10;
}

.step-3[b-kyor59rig5] {
    background: #5c2d91;
}

.step-4[b-kyor59rig5] {
    background: #d83b01;
}

.workflow-tile:nth-child(1)[b-kyor59rig5] {
    border-left-color: var(--accent-fill-rest);
}

.workflow-tile:nth-child(2)[b-kyor59rig5] {
    border-left-color: #107c10;
}

.workflow-tile:nth-child(3)[b-kyor59rig5] {
    border-left-color: #5c2d91;
}

.workflow-tile:nth-child(4)[b-kyor59rig5] {
    border-left-color: #d83b01;
}

.tile-icon[b-kyor59rig5] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-kyor59rig5] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-kyor59rig5] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* for mobile  */
@media (max-width: 768px) {
    .workflow-tiles[b-kyor59rig5] {
        grid-template-columns: 1fr;
    }

    .workflow-tile[b-kyor59rig5] {
        padding: 16px;
    }

    .tile-icon[b-kyor59rig5] {
        font-size: 28px;
    }

    .tile-title[b-kyor59rig5] {
        font-size: 15px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/AlegeProcedure.razor.rz.scp.css */
.procedure-selection-container[b-5j9hlulcnx] {
    padding: 20px;
    background-color: #fef9e7;
    border-radius: 8px;
    border: 2px solid #f59e0b;
    margin-bottom: 20px;
}

.procedure-option[b-5j9hlulcnx] {
    margin-bottom: 16px;
    padding: 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    background-color: var(--neutral-layer-1);
    transition: all 0.3s ease;
    cursor: pointer;
    user-select: none;
}

.procedure-option:hover[b-5j9hlulcnx] {
    border-color: #f59e0b;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
    background-color: #fffef7;
}

.procedure-option.selected[b-5j9hlulcnx] {
    border-color: #f59e0b;
    background-color: #fffbeb;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.procedure-option:active[b-5j9hlulcnx] {
    transform: scale(0.99);
}

.procedure-content[b-5j9hlulcnx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.procedure-name[b-5j9hlulcnx] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.procedure-term[b-5j9hlulcnx] {
    font-size: 14px;
    color: var(--color-text-base-secondary);
    font-style: italic;
}

.task-completed-message[b-5j9hlulcnx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-color: #f0fdf4;
    border: 2px solid #22c55e;
    border-radius: 8px;
    margin: 10px 0;
}

/* Override FluentUI radio button styles */
[b-5j9hlulcnx] .procedure-option fluent-radio {
    width: 100%;
}

[b-5j9hlulcnx] .procedure-option fluent-radio::part(control) {
    margin-top: 4px;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/Analizat_Dosarul_ACCESNEACCES_Executor_SAA.razor.rz.scp.css */
.form-title-box[b-m0ntfet8gv] {
    text-align: center;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-m0ntfet8gv] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.reference-case-box[b-m0ntfet8gv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--accent-fill-rest);
    border-radius: 8px;
    margin-bottom: 15px;
}

.reference-case-info label[b-m0ntfet8gv] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-base-secondary);
}

.reference-case-info .ref-nr[b-m0ntfet8gv] {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/AzilForm.razor.rz.scp.css */
.combo-etnie[b-1ht8nu57ck],
.combo-religie[b-1ht8nu57ck],
.combo-cetatenie[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Representatives multi-row grid */
.repr-grid[b-1ht8nu57ck] {
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    background: var(--neutral-layer-1);
    box-shadow: var(--shadow-2);
}

.repr-grid-head[b-1ht8nu57ck] {
    display: flex;
    gap: 8px;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-text-base-tertiary);
    background: var(--color-background-base-secondary);
    border-bottom: 1px solid var(--color-border-base-default);
    border-radius: 8px 8px 0 0;
}

.repr-grid-row[b-1ht8nu57ck] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-border-base-default);
    transition: background 0.12s ease;
}

.repr-grid-row:hover[b-1ht8nu57ck] {
    background: var(--neutral-fill-stealth-hover);
}

.repr-grid-row > span[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
}

/* Stretch the representative-type picklist to fill its cell */
.repr-type-cell > *[b-1ht8nu57ck] {
    width: 100%;
}

.repr-type-cell fluent-select[b-1ht8nu57ck],
.repr-type-cell fluent-select[b-1ht8nu57ck]::part(control),
.repr-type-cell fluent-select[b-1ht8nu57ck]::part(listbox) {
    width: 100%;
    min-width: 100%;
}

/* Travel document cards - compact read-only view */
.travel-doc-card[b-1ht8nu57ck] {
    border: 1px solid var(--color-border-base-default);
    border-left: 3px solid var(--accent-fill-rest);
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 10px;
    background: var(--neutral-layer-1);
    box-shadow: var(--shadow-2);
}

.travel-doc-header[b-1ht8nu57ck] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.travel-doc-title[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.travel-doc-badge-no[b-1ht8nu57ck] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    font-weight: 700;
    font-size: 13px;
}

.travel-doc-title-text[b-1ht8nu57ck] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}

.travel-doc-title-main[b-1ht8nu57ck] {
    font-weight: 600;
    font-size: 0.95em;
    color: var(--color-text-base-default);
}

.travel-doc-type[b-1ht8nu57ck] {
    font-size: 0.76em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--accent-fill-rest);
}

.travel-doc-actions[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.travel-doc-grid[b-1ht8nu57ck] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px 16px;
}

.tdv[b-1ht8nu57ck] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tdv-wide[b-1ht8nu57ck] {
    grid-column: span 2;
}

.tdv-label[b-1ht8nu57ck] {
    font-size: 0.7em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--color-text-base-tertiary);
    margin-bottom: 2px;
}

.tdv-value[b-1ht8nu57ck] {
    font-size: 0.92em;
    font-weight: 600;
    color: var(--color-text-base-default);
    word-break: break-word;
}

/* Multi-select countries */
.multiselect-wrapper[b-1ht8nu57ck] {
    width: 100%;
}

/* Country list with checkboxes */
.country-list-container[b-1ht8nu57ck] {
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
    padding: 4px;
}

.country-item[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s;
}

    .country-item:hover[b-1ht8nu57ck] {
        background-color: #f6f8fa;
    }

    .country-item input[type="checkbox"][b-1ht8nu57ck] {
        margin-right: 8px;
        cursor: pointer;
    }

    .country-item span[b-1ht8nu57ck] {
        font-size: 13px;
        user-select: none;
    }

/* Language list with checkboxes */
.language-list-container[b-1ht8nu57ck] {
    max-height: 120px;
    overflow-y: auto;
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
    padding: 4px;
}

.language-item[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s;
}

    .language-item:hover[b-1ht8nu57ck] {
        background-color: #f6f8fa;
    }

    .language-item input[type="checkbox"][b-1ht8nu57ck] {
        margin-right: 8px;
        cursor: pointer;
    }

    .language-item span[b-1ht8nu57ck] {
        font-size: 13px;
        user-select: none;
    }

/* Declaratie acord section */
.declaratie-section[b-1ht8nu57ck] {
    border: 2px solid #0078d4;
    border-radius: 10px;
    padding: 20px;
    background: linear-gradient(135deg, #f0f7ff 0%, #fff 100%);
    margin-bottom: 10px;
}

.declaratie-header[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0e3f7;
}

    .declaratie-header h4[b-1ht8nu57ck] {
        color: #1e3c72;
        font-size: 1em;
    }

.declaratie-text[b-1ht8nu57ck] {
    font-size: 0.92em;
    color: var(--color-text-base-default);
    line-height: 1.6;
    margin-bottom: 16px;
    padding: 10px 14px;
    background-color: var(--neutral-layer-1);
    border-radius: 6px;
    border: 1px solid var(--color-border-base-default);
}


/* Languages / Citizenships pure-HTML modal */
.citizenships-modal-backdrop[b-1ht8nu57ck] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

.citizenships-modal[b-1ht8nu57ck] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 720px;
    max-width: 92vw;
    max-height: 80vh;
    background: var(--neutral-layer-1);
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.citizenships-modal-header[b-1ht8nu57ck] {
    background: var(--accent-fill-active);
    color: #ffffff;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
}

.citizenships-modal-close[b-1ht8nu57ck] {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

.citizenships-modal-close:hover[b-1ht8nu57ck] { opacity: 0.7; }

.citizenships-modal-body[b-1ht8nu57ck] {
    padding: 16px 18px;
    overflow-y: auto;
    flex: 1 1 auto;
}

.citizenships-search[b-1ht8nu57ck] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 12px;
    outline: none;
}

.citizenships-search:focus[b-1ht8nu57ck] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.15);
}

.citizenships-grid[b-1ht8nu57ck] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px 12px;
    max-height: 420px;
    overflow-y: auto;
    padding: 4px;
}

.citizenships-grid-item[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 4px;
    user-select: none;
    font-size: 13px;
    line-height: 1.3;
}

.citizenships-grid-item:hover[b-1ht8nu57ck] { background: #f0f6ff; }

.citizenships-grid-item input[type="checkbox"][b-1ht8nu57ck] {
    flex-shrink: 0;
    margin: 0;
    cursor: pointer;
}

.citizenships-modal-footer[b-1ht8nu57ck] {
    padding: 12px 18px;
    background: var(--color-background-base-secondary);
    border-top: 1px solid var(--color-border-base-default);
    display: flex;
    justify-content: flex-end;
}

.citizenships-modal-btn-primary[b-1ht8nu57ck] {
    background: var(--accent-fill-rest);
    color: #ffffff;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.citizenships-modal-btn-primary:hover[b-1ht8nu57ck] { background: var(--accent-fill-hover); }

.form-title-box[b-1ht8nu57ck] {
    text-align: center;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-1ht8nu57ck] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-1ht8nu57ck] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: var(--neutral-layer-1) !important;
    border: 1px solid var(--color-border-base-default) !important;
    border-left: 4px solid var(--accent-fill-rest) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-1ht8nu57ck] {
    display: inline-block;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-1ht8nu57ck] {
    margin-bottom: 18px;
}

.form-row[b-1ht8nu57ck] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-1ht8nu57ck] {
    color: #dc2626;
    margin-left: 3px;
}

/* Submission method radio options */
.submission-method-option[b-1ht8nu57ck] {
    display: flex;
    align-items: center;
    
    padding: 10px 16px;
    border: 2px solid var(--color-border-base-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--neutral-layer-1);
}

.submission-method-option:hover[b-1ht8nu57ck] {
    border-color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
}

.submission-method-option.selected[b-1ht8nu57ck] {
    border-color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

.submission-method-option input[type="radio"][b-1ht8nu57ck] {
    cursor: pointer;
    accent-color: var(--accent-fill-rest);
}

.submission-method-option label[b-1ht8nu57ck] {
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    margin-bottom:0px !important;
}

.search-inline-result:hover[b-1ht8nu57ck] {
    background-color: var(--color-background-base-secondary) !important;
}

/* === IGPF border crossings dialog === */
.igpf-crossings-table[b-1ht8nu57ck] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    font-size: 13px;
}

.igpf-crossings-table th[b-1ht8nu57ck] {
    background: var(--accent-fill-active);
    color: white;
    padding: 8px;
    text-align: left;
}

.igpf-crossings-table td[b-1ht8nu57ck] {
    padding: 8px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.igpf-crossings-table tr:hover[b-1ht8nu57ck] {
    background: #f5f9ff;
}

.igpf-direction-in[b-1ht8nu57ck] {
    color: #107c10;
    font-weight: 600;
}

.igpf-direction-out[b-1ht8nu57ck] {
    color: var(--color-text-base-secondary);
}

.igpf-raw-json[b-1ht8nu57ck] {
    max-height: 200px;
    overflow: auto;
    background: var(--color-background-base-secondary);
    padding: 8px;
    border-radius: 4px;
    font-size: 11px;
}

.status-badge.status-true[b-1ht8nu57ck] {
    background: #e6f4ea;
    color: #107c10;
    border: 1px solid #107c10;
}

.status-badge.status-false[b-1ht8nu57ck] {
    background: #fde7e9;
    color: #d13438;
    border: 1px solid #d13438;
}

/* Dark-theme overrides for IGPF dialog table + status badges (light values kept above) */
body[data-theme="dark"] .igpf-crossings-table tr:hover[b-1ht8nu57ck] {
    background: color-mix(in srgb, var(--accent-fill-rest) 14%, transparent);
}

body[data-theme="dark"] .igpf-direction-in[b-1ht8nu57ck] {
    color: #4ade80;
}

body[data-theme="dark"] .status-badge.status-true[b-1ht8nu57ck] {
    background: color-mix(in srgb, #107c10 22%, transparent);
    color: #4ade80;
    border-color: color-mix(in srgb, #107c10 55%, transparent);
}

body[data-theme="dark"] .status-badge.status-false[b-1ht8nu57ck] {
    background: color-mix(in srgb, #d13438 22%, transparent);
    color: #f87171;
    border-color: color-mix(in srgb, #d13438 55%, transparent);
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/AzilFormHistory.razor.rz.scp.css */



.form-title-box[b-ollygzi2e8] {
    text-align: center;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-ollygzi2e8] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-ollygzi2e8] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: var(--neutral-layer-1) !important;
    border: 1px solid var(--color-border-base-default) !important;
    border-left: 4px solid var(--accent-fill-rest) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-ollygzi2e8] {
    display: inline-block;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-ollygzi2e8] {
    margin-bottom: 18px;
}

.form-row[b-ollygzi2e8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-ollygzi2e8] {
    color: #dc2626;
    margin-left: 3px;
}

/* Submission method radio options */
.submission-method-option[b-ollygzi2e8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 2px solid var(--color-border-base-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: var(--neutral-layer-1);
}

.submission-method-option:hover[b-ollygzi2e8] {
    border-color: var(--accent-fill-rest);
    background: #f0f6ff;
}

.submission-method-option.selected[b-ollygzi2e8] {
    border-color: var(--accent-fill-rest);
    background: #e7f3ff;
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

.submission-method-option input[type="radio"][b-ollygzi2e8] {
    cursor: pointer;
    accent-color: var(--accent-fill-rest);
}

.submission-method-option label[b-ollygzi2e8] {
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

.search-inline-result:hover[b-ollygzi2e8] {
    background-color: #f1f5f9 !important;
}

/* === IGPF border crossings dialog === */
.igpf-crossings-table[b-ollygzi2e8] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    font-size: 13px;
}

.igpf-crossings-table th[b-ollygzi2e8] {
    background: var(--accent-fill-active);
    color: white;
    padding: 8px;
    text-align: left;
}

.igpf-crossings-table td[b-ollygzi2e8] {
    padding: 8px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.igpf-crossings-table tr:hover[b-ollygzi2e8] {
    background: #f5f9ff;
}

.igpf-direction-in[b-ollygzi2e8] {
    color: #107c10;
    font-weight: 600;
}

.igpf-direction-out[b-ollygzi2e8] {
    color: var(--color-text-base-secondary);
}

.igpf-raw-json[b-ollygzi2e8] {
    max-height: 200px;
    overflow: auto;
    background: var(--color-background-base-secondary);
    padding: 8px;
    border-radius: 4px;
    font-size: 11px;
}

.status-badge.status-true[b-ollygzi2e8] {
    background: #e6f4ea;
    color: #107c10;
    border: 1px solid #107c10;
}

.status-badge.status-false[b-ollygzi2e8] {
    background: #fde7e9;
    color: #d13438;
    border: 1px solid #d13438;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/AzilFormStart.razor.rz.scp.css */



.form-title-box[b-z6u9mbfum2] {
    text-align: center;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-z6u9mbfum2] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-z6u9mbfum2] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: var(--neutral-layer-1) !important;
    border: 1px solid var(--color-border-base-default) !important;
    border-left: 4px solid var(--accent-fill-rest) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-z6u9mbfum2] {
    display: inline-block;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-z6u9mbfum2] {
    margin-bottom: 18px;
}

.form-row[b-z6u9mbfum2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-z6u9mbfum2] {
    color: #dc2626;
    margin-left: 3px;
}

/* === Scan Results === */
.scan-results-container[b-z6u9mbfum2] {
    padding: 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 2px solid var(--accent-fill-active);
    border-radius: 12px;
}

.scan-photo-column[b-z6u9mbfum2] {
    flex-shrink: 0;
    width: 220px;
}

.scan-personal-id[b-z6u9mbfum2] {
    margin-top: 10px;
    padding: 8px 12px;
    background-color: var(--accent-stroke-control-active);
    border: 1px solid #1e88e5;
    border-radius: 6px;
    text-align: center;
}

.scan-personal-id-value[b-z6u9mbfum2] {
    font-size: 1.1em;
    font-weight: 700;
    color: var(--accent-fill-rest);
    letter-spacing: 1px;
}

.search-check-item[b-z6u9mbfum2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.95em;
    font-weight: 500;
}

.search-check-item.check-missing[b-z6u9mbfum2] {
    background-color: #fff3e0;
    border: 1px solid #ff9800;
    color: #e65100;
}

.search-check-item.check-done[b-z6u9mbfum2] {
    background-color: #e8f5e9;
    border: 1px solid #4caf50;
    color: #2e7d32;
}

.search-check-icon[b-z6u9mbfum2] {
    font-size: 1.2em;
    font-weight: 700;
    width: 20px;
    text-align: center;
}

.scan-photo-placeholder[b-z6u9mbfum2] {
    width: 200px;
    height: 260px;
    background-color: var(--color-background-base-tertiary);
    border: 2px dashed #bbb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color-text-base-secondary);
}

.scan-data-column[b-z6u9mbfum2] {
    flex: 1;
}

.scan-data-grid[b-z6u9mbfum2] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}

.scan-field[b-z6u9mbfum2] {
    background: var(--neutral-layer-1);
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #e0e4f0;
}

.scan-field-full[b-z6u9mbfum2] {
    grid-column: 1 / -1;
}

.scan-label[b-z6u9mbfum2] {
    display: block;
    font-size: 0.78em;
    font-weight: 600;
    color: var(--color-text-base-secondary);
    text-transform: uppercase;
    margin-bottom: 3px;
}

.scan-value[b-z6u9mbfum2] {
    font-size: 1.05em;
    font-weight: 700;
    color: var(--accent-fill-active);
}

.scan-mrz[b-z6u9mbfum2] {
    font-family: 'Courier New', monospace;
    font-size: 0.85em;
    word-break: break-all;
    color: var(--color-text-base-default);
}

.scan-expired[b-z6u9mbfum2] {
    color: #d32f2f !important;
    font-weight: 800;
}

.scan-expired-badge[b-z6u9mbfum2] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: #fff;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 700;
    vertical-align: middle;
}

.scan-actions[b-z6u9mbfum2] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
    justify-content: center;
    flex-wrap: wrap;
}

/* ASP Search Results */
.asp-results-section[b-z6u9mbfum2] {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
}

.asp-results-header[b-z6u9mbfum2] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

    .asp-results-header h4[b-z6u9mbfum2] {
        margin: 0;
        color: var(--accent-fill-active);
    }

.asp-results-count[b-z6u9mbfum2] {
    padding: 3px 10px;
    background: var(--accent-fill-active);
    color: #fff;
    border-radius: 12px;
    font-size: 0.82em;
    font-weight: 600;
}

.asp-no-results[b-z6u9mbfum2] {
    padding: 20px;
    text-align: center;
    color: var(--color-text-base-secondary);
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    border: 1px dashed #ccc;
}

.asp-person-card[b-z6u9mbfum2] {
    background: var(--neutral-layer-1);
    border: 1px solid #d0d5e0;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.asp-person-header[b-z6u9mbfum2] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.asp-person-name[b-z6u9mbfum2] {
    font-size: 1.15em;
    font-weight: 700;
    color: var(--accent-fill-active);
}

.asp-idnp-badge[b-z6u9mbfum2] {
    padding: 3px 10px;
    background: var(--accent-fill-rest);
    color: #fff;
    border-radius: 6px;
    font-size: 0.82em;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

.asp-person-grid[b-z6u9mbfum2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.asp-field[b-z6u9mbfum2] {
    padding: 6px 10px;
    background: #f8f9ff;
    border-radius: 6px;
    border: 1px solid #e8ecf4;
}

.asp-field-label[b-z6u9mbfum2] {
    display: block;
    font-size: 0.75em;
    font-weight: 600;
    color: var(--color-text-base-secondary);
    text-transform: uppercase;
    margin-bottom: 2px;
}

.asp-field-value[b-z6u9mbfum2] {
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.asp-subsection[b-z6u9mbfum2] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e0e4f0;
}

.asp-subsection-title[b-z6u9mbfum2] {
    font-size: 0.88em;
    font-weight: 700;
    color: var(--color-text-base-secondary);
    margin-bottom: 8px;
}

.asp-error-section[b-z6u9mbfum2] {
    margin-top: 16px;
    padding: 12px 16px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    color: #856404;
}

/* Person documents table */
.person-documents-section[b-z6u9mbfum2] {
    margin-top: 10px;
    padding: 15px;
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
}

.documents-table[b-z6u9mbfum2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.documents-table thead th[b-z6u9mbfum2] {
    background-color: var(--accent-fill-active);
    color: white;
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}

.documents-table tbody td[b-z6u9mbfum2] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--color-border-base-default);
    vertical-align: middle;
}

.documents-table tbody tr:hover[b-z6u9mbfum2] {
    background-color: #e8f0fe;
}

.documents-table tbody tr:nth-child(even)[b-z6u9mbfum2] {
    background-color: #f5f7fa;
}

.documents-table .expired-date[b-z6u9mbfum2] {
    color: #d32f2f;
    font-weight: 600;
}

.expired-badge-small[b-z6u9mbfum2] {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 6px;
    background: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 600;
}

.idnp-info-banner[b-z6u9mbfum2] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 8px;
}

.idnp-info-banner.warning[b-z6u9mbfum2] {
    background-color: #fff3cd;
    border: 1px solid #ffa000;
    color: #856404;
}

.idnp-info-banner.success[b-z6u9mbfum2] {
    background-color: #d4edda;
    border: 1px solid #28a745;
    color: #155724;
}

/* Person Azil Cases section */
.person-azil-cases-section[b-z6u9mbfum2] {
    margin-top: 10px;
    padding: 15px;
    background: #fffbe6;
    border: 1px solid #ffa000;
    border-radius: 8px;
}

.azil-cases-banner.warning[b-z6u9mbfum2] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    gap: 8px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
}

/* IGM Search - Document matching */
.person-card-match[b-z6u9mbfum2] {
    border: 2px solid #d32f2f !important;
    background-color: #fff5f5 !important;
}

.doc-full-match-badge[b-z6u9mbfum2] {
    display: inline-block;
    padding: 4px 12px;
    background-color: #d32f2f;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;
}

.doc-match-indicator[b-z6u9mbfum2] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 600;
}

.igm-person-docs[b-z6u9mbfum2] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border-base-default);
}

.igm-docs-header[b-z6u9mbfum2] {
    font-size: 0.9em;
    font-weight: 600;
    color: var(--accent-fill-active);
    margin-bottom: 8px;
}

.igm-docs-table[b-z6u9mbfum2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.igm-docs-table th[b-z6u9mbfum2] {
    background-color: var(--color-background-base-secondary);
    padding: 6px 10px;
    text-align: left;
    font-weight: 600;
    color: var(--color-text-base-default);
    border-bottom: 2px solid var(--color-border-base-default);
}

.igm-docs-table td[b-z6u9mbfum2] {
    padding: 5px 10px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.doc-row-full-match[b-z6u9mbfum2] {
    background-color: #ffebee !important;
}

.doc-row-full-match td[b-z6u9mbfum2] {
    border-bottom-color: #ffcdd2 !important;
}

.field-match[b-z6u9mbfum2] {
    background-color: #c8e6c9;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.match-badge-full[b-z6u9mbfum2] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

.match-badge-partial[b-z6u9mbfum2] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #ff9800;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

/* Identity Status Selector */
.identity-status-selector[b-z6u9mbfum2] {
    margin: 8px 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 1px solid #d0d5e0;
    border-radius: 10px;
}

.identity-status-label[b-z6u9mbfum2] {
    font-size: 0.85em;
    font-weight: 700;
    color: var(--color-text-base-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.identity-status-options[b-z6u9mbfum2] {
    display: flex;
    gap: 16px;
}

.identity-option[b-z6u9mbfum2] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 2px solid #d0d5e0;
    border-radius: 10px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: all 0.25s ease;
    user-select: none;
}

.identity-option:hover[b-z6u9mbfum2] {
    border-color: #90a4ae;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

.identity-option-active.identity-option-declared[b-z6u9mbfum2] {
    border-color: #f57c00;
    background: linear-gradient(135deg, #fff8e1 0%, #fff3e0 100%);
    box-shadow: 0 3px 12px rgba(245, 124, 0, 0.18);
}

.identity-option-active.identity-option-confirmed[b-z6u9mbfum2] {
    border-color: #2e7d32;
    background: linear-gradient(135deg, #e8f5e9 0%, #dcedc8 100%);
    box-shadow: 0 3px 12px rgba(46, 125, 50, 0.18);
}

.identity-option-icon[b-z6u9mbfum2] {
    font-size: 1.6em;
    flex-shrink: 0;
    width: 40px;
    text-align: center;
}

.identity-option-content[b-z6u9mbfum2] {
    flex: 1;
}

.identity-option-title[b-z6u9mbfum2] {
    font-size: 0.95em;
    font-weight: 700;
    color: var(--color-text-base-default);
    margin-bottom: 3px;
}

.identity-option-active.identity-option-declared .identity-option-title[b-z6u9mbfum2] {
    color: #e65100;
}

.identity-option-active.identity-option-confirmed .identity-option-title[b-z6u9mbfum2] {
    color: #1b5e20;
}

.identity-option-desc[b-z6u9mbfum2] {
    font-size: 0.8em;
    color: var(--color-text-base-secondary);
    line-height: 1.3;
}

.identity-option-active .identity-option-desc[b-z6u9mbfum2] {
    color: var(--color-text-base-secondary);
}

.identity-option-radio[b-z6u9mbfum2] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #bbb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s;
}

.identity-option-active.identity-option-declared .identity-option-radio[b-z6u9mbfum2] {
    border-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .identity-option-radio[b-z6u9mbfum2] {
    border-color: #2e7d32;
}

.radio-dot[b-z6u9mbfum2] {
    width: 0;
    height: 0;
    border-radius: 50%;
    transition: all 0.2s;
}

.radio-dot-active[b-z6u9mbfum2] {
    width: 12px;
    height: 12px;
}

.identity-option-active.identity-option-declared .radio-dot-active[b-z6u9mbfum2] {
    background-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .radio-dot-active[b-z6u9mbfum2] {
    background-color: #2e7d32;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/AzilForm_Short.razor.rz.scp.css */



.form-title-box[b-c0liyk8get] {
    text-align: center;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-c0liyk8get] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-c0liyk8get] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: var(--neutral-layer-1) !important;
    border: 1px solid var(--color-border-base-default) !important;
    border-left: 4px solid var(--accent-fill-rest) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-c0liyk8get] {
    display: inline-block;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-c0liyk8get] {
    margin-bottom: 18px;
}

.form-row[b-c0liyk8get] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-c0liyk8get] {
    color: #dc2626;
    margin-left: 3px;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/Azil_Start_Reopen.razor.rz.scp.css */



.form-title-box[b-5yytm4p4md] {
    text-align: center;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-5yytm4p4md] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-5yytm4p4md] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: var(--neutral-layer-1) !important;
    border: 1px solid var(--color-border-base-default) !important;
    border-left: 4px solid var(--accent-fill-rest) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-5yytm4p4md] {
    display: inline-block;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-5yytm4p4md] {
    margin-bottom: 18px;
}

.form-row[b-5yytm4p4md] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-5yytm4p4md] {
    color: #dc2626;
    margin-left: 3px;
}

.reopen-section-title[b-5yytm4p4md] {
    margin: 0 0 14px 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--accent-fill-rest);
}

.reopen-info-grid[b-5yytm4p4md] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
}

.reopen-info-item[b-5yytm4p4md] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 12px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

    .reopen-info-item label[b-5yytm4p4md] {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--color-text-base-secondary);
    }

    .reopen-info-item span[b-5yytm4p4md] {
        font-size: 14px;
        font-weight: 600;
        color: #111827;
    }

.reopen-confirm-box[b-5yytm4p4md] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 24px;
    text-align: center;
    background: #fffbeb;
    border: 1px solid #f59e0b;
    border-radius: 8px;
}

.reopen-confirm-question[b-5yytm4p4md] {
    font-size: 16px;
    font-weight: 700;
    color: #92400e;
}

.reopen-confirm-hint[b-5yytm4p4md] {
    max-width: 560px;
    font-size: 13px;
    color: #78716c;
}

.reopen-success-box[b-5yytm4p4md] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    background: #f0fdf4;
    border: 1px solid #22c55e;
    border-radius: 8px;
}

.reopen-success-title[b-5yytm4p4md] {
    font-size: 15px;
    font-weight: 700;
    color: #166534;
}

.reopen-success-hint[b-5yytm4p4md] {
    font-size: 13px;
    color: #4d7c5f;
}

.reopen-source[b-5yytm4p4md] {
    border-left-color: var(--color-border-base-default) !important;
}

    .reopen-source .reopen-section-title[b-5yytm4p4md] {
        color: #4b5563;
    }
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/CommunicareDecizie.razor.rz.scp.css */
/* Info boxes */
.info-box[b-ifhg9011nk] {
    background: var(--accent-stroke-control-active);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: var(--accent-fill-rest);
}

.info-box.success[b-ifhg9011nk] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

/* Section title */
.section-title[b-ifhg9011nk] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    margin: 25px 0 20px 0;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}

.section-title .icon[b-ifhg9011nk] {
    font-size: 18px;
}

/* Translation box */
.translation-box[b-ifhg9011nk] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.translation-box h4[b-ifhg9011nk] {
    color: #f57f17;
    margin-bottom: 15px;
    font-size: 15px;
}

/* Field types */
.field-system[b-ifhg9011nk] {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

.field-auto[b-ifhg9011nk] {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-ifhg9011nk] {
    background: var(--neutral-layer-1);
    border: 2px solid #667eea;
    border-radius: 8px;
    padding: 30px;
    margin: 20px 0;
    min-height: 200px;
    line-height: 1.8;
    font-size: 14px;
}

.preview-container h2[b-ifhg9011nk] {
    text-align: center;
    color: #667eea;
    margin-bottom: 30px;
}

/* Button group */
.button-group[b-ifhg9011nk] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/ComunicareDeciziei_Respingere_Executor_SAA.razor.rz.scp.css */
/* Info boxes */
.info-box[b-0v5i9gssic] {
    background: var(--accent-stroke-control-active);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: var(--accent-fill-rest);
}

.info-box.success[b-0v5i9gssic] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

/* Section title */
.section-title[b-0v5i9gssic] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    margin: 25px 0 20px 0;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}

.section-title .icon[b-0v5i9gssic] {
    font-size: 18px;
}

/* Translation box */
.translation-box[b-0v5i9gssic] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.translation-box h4[b-0v5i9gssic] {
    color: #f57f17;
    margin-bottom: 15px;
    font-size: 15px;
}

/* Field types */
.field-system[b-0v5i9gssic] {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

.field-auto[b-0v5i9gssic] {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-0v5i9gssic] {
    background: var(--neutral-layer-1);
    border: 2px solid #667eea;
    border-radius: 8px;
    padding: 30px;
    margin: 20px 0;
    min-height: 200px;
    line-height: 1.8;
    font-size: 14px;
}

.preview-container h2[b-0v5i9gssic] {
    text-align: center;
    color: #667eea;
    margin-bottom: 30px;
}

/* Button group */
.button-group[b-0v5i9gssic] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/Elaborarea_Deciziei.razor.rz.scp.css */
/* FormSemnareDeciziei.razor.css */

.decizie-header[b-8ylw1fvvd4] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
    margin: -20px -20px 20px -20px;
    border-radius: 8px 8px 0 0;
}

.decizie-header h1[b-8ylw1fvvd4] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin: 0;
}

.decizie-header p[b-8ylw1fvvd4] {
    font-size: 14px;
    opacity: 0.9;
    margin: 8px 0 0 0;
}

/* Section Styles */
.section-title[b-8ylw1fvvd4] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    margin: 25px -20px 20px -20px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-title .icon[b-8ylw1fvvd4] {
    font-size: 18px;
}

/* Regional header info */
.regional-header[b-8ylw1fvvd4] {
    background: var(--accent-stroke-control-active);
    border: 2px solid var(--accent-fill-rest);
    border-radius: 8px;
    padding: 15px 20px;
    margin: 25px;
}

.regional-header h3[b-8ylw1fvvd4] {
    color: var(--accent-fill-rest);
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.regional-header p[b-8ylw1fvvd4] {
    color: var(--accent-fill-rest);
    font-size: 13px;
    margin: 3px 0;
}

/* Info boxes */
.info-box[b-8ylw1fvvd4] {
    background: var(--accent-stroke-control-active);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: var(--accent-fill-rest);
}

.info-box.success[b-8ylw1fvvd4] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

.info-box.warning[b-8ylw1fvvd4] {
    background: #fff3e0;
    border-left-color: #ff9800;
    color: #e65100;
}

/* Legal reference box */
.legal-box[b-8ylw1fvvd4] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.legal-box h4[b-8ylw1fvvd4] {
    color: #f57f17;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
}

/* Decision box */
.decision-box[b-8ylw1fvvd4] {
    background: var(--color-background-base-secondary);
    border: 3px solid #667eea;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.decision-box h2[b-8ylw1fvvd4] {
    font-size: 24px;
    color: #667eea;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 700;
}

.decision-options[b-8ylw1fvvd4] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.decision-option[b-8ylw1fvvd4] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid var(--color-border-base-default);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.decision-option:hover[b-8ylw1fvvd4] {
    border-color: #667eea;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
    transform: translateY(-2px);
}

.decision-option input[type="radio"][b-8ylw1fvvd4] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.decision-option label[b-8ylw1fvvd4] {
    flex: 1;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text-base-default);
    text-align: left;
}

.decision-option.selected[b-8ylw1fvvd4] {
    border-color: #667eea;
    background: #f0f4ff;
}

/* Field types */
[b-8ylw1fvvd4] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-8ylw1fvvd4] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-8ylw1fvvd4] {
    background: var(--color-background-base-secondary);
    padding: 30px;
    border-radius: 8px;
    border: 2px solid var(--color-border-base-default);
    min-height: 200px;
    line-height: 1.8;
    font-size: 14px;
    margin: 20px 0;
}

/* Buttons */
.button-group[b-8ylw1fvvd4] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}

/* Responsive */
@media (max-width: 768px) {
    .decizie-header[b-8ylw1fvvd4] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    .section-title[b-8ylw1fvvd4] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .decision-box[b-8ylw1fvvd4] {
        padding: 20px 15px;
    }

    .legal-box[b-8ylw1fvvd4] {
        padding: 15px;
    }

    .preview-container[b-8ylw1fvvd4] {
        padding: 20px;
    }
}

/* Print styles */
@media print {
    .button-group[b-8ylw1fvvd4] {
        display: none;
    }

    .decizie-header[b-8ylw1fvvd4] {
        background: var(--neutral-layer-1);
        color: black;
        border-bottom: 2px solid #333;
    }

    .section-title[b-8ylw1fvvd4] {
        background: var(--neutral-layer-1);
        color: black;
        border-bottom: 1px solid #333;
    }

    .preview-container[b-8ylw1fvvd4] {
        border: none;
        padding: 0;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/FormVerificationPerson.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-tmii33t801] {
    background: var(--neutral-layer-1);
    padding: 0;
}

.info-box[b-tmii33t801] {
    /* Theme-adaptive tint: pale-blue in light, dark-blue in dark, so the
       theme-token text below stays readable in both. */
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-tmii33t801] {
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--color-text-base-default);
    font-weight: 600;
}

.info-box p[b-tmii33t801] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: var(--color-text-base-secondary);
}

.session-info-box[b-tmii33t801] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-tmii33t801] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 4px;
}

.verification-table[b-tmii33t801] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
}

.verification-table th[b-tmii33t801],
.verification-table td[b-tmii33t801] {
    border: 1px solid var(--color-border-base-default);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-tmii33t801] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.col-source[b-tmii33t801] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-tmii33t801] {
    width: 12%;
    text-align: center;
}

.col-result[b-tmii33t801] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-tmii33t801] {
    width: 40%;
}

.col-signature[b-tmii33t801] {
    width: 18%;
}

.checkbox-group[b-tmii33t801] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-tmii33t801] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-tmii33t801] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-tmii33t801] {
    background: #eff6fc;
}

.added-row:hover[b-tmii33t801] {
    background: var(--accent-stroke-control-active);
}

.row-actions[b-tmii33t801] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-tmii33t801] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-tmii33t801] {
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-tmii33t801] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-tmii33t801] {
    background: var(--accent-fill-hover);
}

.collapsible-header h4[b-tmii33t801] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-tmii33t801] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-tmii33t801] {
    padding: 16px;
    animation: slideDown-b-tmii33t801 0.3s ease-out;
}

@keyframes slideDown-b-tmii33t801 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-tmii33t801] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-tmii33t801] {
    margin-bottom: 0;
}

.card-header[b-tmii33t801] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-tmii33t801],
.header-right[b-tmii33t801] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-tmii33t801] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-tmii33t801] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.verification-officer[b-tmii33t801] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-tmii33t801] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-tmii33t801] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-tmii33t801] {
    color: #d97706;
}

.card-content[b-tmii33t801] {
    padding: 12px;
}

.verification-table.compact[b-tmii33t801] {
    font-size: 12px;
}

.verification-table.compact th[b-tmii33t801],
.verification-table.compact td[b-tmii33t801] {
    padding: 8px 6px;
}

.mentions-text[b-tmii33t801] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--color-text-base-default);
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-tmii33t801],
    .info-box[b-tmii33t801],
    .session-info-box[b-tmii33t801],
    .row-actions[b-tmii33t801],
    .previous-verifications-section[b-tmii33t801] {
        display: none !important;
    }

    .verification-container[b-tmii33t801] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-tmii33t801] {
        font-size: 10px;
    }

    .verification-table th[b-tmii33t801],
    .verification-table td[b-tmii33t801] {
        padding: 5px;
    }

    .card-header[b-tmii33t801] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-tmii33t801],
    .header-right[b-tmii33t801] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/SemnareDeciziei_Sef_DR.razor.rz.scp.css */
/* FormSemnareDeciziei.razor.css */

.decizie-header[b-ydwtv1bmdb] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
    margin: -20px -20px 20px -20px;
    border-radius: 8px 8px 0 0;
}

.decizie-header h1[b-ydwtv1bmdb] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin: 0;
}

.decizie-header p[b-ydwtv1bmdb] {
    font-size: 14px;
    opacity: 0.9;
    margin: 8px 0 0 0;
}

/* Section Styles */
.section-title[b-ydwtv1bmdb] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    margin: 25px -20px 20px -20px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-title .icon[b-ydwtv1bmdb] {
    font-size: 18px;
}

/* Regional header info */
.regional-header[b-ydwtv1bmdb] {
    background: var(--accent-stroke-control-active);
    border: 2px solid var(--accent-fill-rest);
    border-radius: 8px;
    padding: 15px 20px;
    margin: 25px;
}

.regional-header h3[b-ydwtv1bmdb] {
    color: var(--accent-fill-rest);
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.regional-header p[b-ydwtv1bmdb] {
    color: var(--accent-fill-rest);
    font-size: 13px;
    margin: 3px 0;
}

/* Info boxes */
.info-box[b-ydwtv1bmdb] {
    background: var(--accent-stroke-control-active);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: var(--accent-fill-rest);
}

.info-box.success[b-ydwtv1bmdb] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

.info-box.warning[b-ydwtv1bmdb] {
    background: #fff3e0;
    border-left-color: #ff9800;
    color: #e65100;
}

/* Legal reference box */
.legal-box[b-ydwtv1bmdb] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.legal-box h4[b-ydwtv1bmdb] {
    color: #f57f17;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
}

/* Decision box */
.decision-box[b-ydwtv1bmdb] {
    background: var(--color-background-base-secondary);
    border: 3px solid #667eea;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.decision-box h2[b-ydwtv1bmdb] {
    font-size: 24px;
    color: #667eea;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 700;
}

.decision-options[b-ydwtv1bmdb] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.decision-option[b-ydwtv1bmdb] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid var(--color-border-base-default);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.decision-option:hover[b-ydwtv1bmdb] {
    border-color: #667eea;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
    transform: translateY(-2px);
}

.decision-option input[type="radio"][b-ydwtv1bmdb] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.decision-option label[b-ydwtv1bmdb] {
    flex: 1;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text-base-default);
    text-align: left;
}

.decision-option.selected[b-ydwtv1bmdb] {
    border-color: #667eea;
    background: #f0f4ff;
}

/* Field types */
[b-ydwtv1bmdb] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-ydwtv1bmdb] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-ydwtv1bmdb] {
    background: var(--color-background-base-secondary);
    padding: 30px;
    border-radius: 8px;
    border: 2px solid var(--color-border-base-default);
    min-height: 200px;
    line-height: 1.8;
    font-size: 14px;
    margin: 20px 0;
}

/* Buttons */
.button-group[b-ydwtv1bmdb] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}

/* Responsive */
@media (max-width: 768px) {
    .decizie-header[b-ydwtv1bmdb] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    .section-title[b-ydwtv1bmdb] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .decision-box[b-ydwtv1bmdb] {
        padding: 20px 15px;
    }

    .legal-box[b-ydwtv1bmdb] {
        padding: 15px;
    }

    .preview-container[b-ydwtv1bmdb] {
        padding: 20px;
    }
}

/* Print styles */
@media print {
    .button-group[b-ydwtv1bmdb] {
        display: none;
    }

    .decizie-header[b-ydwtv1bmdb] {
        background: var(--neutral-layer-1);
        color: black;
        border-bottom: 2px solid #333;
    }

    .section-title[b-ydwtv1bmdb] {
        background: var(--neutral-layer-1);
        color: black;
        border-bottom: 1px solid #333;
    }

    .preview-container[b-ydwtv1bmdb] {
        border: none;
        padding: 0;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Form/Semneaza_Raport_Sef_DR.razor.rz.scp.css */
/* FormSemnareDeciziei.razor.css */

.decizie-header[b-iaq22wrcq3] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
    margin: -20px -20px 20px -20px;
    border-radius: 8px 8px 0 0;
}

.decizie-header h1[b-iaq22wrcq3] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin: 0;
}

.decizie-header p[b-iaq22wrcq3] {
    font-size: 14px;
    opacity: 0.9;
    margin: 8px 0 0 0;
}

/* Section Styles */
.section-title[b-iaq22wrcq3] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    margin: 25px -20px 20px -20px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-title .icon[b-iaq22wrcq3] {
    font-size: 18px;
}

/* Regional header info */
.regional-header[b-iaq22wrcq3] {
    background: var(--accent-stroke-control-active);
    border: 2px solid var(--accent-fill-rest);
    border-radius: 8px;
    padding: 15px 20px;
    margin: 25px;
}

.regional-header h3[b-iaq22wrcq3] {
    color: var(--accent-fill-rest);
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.regional-header p[b-iaq22wrcq3] {
    color: var(--accent-fill-rest);
    font-size: 13px;
    margin: 3px 0;
}

/* Info boxes */
.info-box[b-iaq22wrcq3] {
    background: var(--accent-stroke-control-active);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: var(--accent-fill-rest);
}

.info-box.success[b-iaq22wrcq3] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

.info-box.warning[b-iaq22wrcq3] {
    background: #fff3e0;
    border-left-color: #ff9800;
    color: #e65100;
}

/* Legal reference box */
.legal-box[b-iaq22wrcq3] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.legal-box h4[b-iaq22wrcq3] {
    color: #f57f17;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
}

/* Decision box */
.decision-box[b-iaq22wrcq3] {
    background: var(--color-background-base-secondary);
    border: 3px solid #667eea;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.decision-box h2[b-iaq22wrcq3] {
    font-size: 24px;
    color: #667eea;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 700;
}

.decision-options[b-iaq22wrcq3] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.decision-option[b-iaq22wrcq3] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: var(--neutral-layer-1);
    border: 2px solid var(--color-border-base-default);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.decision-option:hover[b-iaq22wrcq3] {
    border-color: #667eea;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
    transform: translateY(-2px);
}

.decision-option input[type="radio"][b-iaq22wrcq3] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.decision-option label[b-iaq22wrcq3] {
    flex: 1;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text-base-default);
    text-align: left;
}

.decision-option.selected[b-iaq22wrcq3] {
    border-color: #667eea;
    background: #f0f4ff;
}

/* Field types */
[b-iaq22wrcq3] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-iaq22wrcq3] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-iaq22wrcq3] {
    background: var(--color-background-base-secondary);
    padding: 30px;
    border-radius: 8px;
    border: 2px solid var(--color-border-base-default);
    min-height: 200px;
    line-height: 1.8;
    font-size: 14px;
    margin: 20px 0;
}

/* Buttons */
.button-group[b-iaq22wrcq3] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}

/* Responsive */
@media (max-width: 768px) {
    .decizie-header[b-iaq22wrcq3] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    .section-title[b-iaq22wrcq3] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .decision-box[b-iaq22wrcq3] {
        padding: 20px 15px;
    }

    .legal-box[b-iaq22wrcq3] {
        padding: 15px;
    }

    .preview-container[b-iaq22wrcq3] {
        padding: 20px;
    }
}

/* Print styles */
@media print {
    .button-group[b-iaq22wrcq3] {
        display: none;
    }

    .decizie-header[b-iaq22wrcq3] {
        background: var(--neutral-layer-1);
        color: black;
        border-bottom: 2px solid #333;
    }

    .section-title[b-iaq22wrcq3] {
        background: var(--neutral-layer-1);
        color: black;
        border-bottom: 1px solid #333;
    }

    .preview-container[b-iaq22wrcq3] {
        border: none;
        padding: 0;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-8kxelog84v] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-8kxelog84v] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-8kxelog84v] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-8kxelog84v] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-8kxelog84v] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-8kxelog84v] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-8kxelog84v] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-8kxelog84v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-8kxelog84v] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-8kxelog84v] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-base-secondary);
}

.info-value[b-8kxelog84v] {
    font-size: 14px;
    color: var(--color-text-base-default);
    font-weight: 500;
}

    .info-value.highlight[b-8kxelog84v] {
        color: var(--accent-fill-rest);
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-8kxelog84v] {
        color: var(--color-text-base-tertiary);
        font-style: italic;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-8kxelog84v] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-8kxelog84v] {
        padding: 12px 16px;
    }

    [b-8kxelog84v] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-8kxelog84v] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-8kxelog84v] {
        grid-template-columns: repeat(5, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/InfoCard/InfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-dvki21fbxw] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-dvki21fbxw] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-dvki21fbxw] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-dvki21fbxw] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-dvki21fbxw] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-dvki21fbxw] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-dvki21fbxw] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-dvki21fbxw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-dvki21fbxw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-dvki21fbxw] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.info-value[b-dvki21fbxw] {
    font-size: 14px;
    color: white;
    font-weight: 500;
}

    .info-value.highlight[b-dvki21fbxw] {
        color: white;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-dvki21fbxw] {
        color: white;
        font-style: italic;
    }

.documents-header[b-dvki21fbxw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-dvki21fbxw] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-dvki21fbxw] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-dvki21fbxw] {
        padding: 12px 16px;
    }

    [b-dvki21fbxw] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-dvki21fbxw] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-dvki21fbxw] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/ProfileAzil/AzilFormView.razor.rz.scp.css */

/* _content/IGM.Web/Pages/Workplace/Case_Azil/Verificare/FormADDVerification.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-8az5redzth] {
    background: var(--neutral-layer-1);
    padding: 0;
}

.info-box[b-8az5redzth] {
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-8az5redzth] {
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--color-text-base-default);
    font-weight: 600;
}

.info-box p[b-8az5redzth] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: var(--color-text-base-secondary);
}

.session-info-box[b-8az5redzth] {
    background: color-mix(in srgb, #f59e0b 18%, transparent);
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-8az5redzth] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 4px;
}

.verification-table[b-8az5redzth] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
}

.verification-table th[b-8az5redzth],
.verification-table td[b-8az5redzth] {
    border: 1px solid var(--color-border-base-default);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-8az5redzth] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.col-source[b-8az5redzth] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-8az5redzth] {
    width: 12%;
    text-align: center;
}

.col-result[b-8az5redzth] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-8az5redzth] {
    width: 40%;
}

.col-signature[b-8az5redzth] {
    width: 18%;
}

.checkbox-group[b-8az5redzth] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-8az5redzth] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-8az5redzth] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-8az5redzth] {
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
}

.added-row:hover[b-8az5redzth] {
    background: var(--accent-stroke-control-active);
}

.row-actions[b-8az5redzth] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-8az5redzth] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-8az5redzth] {
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-8az5redzth] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-8az5redzth] {
    background: var(--accent-fill-hover);
}

.collapsible-header h4[b-8az5redzth] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-8az5redzth] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-8az5redzth] {
    padding: 16px;
    animation: slideDown-b-8az5redzth 0.3s ease-out;
}

@keyframes slideDown-b-8az5redzth {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-8az5redzth] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-8az5redzth] {
    margin-bottom: 0;
}

.card-header[b-8az5redzth] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-8az5redzth],
.header-right[b-8az5redzth] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-8az5redzth] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-8az5redzth] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.verification-officer[b-8az5redzth] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-8az5redzth] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-8az5redzth] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-8az5redzth] {
    color: #d97706;
}

.card-content[b-8az5redzth] {
    padding: 12px;
}

.verification-table.compact[b-8az5redzth] {
    font-size: 12px;
}

.verification-table.compact th[b-8az5redzth],
.verification-table.compact td[b-8az5redzth] {
    padding: 8px 6px;
}

.mentions-text[b-8az5redzth] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--color-text-base-default);
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-8az5redzth],
    .info-box[b-8az5redzth],
    .session-info-box[b-8az5redzth],
    .row-actions[b-8az5redzth],
    .previous-verifications-section[b-8az5redzth] {
        display: none !important;
    }

    .verification-container[b-8az5redzth] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-8az5redzth] {
        font-size: 10px;
    }

    .verification-table th[b-8az5redzth],
    .verification-table td[b-8az5redzth] {
        padding: 5px;
    }

    .card-header[b-8az5redzth] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-8az5redzth],
    .header-right[b-8az5redzth] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil/Verificare/PageVerificare.razor.rz.scp.css */
/* PageVerificare.razor.css - Стили для страницы полного истории верификаций */

.header-with-action[b-oobd9l7dnv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.header-with-action .sectiontitle[b-oobd9l7dnv] {
    flex: 1;
    margin: 0;
}

.action-button[b-oobd9l7dnv] {
    flex-shrink: 0;
}

.verifications-list[b-oobd9l7dnv] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.verification-card[b-oobd9l7dnv] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s, transform 0.2s;
}

.verification-card:hover[b-oobd9l7dnv] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Status-specific card borders */
.verification-card.status-draft[b-oobd9l7dnv] {
    border-left: 4px solid #f59e0b;
}

.verification-card.status-completed[b-oobd9l7dnv] {
    border-left: 4px solid #107c10;
}

.verification-card.status-archived[b-oobd9l7dnv] {
    border-left: 4px solid #797775;
}

.card-header[b-oobd9l7dnv] {
    background: var(--color-background-base-tertiary);
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 10px;
}

.header-left[b-oobd9l7dnv],
.header-right[b-oobd9l7dnv] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-oobd9l7dnv] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 5px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.status-badge[b-oobd9l7dnv] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.badge-draft[b-oobd9l7dnv] {
    background: color-mix(in srgb, #f59e0b 20%, transparent);
    color: #d97706;
    border: 1px solid #f59e0b;
}

.badge-completed[b-oobd9l7dnv] {
    background: color-mix(in srgb, #107c10 22%, transparent);
    color: #34a853;
    border: 1px solid #107c10;
}

.badge-archived[b-oobd9l7dnv] {
    background: var(--color-background-base-tertiary);
    color: var(--color-text-base-secondary);
    border: 1px solid var(--color-border-base-default);
}

.verification-date[b-oobd9l7dnv] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.header-left fluent-button[b-oobd9l7dnv] {
    margin-left: 8px;
}

.header-left fluent-button[b-oobd9l7dnv]::part(control) {
    border-color: var(--accent-fill-rest);
    color: var(--accent-fill-rest);
}

.header-left fluent-button:hover[b-oobd9l7dnv]::part(control) {
    background-color: var(--color-background-base-tertiary);
    border-color: var(--accent-fill-hover);
    color: var(--accent-fill-hover);
}

.verification-officer[b-oobd9l7dnv] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-oobd9l7dnv] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-oobd9l7dnv] {
    background: color-mix(in srgb, #f59e0b 16%, transparent);
    padding: 12px 18px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-oobd9l7dnv] {
    color: #d97706;
}

.card-content[b-oobd9l7dnv] {
    padding: 16px;
}

.verification-table[b-oobd9l7dnv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
    margin-bottom: 12px;
}

.verification-table th[b-oobd9l7dnv],
.verification-table td[b-oobd9l7dnv] {
    border: 1px solid var(--color-border-base-default);
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-oobd9l7dnv] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.verification-table.compact[b-oobd9l7dnv] {
    font-size: 12px;
}

.verification-table.compact th[b-oobd9l7dnv],
.verification-table.compact td[b-oobd9l7dnv] {
    padding: 8px 6px;
}

.default-row[b-oobd9l7dnv] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-oobd9l7dnv] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-oobd9l7dnv] {
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
}

.added-row:hover[b-oobd9l7dnv] {
    background: var(--accent-stroke-control-active);
}

.mentions-text[b-oobd9l7dnv] {
    font-size: 11px;
    line-height: 1.5;
    color: var(--color-text-base-default);
    max-height: 80px;
    overflow-y: auto;
    padding: 4px;
}

.session-summary[b-oobd9l7dnv] {
    background: var(--color-background-base-tertiary);
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 12px;
    color: var(--color-text-base-default);
    border-left: 3px solid var(--accent-fill-rest);
}

.session-summary strong[b-oobd9l7dnv] {
    color: var(--accent-fill-rest);
    margin-right: 8px;
}

.empty-message[b-oobd9l7dnv] {
    text-align: center;
    padding: 30px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 6px;
    color: var(--color-text-base-secondary);
}

.empty-message p[b-oobd9l7dnv] {
    margin: 0;
    font-size: 13px;
}

/* Empty state styling */
.empty-state[b-oobd9l7dnv] {
    text-align: center;
    padding: 60px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    margin: 20px 0;
}

.empty-icon[b-oobd9l7dnv] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state h3[b-oobd9l7dnv] {
    font-size: 18px;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state p[b-oobd9l7dnv] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .header-with-action[b-oobd9l7dnv] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-oobd9l7dnv] {
        width: 100%;
    }

    .action-button fluent-button[b-oobd9l7dnv] {
        width: 100%;
    }

    .header-left fluent-button[b-oobd9l7dnv] {
        font-size: 10px;
        padding: 2px 6px;
    }

    .verification-table[b-oobd9l7dnv] {
        font-size: 10px;
    }

    .verification-table th[b-oobd9l7dnv],
    .verification-table td[b-oobd9l7dnv] {
        padding: 5px 3px;
    }

    .card-header[b-oobd9l7dnv] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-oobd9l7dnv],
    .header-right[b-oobd9l7dnv] {
        width: 100%;
        justify-content: space-between;
    }

    .session-badge[b-oobd9l7dnv] {
        font-size: 11px;
        padding: 3px 10px;
    }

    .verification-date[b-oobd9l7dnv],
    .verification-officer[b-oobd9l7dnv] {
        font-size: 11px;
    }
}

/* Print styles */
@media print {
    .header-with-action .action-button[b-oobd9l7dnv] {
        display: none !important;
    }

    .header-left fluent-button[b-oobd9l7dnv] {
        display: none !important;
    }

    .verification-card[b-oobd9l7dnv] {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: 20px;
    }

    .card-header[b-oobd9l7dnv] {
        background: #f3f2f1 !important;
        border-bottom: 2px solid #000;
    }

    .session-badge[b-oobd9l7dnv],
    .status-badge[b-oobd9l7dnv],
    .completed-badge[b-oobd9l7dnv] {
        color: #000 !important;
        background: var(--neutral-layer-1) !important;
        border: 1px solid #000;
    }

    .verification-table th[b-oobd9l7dnv] {
        background: #f3f2f1 !important;
        border: 1px solid #000;
    }

    .verification-table td[b-oobd9l7dnv] {
        border: 1px solid #000;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil_IGPF/Form/InfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-kf821kimby] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-kf821kimby] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-kf821kimby] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-kf821kimby] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-kf821kimby] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-kf821kimby] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-kf821kimby] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-kf821kimby] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-kf821kimby] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-kf821kimby] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.info-value[b-kf821kimby] {
    font-size: 14px;
    color: white;
    font-weight: 500;
}

    .info-value.highlight[b-kf821kimby] {
        color: white;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-kf821kimby] {
        color: white;
        font-style: italic;
    }

.documents-header[b-kf821kimby] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-kf821kimby] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-kf821kimby] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-kf821kimby] {
        padding: 12px 16px;
    }

    [b-kf821kimby] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-kf821kimby] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-kf821kimby] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil_IGPF/Form/Verificarea_Strainului.razor.rz.scp.css */
/*razor.css - Стили для компонента VereficareInSistem (Apatridie - Editable Verification Form) */

.verification-container[b-7ypfw5gbxc] {
    background: var(--neutral-layer-1);
    padding: 0;
}

.info-box[b-7ypfw5gbxc] {
    /* Theme-adaptive tint: pale-blue in light, dark-blue in dark, so the
       theme-token text below stays readable in both. */
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-7ypfw5gbxc] {
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--color-text-base-default);
    font-weight: 600;
}

.info-box p[b-7ypfw5gbxc] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: var(--color-text-base-secondary);
}

.session-info-box[b-7ypfw5gbxc] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-7ypfw5gbxc] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 4px;
}

.verification-table[b-7ypfw5gbxc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
}

.verification-table th[b-7ypfw5gbxc],
.verification-table td[b-7ypfw5gbxc] {
    border: 1px solid var(--color-border-base-default);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-7ypfw5gbxc] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.col-source[b-7ypfw5gbxc] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-7ypfw5gbxc] {
    width: 12%;
    text-align: center;
}

.col-result[b-7ypfw5gbxc] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-7ypfw5gbxc] {
    width: 40%;
}

.col-signature[b-7ypfw5gbxc] {
    width: 18%;
}

.checkbox-group[b-7ypfw5gbxc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-7ypfw5gbxc] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-7ypfw5gbxc] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-7ypfw5gbxc] {
    background: #eff6fc;
}

.added-row:hover[b-7ypfw5gbxc] {
    background: var(--accent-stroke-control-active);
}

.row-actions[b-7ypfw5gbxc] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-7ypfw5gbxc] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-7ypfw5gbxc] {
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-7ypfw5gbxc] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-7ypfw5gbxc] {
    background: var(--accent-fill-hover);
}

.collapsible-header h4[b-7ypfw5gbxc] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-7ypfw5gbxc] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-7ypfw5gbxc] {
    padding: 16px;
    animation: slideDown-b-7ypfw5gbxc 0.3s ease-out;
}

@keyframes slideDown-b-7ypfw5gbxc {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-7ypfw5gbxc] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-7ypfw5gbxc] {
    margin-bottom: 0;
}

.card-header[b-7ypfw5gbxc] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-7ypfw5gbxc],
.header-right[b-7ypfw5gbxc] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-7ypfw5gbxc] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-7ypfw5gbxc] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.verification-officer[b-7ypfw5gbxc] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-7ypfw5gbxc] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-7ypfw5gbxc] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-7ypfw5gbxc] {
    color: #d97706;
}

.card-content[b-7ypfw5gbxc] {
    padding: 12px;
}

.verification-table.compact[b-7ypfw5gbxc] {
    font-size: 12px;
}

.verification-table.compact th[b-7ypfw5gbxc],
.verification-table.compact td[b-7ypfw5gbxc] {
    padding: 8px 6px;
}

.mentions-text[b-7ypfw5gbxc] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--color-text-base-default);
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-7ypfw5gbxc],
    .info-box[b-7ypfw5gbxc],
    .session-info-box[b-7ypfw5gbxc],
    .row-actions[b-7ypfw5gbxc],
    .previous-verifications-section[b-7ypfw5gbxc] {
        display: none !important;
    }

    .verification-container[b-7ypfw5gbxc] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-7ypfw5gbxc] {
        font-size: 10px;
    }

    .verification-table th[b-7ypfw5gbxc],
    .verification-table td[b-7ypfw5gbxc] {
        padding: 5px;
    }

    .card-header[b-7ypfw5gbxc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-7ypfw5gbxc],
    .header-right[b-7ypfw5gbxc] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil_Reexaminare/Form/Desfasurare_Interviu_Executor_SAA.razor.rz.scp.css */
/* Interview Header */
.interview-header[b-ot8doo6h1a] {
    background: linear-gradient(135deg, var(--accent-fill-active) 0%, var(--accent-fill-rest) 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.interview-header h1[b-ot8doo6h1a] {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.interview-header p[b-ot8doo6h1a] {
    font-size: 14px;
    opacity: 0.9;
    padding-left:10px;
}

/* Progress Container */
.progress-container[b-ot8doo6h1a] {
    background: var(--color-background-base-secondary);
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.progress-bar[b-ot8doo6h1a] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-ot8doo6h1a] {
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s;
}

.progress-text[b-ot8doo6h1a] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    color: var(--color-text-base-secondary);
}

/* Navigation Tabs */
.nav-tabs[b-ot8doo6h1a] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
    padding: 10px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
}

.nav-tab[b-ot8doo6h1a] {
    padding: 8px 15px;
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.nav-tab:hover[b-ot8doo6h1a] {
    background: var(--accent-stroke-control-active);
    border-color: var(--accent-fill-rest);
}

.nav-tab.active[b-ot8doo6h1a] {
    background: var(--accent-fill-rest);
    color: white;
    border-color: var(--accent-fill-rest);
}

.nav-tab.completed[b-ot8doo6h1a] {
    background: #e8f5e9;
    border-color: #4caf50;
    color: #2e7d32;
}

/* Subsection Title */
.subsection-title[b-ot8doo6h1a] {
    background: var(--accent-stroke-control-active);
    color: var(--accent-fill-rest);
    padding: 10px 15px;
    margin: 20px 0 15px 0;
    font-weight: 600;
    font-size: 13px;
    border-left: 4px solid var(--accent-fill-rest);
    border-radius: 0 8px 8px 0;
}

/* Question-Answer Block */
.qa-block[b-ot8doo6h1a] {
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    border-left: 4px solid #667eea;
}

.qa-block.conditional[b-ot8doo6h1a] {
    background: #fff8e1;
    border-left-color: #ffa000;
}

.qa-block .question[b-ot8doo6h1a] {
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 10px;
    font-size: 14px;
}

.qa-block .question[b-ot8doo6h1a]::before {
    content: "Î: ";
    color: #667eea;
    font-weight: 700;
}

.qa-block.conditional .question[b-ot8doo6h1a]::before {
    color: #ffa000;
}

.qa-block .note[b-ot8doo6h1a] {
    background: #e8f5e9;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #2e7d32;
    margin-top: 10px;
    font-style: italic;
}

.qa-block .note[b-ot8doo6h1a]::before {
    content: "📝 Notă: ";
    font-weight: 600;
}

/* Conditional Note */
.conditional-note[b-ot8doo6h1a] {
    background: #fff3e0;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    color: #e65100;
    margin-bottom: 15px;
    border-left: 4px solid #ff9800;
}

.conditional-note[b-ot8doo6h1a]::before {
    content: "⚠️ ";
}

/* Button Group */
.button-group[b-ot8doo6h1a] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--color-border-base-default);
}

/* Field Styles */
[b-ot8doo6h1a] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-ot8doo6h1a] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Signature Area */
.signature-area[b-ot8doo6h1a] {
    border: 2px dashed #ccc;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    margin-top: 20px;
    background: var(--color-background-base-secondary);
}

.signature-area p[b-ot8doo6h1a] {
    color: var(--color-text-base-secondary);
    font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .nav-tabs[b-ot8doo6h1a] {
        flex-direction: column;
    }

    .progress-text[b-ot8doo6h1a] {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }

    .button-group[b-ot8doo6h1a] {
        flex-direction: column;
    }
}

/* Previous Interviews Section */
.previous-interviews-container[b-ot8doo6h1a] {
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid var(--accent-fill-rest);
}

.previous-interviews-header[b-ot8doo6h1a] {
    cursor: pointer;
    padding: 10px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 6px;
    transition: all 0.3s;
    user-select: none;
}

.previous-interviews-header:hover[b-ot8doo6h1a] {
    background: linear-gradient(135deg, #5568d3 0%, #653b8a 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.previous-interviews-header h4[b-ot8doo6h1a] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-icon[b-ot8doo6h1a] {
    display: inline-block;
    width: 20px;
    font-size: 14px;
    transition: transform 0.3s;
}

.previous-interviews-list[b-ot8doo6h1a] {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.previous-interview-item[b-ot8doo6h1a] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 15px;
    border: 1px solid var(--color-border-base-default);
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-interview-item:hover[b-ot8doo6h1a] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.interview-summary[b-ot8doo6h1a] {
    flex: 1;
}

.interview-date[b-ot8doo6h1a] {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
}

.interview-details[b-ot8doo6h1a] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    margin-bottom: 5px;
}

.interview-status[b-ot8doo6h1a] {
    margin-top: 8px;
}

.status-completed[b-ot8doo6h1a] {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.status-draft[b-ot8doo6h1a] {
    background: #fff8e1;
    color: #f57c00;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.interview-actions[b-ot8doo6h1a] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Print Styles */
@media print {
    .progress-container[b-ot8doo6h1a],
    .nav-tabs[b-ot8doo6h1a],
    .button-group[b-ot8doo6h1a],
    .previous-interviews-container[b-ot8doo6h1a] {
        display: none;
    }

    .interview-header[b-ot8doo6h1a] {
        background: var(--accent-fill-active);
        color: white;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .previous-interview-item[b-ot8doo6h1a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .interview-actions[b-ot8doo6h1a] {
        width: 100%;
    }

    .interview-actions fluent-button[b-ot8doo6h1a] {
        width: 100%;
    }
}

/* Supplementary Questions */
.supplementary-header[b-ot8doo6h1a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    margin: 20px 0 10px;
    background: #e8f4fd;
    border-radius: 8px;
    border: 1px dashed var(--accent-fill-rest);
}

.supplementary-header .form-section-label[b-ot8doo6h1a] {
    font-weight: 600;
    color: var(--accent-fill-active);
    font-size: 14px;
}

.qa-block.supplementary[b-ot8doo6h1a] {
    background: #fffdf5;
    border-left-color: #f59e0b;
}

.supplementary-badge[b-ot8doo6h1a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 28px;
    padding: 0 8px;
    background: #f59e0b;
    color: white;
    border-radius: 14px;
    font-weight: 700;
    font-size: 12px;
}
/* _content/IGM.Web/Pages/Workplace/Case_Azil_Renuntare/Form/Verificarea_Strainului_alte_sisteme_Executor_SAA.razor.rz.scp.css */
/*razor.css - Стили для компонента VereficareInSistem (Apatridie - Editable Verification Form) */

.verification-container[b-03zj33ndvb] {
    background: var(--neutral-layer-1);
    padding: 0;
}

.info-box[b-03zj33ndvb] {
    /* Theme-adaptive tint: pale-blue in light, dark-blue in dark, so the
       theme-token text below stays readable in both. */
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-03zj33ndvb] {
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--color-text-base-default);
    font-weight: 600;
}

.info-box p[b-03zj33ndvb] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: var(--color-text-base-secondary);
}

.session-info-box[b-03zj33ndvb] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-03zj33ndvb] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 4px;
}

.verification-table[b-03zj33ndvb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
}

.verification-table th[b-03zj33ndvb],
.verification-table td[b-03zj33ndvb] {
    border: 1px solid var(--color-border-base-default);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-03zj33ndvb] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.col-source[b-03zj33ndvb] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-03zj33ndvb] {
    width: 12%;
    text-align: center;
}

.col-result[b-03zj33ndvb] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-03zj33ndvb] {
    width: 40%;
}

.col-signature[b-03zj33ndvb] {
    width: 18%;
}

.checkbox-group[b-03zj33ndvb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-03zj33ndvb] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-03zj33ndvb] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-03zj33ndvb] {
    background: #eff6fc;
}

.added-row:hover[b-03zj33ndvb] {
    background: var(--accent-stroke-control-active);
}

.row-actions[b-03zj33ndvb] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-03zj33ndvb] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-03zj33ndvb] {
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-03zj33ndvb] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-03zj33ndvb] {
    background: var(--accent-fill-hover);
}

.collapsible-header h4[b-03zj33ndvb] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-03zj33ndvb] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-03zj33ndvb] {
    padding: 16px;
    animation: slideDown-b-03zj33ndvb 0.3s ease-out;
}

@keyframes slideDown-b-03zj33ndvb {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-03zj33ndvb] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-03zj33ndvb] {
    margin-bottom: 0;
}

.card-header[b-03zj33ndvb] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-03zj33ndvb],
.header-right[b-03zj33ndvb] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-03zj33ndvb] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-03zj33ndvb] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.verification-officer[b-03zj33ndvb] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-03zj33ndvb] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-03zj33ndvb] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-03zj33ndvb] {
    color: #d97706;
}

.card-content[b-03zj33ndvb] {
    padding: 12px;
}

.verification-table.compact[b-03zj33ndvb] {
    font-size: 12px;
}

.verification-table.compact th[b-03zj33ndvb],
.verification-table.compact td[b-03zj33ndvb] {
    padding: 8px 6px;
}

.mentions-text[b-03zj33ndvb] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--color-text-base-default);
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-03zj33ndvb],
    .info-box[b-03zj33ndvb],
    .session-info-box[b-03zj33ndvb],
    .row-actions[b-03zj33ndvb],
    .previous-verifications-section[b-03zj33ndvb] {
        display: none !important;
    }

    .verification-container[b-03zj33ndvb] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-03zj33ndvb] {
        font-size: 10px;
    }

    .verification-table th[b-03zj33ndvb],
    .verification-table td[b-03zj33ndvb] {
        padding: 5px;
    }

    .card-header[b-03zj33ndvb] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-03zj33ndvb],
    .header-right[b-03zj33ndvb] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Cazare/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-rccb3awa8s] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-rccb3awa8s] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-rccb3awa8s] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-rccb3awa8s] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-rccb3awa8s] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-rccb3awa8s] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-rccb3awa8s] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-rccb3awa8s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-rccb3awa8s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-rccb3awa8s] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-base-secondary);
}

.info-value[b-rccb3awa8s] {
    font-size: 14px;
    color: var(--color-text-base-default);
    font-weight: 500;
}

    .info-value.highlight[b-rccb3awa8s] {
        color: var(--accent-fill-rest);
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-rccb3awa8s] {
        color: var(--color-text-base-tertiary);
        font-style: italic;
    }

.documents-header[b-rccb3awa8s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-rccb3awa8s] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-rccb3awa8s] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-rccb3awa8s] {
        padding: 12px 16px;
    }

    [b-rccb3awa8s] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-rccb3awa8s] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-rccb3awa8s] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Cazare/InfoCard/InfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-4esjcrdi18] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-4esjcrdi18] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-4esjcrdi18] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-4esjcrdi18] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-4esjcrdi18] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-4esjcrdi18] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-4esjcrdi18] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-4esjcrdi18] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-4esjcrdi18] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-4esjcrdi18] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.info-value[b-4esjcrdi18] {
    font-size: 14px;
    color: white;
    font-weight: 500;
}

    .info-value.highlight[b-4esjcrdi18] {
        color: white;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-4esjcrdi18] {
        color: white;
        font-style: italic;
    }

.documents-header[b-4esjcrdi18] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-4esjcrdi18] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-4esjcrdi18] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-4esjcrdi18] {
        padding: 12px 16px;
    }

    [b-4esjcrdi18] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-4esjcrdi18] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-4esjcrdi18] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Combaterea/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-maz9e4j1be] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-maz9e4j1be] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-maz9e4j1be] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-maz9e4j1be] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-maz9e4j1be] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-maz9e4j1be] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-maz9e4j1be] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-maz9e4j1be] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-maz9e4j1be] {
    color: var(--color-text-base-default);
    
}

.item-date[b-maz9e4j1be] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-maz9e4j1be] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-maz9e4j1be] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-maz9e4j1be] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-maz9e4j1be] {
    width: 800px;
}

.inline-progress[b-maz9e4j1be] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-maz9e4j1be] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-maz9e4j1be] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-maz9e4j1be] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-maz9e4j1be] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-maz9e4j1be] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-maz9e4j1be] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-maz9e4j1be] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-maz9e4j1be] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-maz9e4j1be] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-maz9e4j1be] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-maz9e4j1be] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-maz9e4j1be] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-maz9e4j1be] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-maz9e4j1be] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-maz9e4j1be] {
    font-weight: 600;
    color: var(--color-text-base-default);
}

<style >
.report-gen-iframe[b-maz9e4j1be] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-maz9e4j1be] {
    background-color: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-maz9e4j1be] >
/* _content/IGM.Web/Pages/Workplace/Case_Combaterea/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-3atyotfww6] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-3atyotfww6] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-3atyotfww6] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-3atyotfww6] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-3atyotfww6] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-3atyotfww6] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-3atyotfww6] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-3atyotfww6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-3atyotfww6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-3atyotfww6] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-base-secondary);
}

.info-value[b-3atyotfww6] {
    font-size: 14px;
    color: var(--color-text-base-default);
    font-weight: 500;
}

    .info-value.highlight[b-3atyotfww6] {
        color: var(--accent-fill-rest);
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-3atyotfww6] {
        color: var(--color-text-base-tertiary);
        font-style: italic;
    }

.documents-header[b-3atyotfww6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-3atyotfww6] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-3atyotfww6] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-3atyotfww6] {
        padding: 12px 16px;
    }

    [b-3atyotfww6] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-3atyotfww6] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-3atyotfww6] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Contestatie/Dashboard/CaseBoard.razor.rz.scp.css */
.dashboard-container[b-4nylkvhs8c] {
    padding: 10px;
}

.dashboard-title[b-4nylkvhs8c] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 4px;
}

.dashboard-subtitle[b-4nylkvhs8c] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    margin-bottom: 16px;
}

.checklist-container[b-4nylkvhs8c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checklist-item[b-4nylkvhs8c] {
    border-radius: 8px;
    padding: 10px 14px;
    border-left: 4px solid #ccc;
    transition: background-color 0.2s;
}

.checklist-item:hover[b-4nylkvhs8c] {
    filter: brightness(0.97);
}

.checklist-item.completed[b-4nylkvhs8c] {
    background-color: #f3faf7;
    border-left-color: #107c10;
}

.checklist-item.pending[b-4nylkvhs8c] {
    background-color: #fff9f5;
    border-left-color: #d83b01;
}

.checklist-item.inProgress[b-4nylkvhs8c] {
    background-color: #00bcd43b;
    border-left-color: #03a9f4;
}

.item-content[b-4nylkvhs8c] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.item-title[b-4nylkvhs8c] {
    min-width: 320px;
    font-size: 13px;
    font-weight: 500;
}

.item-date[b-4nylkvhs8c] {
    min-width: 90px;
    font-size: 12px;
    color: var(--color-text-base-secondary);
}

.item-user[b-4nylkvhs8c] {
    min-width: 140px;
    font-size: 12px;
    color: var(--color-text-base-secondary);
}

.status-badge[b-4nylkvhs8c] {
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 500;
}

.badge-green[b-4nylkvhs8c] {
    background-color: #dff6dd;
    color: #107c10;
}

.badge-orange[b-4nylkvhs8c] {
    background-color: #fff4ce;
    color: #d83b01;
}

.badge-grey[b-4nylkvhs8c] {
    background-color: var(--color-background-base-tertiary);
    color: var(--color-text-base-secondary);
}

.action-btn[b-4nylkvhs8c] {
    cursor: pointer;
    font-size: 18px;
    padding: 2px 6px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.action-btn:hover[b-4nylkvhs8c] {
    background-color: #e0e0e0;
}
/* _content/IGM.Web/Pages/Workplace/Case_Contestatie/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-uyys5cr3kc] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-uyys5cr3kc] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-uyys5cr3kc] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-uyys5cr3kc] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-uyys5cr3kc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-uyys5cr3kc] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-uyys5cr3kc] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-uyys5cr3kc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-uyys5cr3kc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-uyys5cr3kc] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-base-secondary);
}

.info-value[b-uyys5cr3kc] {
    font-size: 14px;
    color: var(--color-text-base-default);
    font-weight: 500;
}

    .info-value.highlight[b-uyys5cr3kc] {
        color: var(--accent-fill-rest);
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-uyys5cr3kc] {
        color: var(--color-text-base-tertiary);
        font-style: italic;
    }

.documents-header[b-uyys5cr3kc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-uyys5cr3kc] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-uyys5cr3kc] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-uyys5cr3kc] {
        padding: 12px 16px;
    }

    [b-uyys5cr3kc] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-uyys5cr3kc] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-uyys5cr3kc] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_CPTS/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-bpe7d58qe8] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-bpe7d58qe8] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-bpe7d58qe8] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-bpe7d58qe8] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-bpe7d58qe8] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-bpe7d58qe8] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-bpe7d58qe8] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-bpe7d58qe8] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-bpe7d58qe8] {
    color: var(--color-text-base-default);
    
}

.item-date[b-bpe7d58qe8] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-bpe7d58qe8] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-bpe7d58qe8] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-bpe7d58qe8] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-bpe7d58qe8] {
    width: 800px;
}

.inline-progress[b-bpe7d58qe8] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-bpe7d58qe8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-bpe7d58qe8] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-bpe7d58qe8] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-bpe7d58qe8] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-bpe7d58qe8] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-bpe7d58qe8] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-bpe7d58qe8] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-bpe7d58qe8] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-bpe7d58qe8] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-bpe7d58qe8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-bpe7d58qe8] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-bpe7d58qe8] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-bpe7d58qe8] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-bpe7d58qe8] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-bpe7d58qe8] {
    font-weight: 600;
    color: var(--color-text-base-default);
}

<style >
.report-gen-iframe[b-bpe7d58qe8] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-bpe7d58qe8] {
    background-color: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-bpe7d58qe8] >
/* _content/IGM.Web/Pages/Workplace/Case_CPTS/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-oxxotx0991] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-oxxotx0991] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-oxxotx0991] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-oxxotx0991] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-oxxotx0991] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-oxxotx0991] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-oxxotx0991] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-oxxotx0991] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-oxxotx0991] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-oxxotx0991] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.info-value[b-oxxotx0991] {
    font-size: 14px;
    color: white;
    font-weight: 500;
}

    .info-value.highlight[b-oxxotx0991] {
        color: white;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-oxxotx0991] {
        color: white;
        font-style: italic;
    }

.documents-header[b-oxxotx0991] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-oxxotx0991] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-oxxotx0991] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-oxxotx0991] {
        padding: 12px 16px;
    }

    [b-oxxotx0991] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-oxxotx0991] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-oxxotx0991] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/Form/VerificareDocumentPermisSedere.razor.rz.scp.css */
/* ==================== MAIN CONTAINER ==================== */
.verificare-container[b-3puva5ecr1] {
    max-width: 900px;
    margin: 0 auto;
    background: var(--neutral-layer-1);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    overflow: hidden;
}

/* ==================== HEADER ==================== */
.verificare-header[b-3puva5ecr1] {
    background: linear-gradient(135deg, var(--accent-fill-active) 0%, var(--accent-fill-rest) 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.verificare-header h1[b-3puva5ecr1] {
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0;
}

.verificare-header p[b-3puva5ecr1] {
    opacity: 0.9;
    font-size: 0.95em;
    margin: 0;
}

/* ==================== CONTENT ==================== */
.verificare-content[b-3puva5ecr1] {
    padding: 30px;
}

/* ==================== STEPS ==================== */
.step[b-3puva5ecr1] {
    margin-bottom: 25px;
    padding: 20px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    border-left: 4px solid var(--accent-fill-active);
    transition: all 0.3s ease;
}

.step.completed[b-3puva5ecr1] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step.disabled[b-3puva5ecr1] {
    opacity: 0.5;
    pointer-events: none;
}

.step-header[b-3puva5ecr1] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.step-number[b-3puva5ecr1] {
    width: 32px;
    height: 32px;
    background: var(--accent-fill-active);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 12px;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step.completed .step-number[b-3puva5ecr1] {
    background: #70ad47;
}

.step-title[b-3puva5ecr1] {
    font-size: 1.1em;
    font-weight: 600;
    color: var(--accent-fill-active);
}

.step.completed .step-title[b-3puva5ecr1] {
    color: #4a7c32;
}

/* ==================== COMPACT STEPS ==================== */
.step-compact[b-3puva5ecr1] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    padding: 12px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    border-left: 4px solid var(--accent-fill-active);
    transition: all 0.3s ease;
}

.step-compact.completed[b-3puva5ecr1] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step-compact .step-number[b-3puva5ecr1] {
    width: 32px;
    height: 32px;
    background: var(--accent-fill-active);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step-compact.completed .step-number[b-3puva5ecr1] {
    background: #70ad47;
}

.step-compact .step-label[b-3puva5ecr1] {
    font-size: 1em;
    font-weight: 600;
    color: var(--accent-fill-active);
    min-width: 180px;
    flex-shrink: 0;
}

.step-compact.completed .step-label[b-3puva5ecr1] {
    color: #4a7c32;
}

/* ==================== SELECT ==================== */
.step-select[b-3puva5ecr1] {
    width: 100%;
    padding: 12px 15px;
    font-size: 1em;
    border: 2px solid var(--color-border-base-default);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select:hover[b-3puva5ecr1] {
    border-color: var(--accent-fill-active);
}

.step-select:focus[b-3puva5ecr1] {
    outline: none;
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select:disabled[b-3puva5ecr1] {
    background-color: var(--color-background-base-tertiary);
    cursor: not-allowed;
}

.step-select-inline[b-3puva5ecr1] {
    flex: 1;
    padding: 10px 15px;
    font-size: 0.95em;
    border: 2px solid var(--color-border-base-default);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select-inline:hover[b-3puva5ecr1] {
    border-color: var(--accent-fill-active);
}

.step-select-inline:focus[b-3puva5ecr1] {
    outline: none;
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select-inline:disabled[b-3puva5ecr1] {
    background-color: var(--color-background-base-tertiary);
    cursor: not-allowed;
}

/* ==================== CHECKLIST CONTAINER ==================== */
.checklist-container[b-3puva5ecr1] {
    margin-top: 30px;
    padding: 25px;
    background: #f0f7f0;
    border-radius: 8px;
    border: 2px solid #70ad47;
}

.checklist-header[b-3puva5ecr1] {
    background: #70ad47;
    color: white;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.checklist-header h3[b-3puva5ecr1] {
    margin: 0 0 5px 0;
    font-size: 1.1em;
}

.selection-summary[b-3puva5ecr1] {
    font-size: 0.9em;
    opacity: 0.95;
}

/* ==================== DOCUMENT LIST ==================== */
.document-list[b-3puva5ecr1] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.document-item[b-3puva5ecr1] {
    display: flex;
    align-items: flex-start;
    padding: 12px 15px;
    background: var(--neutral-layer-1);
    margin-bottom: 8px;
    border-radius: 6px;
    border: 1px solid var(--color-border-base-default);
    transition: all 0.2s;
    cursor: pointer;
}

.document-item:hover[b-3puva5ecr1] {
    border-color: #70ad47;
    box-shadow: 0 2px 8px rgba(112, 173, 71, 0.15);
}

.document-item.checked[b-3puva5ecr1] {
    background: #e8f5e9;
    border-color: #70ad47;
}

.document-item input[type="checkbox"][b-3puva5ecr1] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #70ad47;
    flex-shrink: 0;
}

.document-info[b-3puva5ecr1] {
    flex: 1;
}

.document-code[b-3puva5ecr1] {
    display: inline-block;
    background: var(--accent-fill-active);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 10px;
}

.document-name[b-3puva5ecr1] {
    font-weight: 500;
    color: var(--color-text-base-default);
}

.document-note[b-3puva5ecr1] {
    font-size: 0.85em;
    color: var(--color-text-base-secondary);
    margin-top: 4px;
    font-style: italic;
}

/* ==================== PROGRESS BAR ==================== */
.progress-bar[b-3puva5ecr1] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    margin: 20px 0;
    overflow: hidden;
}

.progress-fill[b-3puva5ecr1] {
    height: 100%;
    background: linear-gradient(90deg, #70ad47, #8bc34a);
    border-radius: 4px;
    transition: width 0.3s;
}

.progress-text[b-3puva5ecr1] {
    text-align: center;
    font-size: 0.9em;
    color: var(--color-text-base-secondary);
    margin-bottom: 15px;
}

/* ==================== WARNINGS ==================== */
.warning-text[b-3puva5ecr1] {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #fff3cd;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 0.9em;
    color: #856404;
}

.warning-text.special[b-3puva5ecr1] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.warning-text.success[b-3puva5ecr1] {
    background: #d4edda;
    color: #155724;
}

.warning-icon[b-3puva5ecr1] {
    font-size: 1.3em;
    margin-right: 10px;
    flex-shrink: 0;
}

/* ==================== CONFIRM SECTION ==================== */
.confirm-section[b-3puva5ecr1] {
    margin-top: 25px;
    padding: 20px;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 8px;
    border: 2px solid #ff9800;
}

.confirm-section.ready[b-3puva5ecr1] {
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-color: #4caf50;
}

.confirm-btn[b-3puva5ecr1] {
    width: 100%;
    padding: 15px 30px;
    font-size: 1.1em;
    font-weight: bold;
    color: white;
    background: #9e9e9e;
    border: none;
    border-radius: 8px;
    cursor: not-allowed;
    transition: all 0.3s;
}

.confirm-btn.active[b-3puva5ecr1] {
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    cursor: pointer;
}

.confirm-btn.active:hover[b-3puva5ecr1] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(76, 175, 80, 0.4);
}

/* ==================== SUCCESS MESSAGE ==================== */
.success-message[b-3puva5ecr1] {
    padding: 25px;
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-radius: 8px;
    text-align: center;
    border: 2px solid #4caf50;
    margin-top: 20px;
}

.success-icon[b-3puva5ecr1] {
    font-size: 3em;
    color: #4caf50;
    margin-bottom: 15px;
}

.success-message h3[b-3puva5ecr1] {
    color: #2e7d32;
    margin-bottom: 10px;
}

.success-message p[b-3puva5ecr1] {
    color: var(--color-text-base-default);
    margin: 5px 0;
}

.next-step-btn[b-3puva5ecr1] {
    margin-top: 15px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: var(--accent-fill-active);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.next-step-btn:hover[b-3puva5ecr1] {
    background: var(--accent-fill-rest);
    transform: translateY(-1px);
}

.reset-btn[b-3puva5ecr1] {
    margin-top: 20px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: linear-gradient(135deg, #f44336, #e53935);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.reset-btn:hover[b-3puva5ecr1] {
    background: linear-gradient(135deg, #d32f2f, #c62828);
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(244, 67, 54, 0.4);
}

/* ==================== BUTTON GROUP ==================== */
.button-group[b-3puva5ecr1] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 30px;
    border-top: 2px solid var(--color-border-base-default);
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 600px) {
    .verificare-container[b-3puva5ecr1] {
        margin: 10px;
        border-radius: 8px;
    }

    .verificare-header[b-3puva5ecr1] {
        padding: 20px;
    }

    .verificare-header h1[b-3puva5ecr1] {
        font-size: 1.2em;
    }

    .verificare-content[b-3puva5ecr1] {
        padding: 20px;
    }

    .step[b-3puva5ecr1] {
        padding: 15px;
    }

    .checklist-container[b-3puva5ecr1] {
        padding: 15px;
    }

    .document-item[b-3puva5ecr1] {
        padding: 10px;
    }

    .document-code[b-3puva5ecr1] {
        display: block;
        margin-bottom: 5px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-7ugbemmxup] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-7ugbemmxup] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-7ugbemmxup] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-7ugbemmxup] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-7ugbemmxup] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-7ugbemmxup] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-7ugbemmxup] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-7ugbemmxup] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-7ugbemmxup] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-7ugbemmxup] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-base-secondary);
}

.info-value[b-7ugbemmxup] {
    font-size: 14px;
    color: var(--color-text-base-default);
    font-weight: 500;
}

    .info-value.highlight[b-7ugbemmxup] {
        color: var(--accent-fill-rest);
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-7ugbemmxup] {
        color: var(--color-text-base-tertiary);
        font-style: italic;
    }

.documents-header[b-7ugbemmxup] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-7ugbemmxup] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-7ugbemmxup] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-7ugbemmxup] {
        padding: 12px 16px;
    }

    [b-7ugbemmxup] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-7ugbemmxup] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-7ugbemmxup] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/Verificare/FormADDVerification.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-sbvhk36f0w] {
    background: var(--neutral-layer-1);
    padding: 0;
}

.info-box[b-sbvhk36f0w] {
    /* Theme-adaptive tint: pale-blue in light, dark-blue in dark, so the
       theme-token text below stays readable in both. */
    background: color-mix(in srgb, var(--accent-fill-rest) 16%, transparent);
    border-left: 4px solid var(--accent-fill-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-sbvhk36f0w] {
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--color-text-base-default);
    font-weight: 600;
}

.info-box p[b-sbvhk36f0w] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: var(--color-text-base-secondary);
}

.session-info-box[b-sbvhk36f0w] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-sbvhk36f0w] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-base-default);
    border-radius: 4px;
}

.verification-table[b-sbvhk36f0w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
}

.verification-table th[b-sbvhk36f0w],
.verification-table td[b-sbvhk36f0w] {
    border: 1px solid var(--color-border-base-default);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-sbvhk36f0w] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.col-source[b-sbvhk36f0w] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-sbvhk36f0w] {
    width: 12%;
    text-align: center;
}

.col-result[b-sbvhk36f0w] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-sbvhk36f0w] {
    width: 40%;
}

.col-signature[b-sbvhk36f0w] {
    width: 18%;
}

.checkbox-group[b-sbvhk36f0w] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-sbvhk36f0w] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-sbvhk36f0w] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-sbvhk36f0w] {
    background: #eff6fc;
}

.added-row:hover[b-sbvhk36f0w] {
    background: var(--accent-stroke-control-active);
}

.row-actions[b-sbvhk36f0w] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-sbvhk36f0w] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-sbvhk36f0w] {
    background: var(--color-background-base-secondary);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-sbvhk36f0w] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-sbvhk36f0w] {
    background: var(--accent-fill-hover);
}

.collapsible-header h4[b-sbvhk36f0w] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-sbvhk36f0w] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-sbvhk36f0w] {
    padding: 16px;
    animation: slideDown-b-sbvhk36f0w 0.3s ease-out;
}

@keyframes slideDown-b-sbvhk36f0w {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-sbvhk36f0w] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-sbvhk36f0w] {
    margin-bottom: 0;
}

.card-header[b-sbvhk36f0w] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-sbvhk36f0w],
.header-right[b-sbvhk36f0w] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-sbvhk36f0w] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-sbvhk36f0w] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.verification-officer[b-sbvhk36f0w] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-sbvhk36f0w] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-sbvhk36f0w] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-sbvhk36f0w] {
    color: #d97706;
}

.card-content[b-sbvhk36f0w] {
    padding: 12px;
}

.verification-table.compact[b-sbvhk36f0w] {
    font-size: 12px;
}

.verification-table.compact th[b-sbvhk36f0w],
.verification-table.compact td[b-sbvhk36f0w] {
    padding: 8px 6px;
}

.mentions-text[b-sbvhk36f0w] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--color-text-base-default);
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-sbvhk36f0w],
    .info-box[b-sbvhk36f0w],
    .session-info-box[b-sbvhk36f0w],
    .row-actions[b-sbvhk36f0w],
    .previous-verifications-section[b-sbvhk36f0w] {
        display: none !important;
    }

    .verification-container[b-sbvhk36f0w] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-sbvhk36f0w] {
        font-size: 10px;
    }

    .verification-table th[b-sbvhk36f0w],
    .verification-table td[b-sbvhk36f0w] {
        padding: 5px;
    }

    .card-header[b-sbvhk36f0w] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-sbvhk36f0w],
    .header-right[b-sbvhk36f0w] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/Verificare/VereficareInSistem.razor.rz.scp.css */
/* PageVerificare.razor.css - Стили для страницы полного истории верификаций */

.header-with-action[b-bl9xpp7j90] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.header-with-action .sectiontitle[b-bl9xpp7j90] {
    flex: 1;
    margin: 0;
}

.action-button[b-bl9xpp7j90] {
    flex-shrink: 0;
}

.verifications-list[b-bl9xpp7j90] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.verification-card[b-bl9xpp7j90] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s, transform 0.2s;
}

.verification-card:hover[b-bl9xpp7j90] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Status-specific card borders */
.verification-card.status-draft[b-bl9xpp7j90] {
    border-left: 4px solid #f59e0b;
}

.verification-card.status-completed[b-bl9xpp7j90] {
    border-left: 4px solid #107c10;
}

.verification-card.status-archived[b-bl9xpp7j90] {
    border-left: 4px solid #797775;
}

.card-header[b-bl9xpp7j90] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--accent-fill-rest);
    flex-wrap: wrap;
    gap: 10px;
}

.header-left[b-bl9xpp7j90],
.header-right[b-bl9xpp7j90] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-bl9xpp7j90] {
    background: var(--accent-fill-rest);
    color: white;
    padding: 5px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.status-badge[b-bl9xpp7j90] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.badge-draft[b-bl9xpp7j90] {
    background: #fff4e6;
    color: #d97706;
    border: 1px solid #f59e0b;
}

.badge-completed[b-bl9xpp7j90] {
    background: #e6f4ea;
    color: #0f5132;
    border: 1px solid #107c10;
}

.badge-archived[b-bl9xpp7j90] {
    background: var(--color-background-base-tertiary);
    color: var(--color-text-base-secondary);
    border: 1px solid #797775;
}

.verification-date[b-bl9xpp7j90] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.header-left fluent-button[b-bl9xpp7j90] {
    margin-left: 8px;
}

.header-left fluent-button[b-bl9xpp7j90]::part(control) {
    border-color: var(--accent-fill-rest);
    color: var(--accent-fill-rest);
}

.header-left fluent-button:hover[b-bl9xpp7j90]::part(control) {
    background-color: var(--color-background-base-tertiary);
    border-color: var(--accent-fill-hover);
    color: var(--accent-fill-hover);
}

.verification-officer[b-bl9xpp7j90] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    background: var(--neutral-layer-1);
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-bl9xpp7j90] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-bl9xpp7j90] {
    background: #fff9e6;
    padding: 12px 18px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: var(--color-text-base-default);
    line-height: 1.5;
}

.session-notes strong[b-bl9xpp7j90] {
    color: #d97706;
}

.card-content[b-bl9xpp7j90] {
    padding: 16px;
}

.verification-table[b-bl9xpp7j90] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--neutral-layer-1);
    margin-bottom: 12px;
}

.verification-table th[b-bl9xpp7j90],
.verification-table td[b-bl9xpp7j90] {
    border: 1px solid var(--color-border-base-default);
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-bl9xpp7j90] {
    background: var(--color-background-base-tertiary);
    font-weight: 600;
    color: var(--color-text-base-default);
    font-size: 12px;
    text-align: center;
}

.verification-table.compact[b-bl9xpp7j90] {
    font-size: 12px;
}

.verification-table.compact th[b-bl9xpp7j90],
.verification-table.compact td[b-bl9xpp7j90] {
    padding: 8px 6px;
}

.default-row[b-bl9xpp7j90] {
    background: var(--color-background-base-secondary);
}

.default-row:hover[b-bl9xpp7j90] {
    background: var(--color-background-base-tertiary);
}

.added-row[b-bl9xpp7j90] {
    background: #eff6fc;
}

.added-row:hover[b-bl9xpp7j90] {
    background: var(--accent-stroke-control-active);
}

.mentions-text[b-bl9xpp7j90] {
    font-size: 11px;
    line-height: 1.5;
    color: var(--color-text-base-default);
    max-height: 80px;
    overflow-y: auto;
    padding: 4px;
}

.session-summary[b-bl9xpp7j90] {
    background: var(--color-background-base-tertiary);
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 12px;
    color: var(--color-text-base-default);
    border-left: 3px solid var(--accent-fill-rest);
}

.session-summary strong[b-bl9xpp7j90] {
    color: var(--accent-fill-rest);
    margin-right: 8px;
}

.empty-message[b-bl9xpp7j90] {
    text-align: center;
    padding: 30px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 6px;
    color: var(--color-text-base-secondary);
}

.empty-message p[b-bl9xpp7j90] {
    margin: 0;
    font-size: 13px;
}

/* Empty state styling */
.empty-state[b-bl9xpp7j90] {
    text-align: center;
    padding: 60px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    margin: 20px 0;
}

.empty-icon[b-bl9xpp7j90] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state h3[b-bl9xpp7j90] {
    font-size: 18px;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state p[b-bl9xpp7j90] {
    font-size: 13px;
    color: var(--color-text-base-secondary);
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .header-with-action[b-bl9xpp7j90] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-bl9xpp7j90] {
        width: 100%;
    }

    .action-button fluent-button[b-bl9xpp7j90] {
        width: 100%;
    }

    .header-left fluent-button[b-bl9xpp7j90] {
        font-size: 10px;
        padding: 2px 6px;
    }

    .verification-table[b-bl9xpp7j90] {
        font-size: 10px;
    }

    .verification-table th[b-bl9xpp7j90],
    .verification-table td[b-bl9xpp7j90] {
        padding: 5px 3px;
    }

    .card-header[b-bl9xpp7j90] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-bl9xpp7j90],
    .header-right[b-bl9xpp7j90] {
        width: 100%;
        justify-content: space-between;
    }

    .session-badge[b-bl9xpp7j90] {
        font-size: 11px;
        padding: 3px 10px;
    }

    .verification-date[b-bl9xpp7j90],
    .verification-officer[b-bl9xpp7j90] {
        font-size: 11px;
    }
}

/* Print styles */
@media print {
    .header-with-action .action-button[b-bl9xpp7j90] {
        display: none !important;
    }

    .header-left fluent-button[b-bl9xpp7j90] {
        display: none !important;
    }

    .verification-card[b-bl9xpp7j90] {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: 20px;
    }

    .card-header[b-bl9xpp7j90] {
        background: #f3f2f1 !important;
        border-bottom: 2px solid #000;
    }

    .session-badge[b-bl9xpp7j90],
    .status-badge[b-bl9xpp7j90],
    .completed-badge[b-bl9xpp7j90] {
        color: #000 !important;
        background: var(--neutral-layer-1) !important;
        border: 1px solid #000;
    }

    .verification-table th[b-bl9xpp7j90] {
        background: #f3f2f1 !important;
        border: 1px solid #000;
    }

    .verification-table td[b-bl9xpp7j90] {
        border: 1px solid #000;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Vize/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-gpq4dp6pcj] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-gpq4dp6pcj] {
        background-color: var(--color-background-base-tertiary);
    }

    .checklist-item.completed[b-gpq4dp6pcj] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-gpq4dp6pcj] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-gpq4dp6pcj] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-gpq4dp6pcj] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-gpq4dp6pcj] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default);
    min-width: 320px;
}

.checklist-item.completed .item-title[b-gpq4dp6pcj] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-gpq4dp6pcj] {
    color: var(--color-text-base-default);
    
}

.item-date[b-gpq4dp6pcj] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 90px;
}

.item-user[b-gpq4dp6pcj] {
    font-size: 12px;
    color: var(--color-text-base-secondary);
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-gpq4dp6pcj] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-gpq4dp6pcj] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-gpq4dp6pcj] {
    width: 800px;
}

.inline-progress[b-gpq4dp6pcj] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-gpq4dp6pcj] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-gpq4dp6pcj] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-gpq4dp6pcj] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-gpq4dp6pcj] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
}

.inline-stat-value[b-gpq4dp6pcj] {
    font-weight: 600;
    color: var(--color-text-base-default);
}




.progress-container[b-gpq4dp6pcj] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-gpq4dp6pcj] {
        margin-bottom: 30px;
        color: var(--color-text-base-default);
        font-size: 20px;
    }

.progress-card[b-gpq4dp6pcj] {
    margin-bottom: 5px;
    
    border: 1px solid var(--color-border-base-default);
    border-radius: 6px;
    background-color: var(--neutral-layer-1);
}

.inline-progress[b-gpq4dp6pcj] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: var(--color-background-base-secondary);
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-gpq4dp6pcj] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-base-default);
    white-space: nowrap;
}

.inline-bar[b-gpq4dp6pcj] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-gpq4dp6pcj] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--accent-fill-rest) 0%, var(--accent-fill-hover) 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-gpq4dp6pcj] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-base-secondary);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-gpq4dp6pcj] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: var(--color-text-base-secondary);
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-gpq4dp6pcj] {
    font-weight: 600;
    color: var(--color-text-base-default);
}

<style >
.report-gen-iframe[b-gpq4dp6pcj] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-gpq4dp6pcj] {
    background-color: var(--neutral-layer-1);
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-gpq4dp6pcj] >
/* _content/IGM.Web/Pages/Workplace/Case_Vize/Form/VerificareDocumentVize.razor.rz.scp.css */
/* ==================== MAIN CONTAINER ==================== */
.verificare-container[b-tzn0rmz5lm] {
    max-width: 900px;
    margin: 0 auto;
    background: var(--neutral-layer-1);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    overflow: hidden;
}

/* ==================== HEADER ==================== */
.verificare-header[b-tzn0rmz5lm] {
    background: linear-gradient(135deg, var(--accent-fill-active) 0%, var(--accent-fill-rest) 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.verificare-header h1[b-tzn0rmz5lm] {
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0;
}

.verificare-header p[b-tzn0rmz5lm] {
    opacity: 0.9;
    font-size: 0.95em;
    margin: 0;
}

/* ==================== CONTENT ==================== */
.verificare-content[b-tzn0rmz5lm] {
    padding: 30px;
}

/* ==================== STEPS ==================== */
.step[b-tzn0rmz5lm] {
    margin-bottom: 25px;
    padding: 20px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    border-left: 4px solid var(--accent-fill-active);
    transition: all 0.3s ease;
}

.step.completed[b-tzn0rmz5lm] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step.disabled[b-tzn0rmz5lm] {
    opacity: 0.5;
    pointer-events: none;
}

.step-header[b-tzn0rmz5lm] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.step-number[b-tzn0rmz5lm] {
    width: 32px;
    height: 32px;
    background: var(--accent-fill-active);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 12px;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step.completed .step-number[b-tzn0rmz5lm] {
    background: #70ad47;
}

.step-title[b-tzn0rmz5lm] {
    font-size: 1.1em;
    font-weight: 600;
    color: var(--accent-fill-active);
}

.step.completed .step-title[b-tzn0rmz5lm] {
    color: #4a7c32;
}

/* ==================== COMPACT STEPS ==================== */
.step-compact[b-tzn0rmz5lm] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    padding: 12px 20px;
    background: var(--color-background-base-secondary);
    border-radius: 8px;
    border-left: 4px solid var(--accent-fill-active);
    transition: all 0.3s ease;
}

.step-compact.completed[b-tzn0rmz5lm] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step-compact .step-number[b-tzn0rmz5lm] {
    width: 32px;
    height: 32px;
    background: var(--accent-fill-active);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step-compact.completed .step-number[b-tzn0rmz5lm] {
    background: #70ad47;
}

.step-compact .step-label[b-tzn0rmz5lm] {
    font-size: 1em;
    font-weight: 600;
    color: var(--accent-fill-active);
    min-width: 180px;
    flex-shrink: 0;
}

.step-compact.completed .step-label[b-tzn0rmz5lm] {
    color: #4a7c32;
}

/* ==================== SELECT ==================== */
.step-select[b-tzn0rmz5lm] {
    width: 100%;
    padding: 12px 15px;
    font-size: 1em;
    border: 2px solid var(--color-border-base-default);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select:hover[b-tzn0rmz5lm] {
    border-color: var(--accent-fill-active);
}

.step-select:focus[b-tzn0rmz5lm] {
    outline: none;
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select:disabled[b-tzn0rmz5lm] {
    background-color: var(--color-background-base-tertiary);
    cursor: not-allowed;
}

.step-select-inline[b-tzn0rmz5lm] {
    flex: 1;
    padding: 10px 15px;
    font-size: 0.95em;
    border: 2px solid var(--color-border-base-default);
    border-radius: 6px;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select-inline:hover[b-tzn0rmz5lm] {
    border-color: var(--accent-fill-active);
}

.step-select-inline:focus[b-tzn0rmz5lm] {
    outline: none;
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select-inline:disabled[b-tzn0rmz5lm] {
    background-color: var(--color-background-base-tertiary);
    cursor: not-allowed;
}

/* ==================== CHECKLIST CONTAINER ==================== */
.checklist-container[b-tzn0rmz5lm] {
    margin-top: 30px;
    padding: 25px;
    background: #f0f7f0;
    border-radius: 8px;
    border: 2px solid #70ad47;
}

.checklist-header[b-tzn0rmz5lm] {
    background: #70ad47;
    color: white;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.checklist-header h3[b-tzn0rmz5lm] {
    margin: 0 0 5px 0;
    font-size: 1.1em;
}

.selection-summary[b-tzn0rmz5lm] {
    font-size: 0.9em;
    opacity: 0.95;
}

/* ==================== DOCUMENT LIST ==================== */
.document-list[b-tzn0rmz5lm] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.document-item[b-tzn0rmz5lm] {
    display: flex;
    align-items: flex-start;
    padding: 12px 15px;
    background: var(--neutral-layer-1);
    margin-bottom: 8px;
    border-radius: 6px;
    border: 1px solid var(--color-border-base-default);
    transition: all 0.2s;
    cursor: pointer;
}

.document-item:hover[b-tzn0rmz5lm] {
    border-color: #70ad47;
    box-shadow: 0 2px 8px rgba(112, 173, 71, 0.15);
}

.document-item.checked[b-tzn0rmz5lm] {
    background: #e8f5e9;
    border-color: #70ad47;
}

.document-item input[type="checkbox"][b-tzn0rmz5lm] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #70ad47;
    flex-shrink: 0;
}

.document-info[b-tzn0rmz5lm] {
    flex: 1;
}

.document-code[b-tzn0rmz5lm] {
    display: inline-block;
    background: var(--accent-fill-active);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 10px;
}

.document-name[b-tzn0rmz5lm] {
    font-weight: 500;
    color: var(--color-text-base-default);
}

.document-note[b-tzn0rmz5lm] {
    font-size: 0.85em;
    color: var(--color-text-base-secondary);
    margin-top: 4px;
    font-style: italic;
}

/* ==================== PROGRESS BAR ==================== */
.progress-bar[b-tzn0rmz5lm] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    margin: 20px 0;
    overflow: hidden;
}

.progress-fill[b-tzn0rmz5lm] {
    height: 100%;
    background: linear-gradient(90deg, #70ad47, #8bc34a);
    border-radius: 4px;
    transition: width 0.3s;
}

.progress-text[b-tzn0rmz5lm] {
    text-align: center;
    font-size: 0.9em;
    color: var(--color-text-base-secondary);
    margin-bottom: 15px;
}

/* ==================== WARNINGS ==================== */
.warning-text[b-tzn0rmz5lm] {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #fff3cd;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 0.9em;
    color: #856404;
}

.warning-text.special[b-tzn0rmz5lm] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.warning-text.success[b-tzn0rmz5lm] {
    background: #d4edda;
    color: #155724;
}

.warning-icon[b-tzn0rmz5lm] {
    font-size: 1.3em;
    margin-right: 10px;
    flex-shrink: 0;
}

/* ==================== CONFIRM SECTION ==================== */
.confirm-section[b-tzn0rmz5lm] {
    margin-top: 25px;
    padding: 20px;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 8px;
    border: 2px solid #ff9800;
}

.confirm-section.ready[b-tzn0rmz5lm] {
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-color: #4caf50;
}

.confirm-btn[b-tzn0rmz5lm] {
    width: 100%;
    padding: 15px 30px;
    font-size: 1.1em;
    font-weight: bold;
    color: white;
    background: #9e9e9e;
    border: none;
    border-radius: 8px;
    cursor: not-allowed;
    transition: all 0.3s;
}

.confirm-btn.active[b-tzn0rmz5lm] {
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    cursor: pointer;
}

.confirm-btn.active:hover[b-tzn0rmz5lm] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(76, 175, 80, 0.4);
}

/* ==================== SUCCESS MESSAGE ==================== */
.success-message[b-tzn0rmz5lm] {
    padding: 25px;
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-radius: 8px;
    text-align: center;
    border: 2px solid #4caf50;
    margin-top: 20px;
}

.success-icon[b-tzn0rmz5lm] {
    font-size: 3em;
    color: #4caf50;
    margin-bottom: 15px;
}

.success-message h3[b-tzn0rmz5lm] {
    color: #2e7d32;
    margin-bottom: 10px;
}

.success-message p[b-tzn0rmz5lm] {
    color: var(--color-text-base-default);
    margin: 5px 0;
}

.next-step-btn[b-tzn0rmz5lm] {
    margin-top: 15px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: var(--accent-fill-active);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.next-step-btn:hover[b-tzn0rmz5lm] {
    background: var(--accent-fill-rest);
    transform: translateY(-1px);
}

.reset-btn[b-tzn0rmz5lm] {
    margin-top: 20px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: linear-gradient(135deg, #f44336, #e53935);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.reset-btn:hover[b-tzn0rmz5lm] {
    background: linear-gradient(135deg, #d32f2f, #c62828);
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(244, 67, 54, 0.4);
}

/* ==================== BUTTON GROUP ==================== */
.button-group[b-tzn0rmz5lm] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 30px;
    border-top: 2px solid var(--color-border-base-default);
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 600px) {
    .verificare-container[b-tzn0rmz5lm] {
        margin: 10px;
        border-radius: 8px;
    }

    .verificare-header[b-tzn0rmz5lm] {
        padding: 20px;
    }

    .verificare-header h1[b-tzn0rmz5lm] {
        font-size: 1.2em;
    }

    .verificare-content[b-tzn0rmz5lm] {
        padding: 20px;
    }

    .step[b-tzn0rmz5lm] {
        padding: 15px;
    }

    .checklist-container[b-tzn0rmz5lm] {
        padding: 15px;
    }

    .document-item[b-tzn0rmz5lm] {
        padding: 10px;
    }

    .document-code[b-tzn0rmz5lm] {
        display: block;
        margin-bottom: 5px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Vize/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-ckeng2f7wd] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-ckeng2f7wd] .full-info-button:hover {
        background-color: var(--accent-stroke-control-active);
        border-color: var(--accent-fill-rest);
    }

    [b-ckeng2f7wd] .full-info-button fluent-icon {
        color: var(--accent-fill-rest);
    }


.case-info-card[b-ckeng2f7wd] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid var(--accent-fill-rest);
}

.card-header[b-ckeng2f7wd] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border-base-default);
}

.card-icon[b-ckeng2f7wd] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, var(--accent-fill-active) 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-ckeng2f7wd] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-base-default);
}

.info-grid[b-ckeng2f7wd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-ckeng2f7wd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-ckeng2f7wd] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-base-secondary);
}

.info-value[b-ckeng2f7wd] {
    font-size: 14px;
    color: var(--color-text-base-default);
    font-weight: 500;
}

    .info-value.highlight[b-ckeng2f7wd] {
        color: var(--accent-fill-rest);
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-ckeng2f7wd] {
        color: var(--color-text-base-tertiary);
        font-style: italic;
    }

.documents-header[b-ckeng2f7wd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-ckeng2f7wd] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-ckeng2f7wd] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-ckeng2f7wd] {
        padding: 12px 16px;
    }

    [b-ckeng2f7wd] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-ckeng2f7wd] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-ckeng2f7wd] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Dashboard/SystemDashboard.razor.rz.scp.css */
/* Dashboard Header */
.dashboard-header[b-0lnl94d1q2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px;
}

.dashboard-title[b-0lnl94d1q2] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin: 0;
}

.dashboard-header-right[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.last-updated[b-0lnl94d1q2] {
    color: #757575;
    font-size: 13px;
}

/* Dashboard Grid - 2x2 */
.dashboard-grid[b-0lnl94d1q2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* Card */
[b-0lnl94d1q2] .dashboard-card {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Card Headers */
.card-header[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    color: white;
}

.cases-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, var(--accent-fill-rest), var(--accent-fill-active));
}

.persons-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, #652CC7, #985FFA);
}

.incidents-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, #B32318, #F04438);
}

.tasks-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, #027948, #039855);
}

.card-icon[b-0lnl94d1q2] {
    font-size: 20px;
}

/* Card Body */
.card-body[b-0lnl94d1q2] {
    padding: 20px;
}

/* Stat Mini Cards */
.stat-cards-row[b-0lnl94d1q2] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.stat-mini-card[b-0lnl94d1q2] {
    flex: 1;
    min-width: 100px;
    padding: 16px 12px;
    background: #f5f8ff;
    border-radius: 8px;
    text-align: center;
    border-left: 3px solid var(--accent-fill-rest);
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-mini-card:hover[b-0lnl94d1q2] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 121, 219, 0.15);
}

.stat-value[b-0lnl94d1q2] {
    font-size: 28px;
    font-weight: 700;
    color: var(--accent-fill-rest);
}

.stat-label[b-0lnl94d1q2] {
    font-size: 11px;
    color: var(--color-text-base-secondary);
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Recent count badges */
.recent-badge[b-0lnl94d1q2] {
    font-size: 13px;
    font-weight: 600;
    color: #039855;
    margin-left: 4px;
}

.dds-count-group[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.recent-badge-small[b-0lnl94d1q2] {
    font-size: 12px;
    font-weight: 600;
    color: #039855;
}

/* DreptDeSedere Subsection */
.subsection[b-0lnl94d1q2] {
    border: 1px solid var(--color-border-base-default);
    border-radius: 8px;
    overflow: hidden;
}

.subsection-header[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #e8f0fb;
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    cursor: pointer;
    transition: background-color 0.2s;
}

.subsection-header:hover[b-0lnl94d1q2] {
    background: #d6e6f9;
}

.toggle-icon[b-0lnl94d1q2] {
    font-size: 11px;
    color: var(--color-text-base-secondary);
}

.dds-list[b-0lnl94d1q2] {
    padding: 4px 16px;
}

.dds-item[b-0lnl94d1q2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--color-border-base-default);
    font-size: 13px;
}

.dds-item:last-child[b-0lnl94d1q2] {
    border-bottom: none;
}

.dds-name[b-0lnl94d1q2] {
    color: var(--color-text-base-default);
}

.dds-count[b-0lnl94d1q2] {
    font-weight: 700;
    color: var(--accent-fill-rest);
    background: #e8f0fb;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 13px;
}

/* Chart Sections */
.chart-section[b-0lnl94d1q2] {
    margin-top: 20px;
}

.chart-title[b-0lnl94d1q2] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-base-secondary);
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--color-border-base-default);
}

/* Status Badges Grid */
.status-badges-grid[b-0lnl94d1q2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
    margin-bottom: 16px;
}

.status-badge-item[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--color-background-base-secondary);
    border-radius: 6px;
    font-size: 13px;
    transition: background-color 0.2s;
}

.status-badge-item:hover[b-0lnl94d1q2] {
    background: var(--color-background-base-tertiary);
}

.status-dot[b-0lnl94d1q2] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-name[b-0lnl94d1q2] {
    flex: 1;
    color: var(--color-text-base-default);
}

.status-count[b-0lnl94d1q2] {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-text-base-default);
}

/* Placeholder */
.placeholder-body[b-0lnl94d1q2] {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-content[b-0lnl94d1q2] {
    text-align: center;
    color: var(--color-text-base-tertiary);
}

/* Responsive */
@media (max-width: 1200px) {
    .dashboard-grid[b-0lnl94d1q2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .stat-cards-row[b-0lnl94d1q2] {
        flex-direction: column;
    }

    .stat-mini-card[b-0lnl94d1q2] {
        min-width: auto;
    }

    .dashboard-header[b-0lnl94d1q2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .status-badges-grid[b-0lnl94d1q2] {
        grid-template-columns: 1fr;
    }
}
/* _content/IGM.Web/Pages/Workplace/PersonProfile/Form/PersonFormView.razor.rz.scp.css */
/* Улучшение видимости disabled/readonly текста */

/* FluentTextField - disabled/readonly состояния */
[b-idtmbp8mel] fluent-text-field[readonly],
[b-idtmbp8mel] fluent-text-field[disabled] {
    --neutral-foreground-rest: #323130 !important;
    --neutral-fill-input-rest: #f3f2f1 !important;
    opacity: 1 !important;
}

[b-idtmbp8mel] fluent-text-field[readonly] input,
[b-idtmbp8mel] fluent-text-field[disabled] input {
    color: var(--color-text-base-default) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #323130 !important;
}

/* PicklistField - disabled состояние */
[b-idtmbp8mel] fluent-combobox[disabled],
[b-idtmbp8mel] fluent-select[disabled] {
    --neutral-foreground-rest: #323130 !important;
    --neutral-fill-input-rest: #f3f2f1 !important;
    opacity: 1 !important;
}

[b-idtmbp8mel] fluent-combobox[disabled] input,
[b-idtmbp8mel] fluent-select[disabled] input,
[b-idtmbp8mel] fluent-combobox[disabled] .selected-value,
[b-idtmbp8mel] fluent-select[disabled] .selected-value {
    color: var(--color-text-base-default) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #323130 !important;
}
/* _content/IGM.Web/Pages/Workplace/SystemManagement/IntegrationsDashboard/Dashboard.razor.rz.scp.css */
.id-filter-label[b-xnmt2jgtva] {
    display: block;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-bottom: 2px;
}

.id-last-update[b-xnmt2jgtva] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.id-kpi-row[b-xnmt2jgtva] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 16px 0;
}

.id-kpi-card[b-xnmt2jgtva] {
    padding: 16px;
    border-radius: 6px;
    background: var(--neutral-fill-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-left-width: 4px;
    transition: background 0.2s;
}

.id-kpi-neutral[b-xnmt2jgtva] { border-left-color: var(--neutral-stroke-rest); }
.id-kpi-success[b-xnmt2jgtva] { border-left-color: var(--success, #107c10); background: var(--status-success-bg, #dff6dd); }
.id-kpi-warning[b-xnmt2jgtva] { border-left-color: var(--warning, #f7630c); background: var(--status-warning-bg, #fff4ce); }
.id-kpi-danger[b-xnmt2jgtva]  { border-left-color: var(--error, #c50f1f);  background: var(--status-error-bg, #fde7e9); }

.id-kpi-header[b-xnmt2jgtva] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.id-kpi-label[b-xnmt2jgtva] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--neutral-foreground-hint);
}

.id-kpi-number[b-xnmt2jgtva] {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1;
}

.id-kpi-delta[b-xnmt2jgtva] {
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px;
}

.id-kpi-delta.id-up-good[b-xnmt2jgtva],
.id-kpi-delta.id-down-good[b-xnmt2jgtva] {
    color: var(--success, #107c10);
}

.id-kpi-delta.id-up-bad[b-xnmt2jgtva],
.id-kpi-delta.id-down-bad[b-xnmt2jgtva] {
    color: var(--error, #c50f1f);
}

.id-kpi-sub[b-xnmt2jgtva] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    margin-left: 6px;
    font-weight: normal;
}

.id-tab-toolbar[b-xnmt2jgtva] {
    display: flex;
    justify-content: flex-end;
    margin: 8px 0;
}

.id-limit-warning[b-xnmt2jgtva] {
    color: var(--warning-foreground, #f7630c);
    font-size: 12px;
    margin-top: 4px;
}
/* _content/IGM.Web/Pages/Workplace/SystemManagement/Security/SecurityDashboard.razor.rz.scp.css */
.sec-dashboard[b-8wb7qhi81q] {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sec-header[b-8wb7qhi81q] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #dc2626 0%, #7c3aed 100%);
  border-radius: 12px;
  padding: 18px 24px;
  color: #fff;
}

.sec-header-left[b-8wb7qhi81q] {
  display: flex;
  align-items: center;
  gap: 14px;
}

.sec-header-left h3[b-8wb7qhi81q] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.sec-subtitle[b-8wb7qhi81q] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}

.sec-header-right[b-8wb7qhi81q] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sec-updated[b-8wb7qhi81q] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}

.sec-kpi-row[b-8wb7qhi81q] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.sec-kpi[b-8wb7qhi81q] {
  background: var(--neutral-layer-1);
  border-radius: 12px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  border-left: 4px solid #94a3b8;
}

.sec-kpi.kpi-green[b-8wb7qhi81q] {
  border-left-color: #16a34a;
}

.sec-kpi.kpi-yellow[b-8wb7qhi81q] {
  border-left-color: #f59e0b;
}

.sec-kpi.kpi-red[b-8wb7qhi81q] {
  border-left-color: #dc2626;
}

.sec-kpi-value[b-8wb7qhi81q] {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.sec-kpi-label[b-8wb7qhi81q] {
  font-size: 12px;
  color: var(--color-text-base-secondary);
  margin-top: 4px;
}

.sec-card[b-8wb7qhi81q] {
  border-radius: 12px;
  background: var(--neutral-layer-1);
}

.sec-card-header[b-8wb7qhi81q] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid #e5e7eb;
  font-weight: 600;
  font-size: 14px;
}

.sec-card-body[b-8wb7qhi81q] {
  padding: 14px 18px;
}

.sec-empty[b-8wb7qhi81q] {
  text-align: center;
  padding: 24px;
  color: var(--color-text-base-tertiary);
  font-size: 13px;
}

.sec-table[b-8wb7qhi81q] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.sec-table thead th[b-8wb7qhi81q] {
  text-align: left;
  padding: 8px 12px;
  border-bottom: 2px solid #e5e7eb;
  color: #475569;
  font-weight: 600;
  background: #f8fafc;
}

.sec-table tbody td[b-8wb7qhi81q] {
  padding: 8px 12px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.sec-row-released[b-8wb7qhi81q] {
  color: var(--color-text-base-tertiary);
}

.sec-cell-truncate[b-8wb7qhi81q] {
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sec-reason-pill[b-8wb7qhi81q] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  background: #f1f5f9;
  color: #475569;
}

.sec-reason-1[b-8wb7qhi81q] { background: #fef3c7; color: #92400e; }
.sec-reason-2[b-8wb7qhi81q] { background: #fee2e2; color: #991b1b; }
.sec-reason-3[b-8wb7qhi81q] { background: #e0e7ff; color: #3730a3; }
.sec-reason-4[b-8wb7qhi81q] { background: #fce7f3; color: #831843; }
.sec-reason-5[b-8wb7qhi81q] { background: #f3e8ff; color: #6b21a8; }
/* _content/IGM.Web/Pages/Workplace/SystemManagement/UM/Teams/OrganigramTree.razor.rz.scp.css */
.org-tree-shell[b-o0l3fpbfi3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
}

.org-tree-compact[b-o0l3fpbfi3] {
  gap: 8px;
}

.org-tree-header[b-o0l3fpbfi3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 4px 0;
}

.org-tree-title[b-o0l3fpbfi3] {
  font-size: 20px;
  font-weight: 600;
  color: var(--neutral-foreground-rest);
}

.org-tree-subtitle[b-o0l3fpbfi3] {
  margin-top: 2px;
  color: var(--neutral-foreground-hint);
}

.org-tree-summary[b-o0l3fpbfi3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.org-tree-summary span[b-o0l3fpbfi3] {
  padding: 4px 8px;
  border: 1px solid var(--neutral-stroke-rest);
  border-radius: 4px;
  background: var(--neutral-fill-stealth-rest);
  font-size: 12px;
}

.org-tree[b-o0l3fpbfi3] {
  max-height: calc(100vh - 260px);
  overflow: auto;
  border: 1px solid var(--neutral-stroke-rest);
  border-radius: 6px;
  padding: 8px;
  background: var(--neutral-layer-1);
}

.org-tree-compact .org-tree[b-o0l3fpbfi3] {
  max-height: 360px;
}

.org-team-node[b-o0l3fpbfi3],
.org-function-node[b-o0l3fpbfi3] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.org-node-name[b-o0l3fpbfi3],
.org-function-title[b-o0l3fpbfi3] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.org-node-name[b-o0l3fpbfi3] {
  font-weight: 600;
}

.org-node-badge[b-o0l3fpbfi3],
.org-node-count[b-o0l3fpbfi3] {
  flex: 0 0 auto;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 11px;
}

.org-node-badge[b-o0l3fpbfi3] {
  color: #8a5a00;
  background: #fff4ce;
}

.org-node-count[b-o0l3fpbfi3] {
  color: #0f6cbd;
  background: #e5f1fb;
}

.org-function-title[b-o0l3fpbfi3] {
  color: #116b4f;
  font-weight: 600;
}

.org-function-user[b-o0l3fpbfi3],
.org-role-line[b-o0l3fpbfi3] {
  color: var(--neutral-foreground-hint);
  font-size: 12px;
}

.org-role-line[b-o0l3fpbfi3] {
  margin-left: 2px;
  max-width: 720px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.org-tree-loading[b-o0l3fpbfi3],
.org-tree-empty[b-o0l3fpbfi3] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  color: var(--neutral-foreground-hint);
}

[b-o0l3fpbfi3] .org-tree-selected > div:first-child {
  background: #e5f1fb;
  border-radius: 4px;
}
/* _content/IGM.Web/Pages/Workplace/SystemManagement/UM/Teams/TeamsGrid.razor.rz.scp.css */
[b-qmhp3mhohj] .fluent-data-grid {
    border: 1px solid var(--af-border-grid);
    background-color: var(--af-surface);
    user-select: none;
    -webkit-user-select: none;
}

[b-qmhp3mhohj] .fluent-data-grid [role="columnheader"] {
    background-color: var(--neutral-fill-stealth-rest);
    padding: 10px;
    font-weight: 600;
    border-right: 1px solid var(--af-border-grid);
    border-bottom: 1px solid var(--af-border-grid);
}

[b-qmhp3mhohj] .fluent-data-grid [role="row"]:not([role="columnheader"]) {
    border-bottom: 1px solid var(--af-border-row);
}

[b-qmhp3mhohj] .fluent-data-grid [role="gridcell"] {
    padding: 6px 10px;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-qmhp3mhohj] .fluent-data-grid [role="row"]:not(.fluent-selected):hover {
    background-color: var(--af-surface-muted) !important;
    cursor: pointer;
}

.teams-layout[b-qmhp3mhohj] {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(420px, 1.1fr);
    gap: 16px;
    align-items: start;
}

.teams-grid-panel[b-qmhp3mhohj],
.teams-org-panel[b-qmhp3mhohj] {
    min-width: 0;
}

@media (max-width: 1100px) {
    .teams-layout[b-qmhp3mhohj] {
        grid-template-columns: 1fr;
    }
}
/* _content/IGM.Web/Pages/Workplace/SystemManagement/UM/Users/Users.razor.rz.scp.css */
body[b-muardtvpo3] {
}

/* 1. Kill the hardcoded height on both row and cell */
[b-muardtvpo3] .fluent-data-grid [role="row"],
[b-muardtvpo3] .fluent-data-grid [role="gridcell"] {
  height: auto !important;
  min-height: 32px;
}

/* 2. Force the row to stretch all its children to the tallest child */
[b-muardtvpo3] .fluent-data-grid [role="row"] {
  align-items: stretch !important;
}

/* 3. Force every cell to be a flex container that fills 100% of the row height */
[b-muardtvpo3] .fluent-data-grid [role="gridcell"] {
  display: flex !important;
  height: 100% !important; /* Forces the <td> to fill the stretched grid area */
  align-items: center; /* Vertically centers text in IDNP, Email, etc. */
  padding: 4px 8px;
  box-sizing: border-box;
}

/* 4. Specific wrapping for the Roles column */
[b-muardtvpo3] .fluent-data-grid [role="gridcell"][col-index="3"] {
  white-space: normal !important;
  word-break: break-word;
}

/* 5. Fix for the Icon column (Approved) so it stays centered */
[b-muardtvpo3] .fluent-data-grid [col-index="6"] {
  justify-content: center;
}
/* _content/IGM.Web/Pages/_GenericComponents/ActivityTimeline/ActivityTimeline.razor.rz.scp.css */
.activity-timeline[b-fst2i4qwww] {
    font-family: Calibri, sans-serif;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    padding: 16px 20px;
}

.activity-timeline__header[b-fst2i4qwww] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    border-bottom: 2px solid #e1e7ef;
    padding-bottom: 10px;
}

.activity-timeline__title[b-fst2i4qwww] {
    margin: 0;
    color: #1F3864;
    font-size: 16px;
    font-weight: 600;
    flex: 1;
}

.activity-timeline__count[b-fst2i4qwww] {
    color: #595959;
    font-size: 12px;
    padding: 2px 8px;
    background: var(--color-background-base-secondary);
    border-radius: 12px;
}

.activity-timeline__refresh[b-fst2i4qwww] {
    background: transparent;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    padding: 3px 8px;
    cursor: pointer;
    font-size: 14px;
}

.activity-timeline__refresh:disabled[b-fst2i4qwww] {
    opacity: 0.4;
    cursor: not-allowed;
}

.activity-timeline__status[b-fst2i4qwww] {
    padding: 16px;
    text-align: center;
    color: #595959;
    font-size: 13px;
    background: #f9fafb;
    border-radius: 4px;
}

.activity-timeline__status--err[b-fst2i4qwww] {
    background: #fde7e9;
    color: #b91c1c;
}

.activity-timeline__group[b-fst2i4qwww] {
    margin-bottom: 18px;
}

.activity-timeline__group-header[b-fst2i4qwww] {
    color: #2E5D9E;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px dashed #d0d7e2;
}

.activity-timeline__entry[b-fst2i4qwww] {
    display: flex;
    gap: 14px;
    padding: 10px 12px;
    border-left: 3px solid transparent;
    border-radius: 4px;
    margin-bottom: 4px;
    transition: background 0.15s;
}

.activity-timeline__entry:hover[b-fst2i4qwww] {
    background: #f5f9ff;
    border-left-color: #2E5D9E;
}

.activity-timeline__dot[b-fst2i4qwww] {
    flex: 0 0 12px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-top: 6px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #d0d7e2;
}

.activity-timeline__body[b-fst2i4qwww] {
    flex: 1;
    min-width: 0;
}

.activity-timeline__line1[b-fst2i4qwww] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.activity-timeline__code[b-fst2i4qwww] {
    font-weight: 600;
    color: #1F3864;
    font-size: 13px;
}

.activity-timeline__time[b-fst2i4qwww] {
    color: var(--color-text-base-tertiary);
    font-size: 11px;
    font-family: monospace;
}

.activity-timeline__message[b-fst2i4qwww] {
    color: var(--color-text-base-default);
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 4px;
}

.activity-timeline__meta[b-fst2i4qwww] {
    color: var(--color-text-base-secondary);
    font-size: 11px;
}

.activity-timeline__details[b-fst2i4qwww] {
    display: inline-block;
    margin-left: 8px;
}

.activity-timeline__details summary[b-fst2i4qwww] {
    cursor: pointer;
    color: #2E5D9E;
    font-size: 11px;
}

.activity-timeline__details > div[b-fst2i4qwww] {
    margin-top: 6px;
    padding: 8px;
    background: #f9fafb;
    border-radius: 4px;
    font-size: 11px;
    font-family: monospace;
}

.activity-timeline__badge[b-fst2i4qwww] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

.activity-timeline__badge--sent[b-fst2i4qwww] {
    background: #dff6dd;
    color: #107c10;
}

.activity-timeline__badge--pending[b-fst2i4qwww] {
    background: #fff4e5;
    color: #8a6914;
}

.activity-timeline__badge--err[b-fst2i4qwww] {
    background: #fde7e9;
    color: #b91c1c;
}

.activity-timeline__badge--internal[b-fst2i4qwww] {
    background: #fff7ed;
    color: #9a3412;
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/DocumentScanner/DocumentScanner.razor.rz.scp.css */
.custom-tabs[b-6pbr9jbpw7] {
  width: 100%;
  height: 100%;
}

.tab-header[b-6pbr9jbpw7] {
  display: flex;
  border-bottom: 2px solid var(--color-border-base-default);
  gap: 4px;
}

.tab-button[b-6pbr9jbpw7] {
  padding: 12px 24px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-base-secondary);
  transition: all 0.2s;
  position: relative;
  bottom: -2px;
}

  .tab-button:hover[b-6pbr9jbpw7] {
    color: var(--color-text-base-default);
    background-color: var(--color-background-base-secondary);
  }

  .tab-button.active[b-6pbr9jbpw7] {
    color: var(--accent-fill-rest);
    border-bottom-color: var(--accent-fill-rest);
  }

.tab-content[b-6pbr9jbpw7] {
  height: 92.2%;
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/PassportScanner/PassportScannerScan.razor.rz.scp.css */
.scanner-container[b-3183sbeo45] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.scanner-header[b-3183sbeo45] {
  background-color: var(--neutral-layer-1);
}

.title-bar[b-3183sbeo45] {
  padding: 8px 12px;
  border-bottom: 1px solid var(--color-border-base-default);
}

  .title-bar h1[b-3183sbeo45] {
    font-size: 13px;
    font-weight: normal;
    color: var(--color-text-base-default);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

.toolbar[b-3183sbeo45] {
  background-color: var(--color-background-base-secondary);
  padding: 10px;
  border-bottom: 1px solid var(--color-border-base-default);
  /*
    display: flex;
    flex-wrap: wrap;
  */
  gap: 4px;
}

.toolbar-button[b-3183sbeo45] {
}

  .toolbar-button .button-content[b-3183sbeo45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 5em;
  }

    .toolbar-button .button-content span[b-3183sbeo45] {
      font-size: 13px;
      color: var(--color-text-base-default);
    }

.menu-wrapper[b-3183sbeo45] {
  position: relative;
}

.submenu[b-3183sbeo45] {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--neutral-layer-1);
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  z-index: 1000;
  margin-top: 2px;
  display: flex;
  flex-direction: column;
}

.submenu-item[b-3183sbeo45] {
  width: 100% !important;
  text-align: left !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  justify-content: flex-start !important;
  border-radius: 0 !important;
}

  .submenu-item:hover[b-3183sbeo45] {
    background-color: var(--accent-stroke-control-active) !important;
  }

.scanner-content[b-3183sbeo45] {
  display: flex;
  flex: 1;
  min-height: 0; /* Important for flex child scrolling */
}

.sidebar[b-3183sbeo45] {
  /*width: 220px;*/
  border-right: 1px solid var(--color-border-base-default);
  padding: 16px;
  min-width: 20%;
  border-radius: 0px;
}

.face-photo[b-3183sbeo45] {
  max-width: 140px;
  max-height: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.device-info[b-3183sbeo45] {
  background-color: var(--neutral-layer-1);
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.preview-area[b-3183sbeo45] {
  flex: 1;
  background-color: var(--neutral-layer-1);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto; /* Allow scrolling if content is too large */
  max-height: none; /* Remove the fixed max-height */
  max-width: 75%;
  width: 75%;
}

  .preview-area img[b-3183sbeo45] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

.passport-placeholder[b-3183sbeo45] {
  padding: 40px;
  text-align: center;
  color: var(--color-text-base-tertiary);
  font-style: italic;
  color: #d32f2f; /* Red color */
  font-weight: bold;
  font-size: 16px; /* Slightly larger for better visibility */
  background-color: #ffebee; /* Light red background */
  border: 2px dashed #ef5350; /* Red dashed border */
  border-radius: 4px;
  display: flex;
  flex: 1;
  align-items: center;
}


.empty-message[b-3183sbeo45] {
  color: var(--color-text-base-tertiary);
  font-size: 14px;
}

.status-bar[b-3183sbeo45] {
  background-color: var(--color-background-base-secondary);
  border-top: 1px solid var(--color-border-base-default);
  padding: 4px 8px;
  display: flex;
  gap: 8px;
}

/* FluentUI overrides */
fluent-select[b-3183sbeo45] {
  width: 100%;
}

fluent-label[b-3183sbeo45] {
  font-size: 12px;
  color: var(--color-text-base-default);
  margin-bottom: 4px;
}

fluent-button[b-3183sbeo45] {
  border-radius: 3px;
}

fluent-menu-list[b-3183sbeo45] {
  background: var(--neutral-layer-1);
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
}

fluent-menu-item[b-3183sbeo45] {
  font-size: 12px;
  padding: 8px 12px;
}

  fluent-menu-item:hover[b-3183sbeo45] {
    background-color: var(--accent-stroke-control-active);
  }

.details-panel[b-3183sbeo45] {
  width: 400px;
  background-color: var(--neutral-layer-1);
  border-left: 1px solid var(--color-border-base-default);
  padding: 16px;
  overflow-y: auto;
}

.detail-row[b-3183sbeo45] {
  padding: 8px 0;
  border-bottom: 1px solid var(--color-border-base-default);
}

.detail-value[b-3183sbeo45] {
  font-size: 13px;
  color: var(--color-text-base-default);
}

  .detail-value strong[b-3183sbeo45] {
    color: var(--color-text-base-secondary);
    font-weight: 500;
  }

.mrz-box[b-3183sbeo45] {
  background-color: #2d2d2d;
  color: #00ff00;
  padding: 12px;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  border-radius: 4px;
  margin-top: 16px;
  white-space: pre-wrap;
  word-break: break-all;
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/Twain/TwainScan.razor.rz.scp.css */
.scanner-container[b-05puysmd52] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.scanner-header[b-05puysmd52] {
  background-color: var(--neutral-layer-1);
}

.title-bar[b-05puysmd52] {
  padding: 8px 12px;
  border-bottom: 1px solid var(--color-border-base-default);
}

  .title-bar h1[b-05puysmd52] {
    font-size: 13px;
    font-weight: normal;
    color: var(--color-text-base-default);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

.toolbar[b-05puysmd52] {
  background-color: var(--color-background-base-secondary);
  padding: 10px;
  border-bottom: 1px solid var(--color-border-base-default);
  /*
    display: flex;
    flex-wrap: wrap;
  */
  gap: 4px;
}

.toolbar-button[b-05puysmd52] {
}

  .toolbar-button .button-content[b-05puysmd52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 5em;
  }

    .toolbar-button .button-content span[b-05puysmd52] {
      font-size: 13px;
      color: var(--color-text-base-default);
    }

.menu-wrapper[b-05puysmd52] {
  position: relative;
}

.submenu[b-05puysmd52] {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--neutral-layer-1);
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  z-index: 1000;
  margin-top: 2px;
  display: flex;
  flex-direction: column;
}

.submenu-item[b-05puysmd52] {
  width: 100% !important;
  text-align: left !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  justify-content: flex-start !important;
  border-radius: 0 !important;
}

  .submenu-item:hover[b-05puysmd52] {
    background-color: var(--accent-stroke-control-active) !important;
  }

.scanner-content[b-05puysmd52] {
  display: flex;
  flex: 1;
  min-height: 0; /* Important for flex child scrolling */
}

.sidebar[b-05puysmd52] {
  /*width: 220px;*/
  background-color: var(--color-background-base-secondary);
  border-right: 1px solid var(--color-border-base-default);
  padding: 16px;
  min-width: 25%;
  border-radius: 0px;
}

.device-info[b-05puysmd52] {
  background-color: var(--neutral-layer-1);
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.preview-area[b-05puysmd52] {
  flex: 1;
  background-color: var(--neutral-layer-1);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto; /* Allow scrolling if content is too large */
  max-height: none; /* Remove the fixed max-height */
  max-width: 75%;
  width: 75%;
}

  .preview-area img[b-05puysmd52] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

.empty-message[b-05puysmd52] {
  color: var(--color-text-base-tertiary);
  font-size: 14px;
}

.status-bar[b-05puysmd52] {
  background-color: var(--color-background-base-secondary);
  border-top: 1px solid var(--color-border-base-default);
  padding: 4px 8px;
  display: flex;
  gap: 8px;
}

/* FluentUI overrides */
fluent-select[b-05puysmd52] {
  width: 100%;
}

fluent-label[b-05puysmd52] {
  font-size: 12px;
  color: var(--color-text-base-default);
  margin-bottom: 4px;
}

fluent-button[b-05puysmd52] {
  border-radius: 3px;
}

fluent-menu-list[b-05puysmd52] {
  background: var(--neutral-layer-1);
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
}

fluent-menu-item[b-05puysmd52] {
  font-size: 12px;
  padding: 8px 12px;
}

  fluent-menu-item:hover[b-05puysmd52] {
    background-color: var(--accent-stroke-control-active);
  }

.details-panel[b-05puysmd52] {
  width: 400px;
  background-color: var(--neutral-layer-1);
  border-left: 1px solid var(--color-border-base-default);
  padding: 16px;
  overflow-y: auto;
}

.detail-row[b-05puysmd52] {
  padding: 8px 0;
  border-bottom: 1px solid var(--color-border-base-default);
}

.detail-value[b-05puysmd52] {
  font-size: 13px;
  color: var(--color-text-base-default);
}

  .detail-value strong[b-05puysmd52] {
    color: var(--color-text-base-secondary);
    font-weight: 500;
  }

.mrz-box[b-05puysmd52] {
  background-color: #2d2d2d;
  color: #00ff00;
  padding: 12px;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  border-radius: 4px;
  margin-top: 16px;
  white-space: pre-wrap;
  word-break: break-all;
}

.face-photo-container[b-05puysmd52] {
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
}

.face-photo[b-05puysmd52] {
  max-width: 200px;
  max-height: 200px;
  border: 2px solid var(--color-border-base-default);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/VisionBox/Components/VisualSearch/VisualSearchForm.razor.rz.scp.css */
.container[b-84jjdelycm] {
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px;
}

.full-width-card[b-84jjdelycm] {
  width: 100%;
}

.header[b-84jjdelycm] {
  background: var(--neutral-layer-1);
  padding: 20px 24px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  margin-bottom: 20px;
}

  .header h1[b-84jjdelycm] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-bottom: 8px;
  }

  .header p[b-84jjdelycm] {
    color: var(--color-text-base-secondary);
    font-size: 14px;
  }

.main-grid[b-84jjdelycm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.biometric-capture[b-84jjdelycm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.photo-container[b-84jjdelycm] {
  text-align: center;
}

.photo-frame[b-84jjdelycm] {
  width: 100%;
  height: 280px;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  border: 2px dashed #d1d1d1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.photo-placeholder[b-84jjdelycm] {
  width: 160px;
  height: 200px;
  background: var(--neutral-layer-1);
  border: 3px solid var(--accent-fill-rest);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  color: var(--accent-fill-rest);
}

.photo-label[b-84jjdelycm] {
  font-size: 13px;
  color: var(--color-text-base-default);
  font-weight: 600;
}

.fingerprints-container[b-84jjdelycm] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fingerprint-item[b-84jjdelycm] {
  background: var(--color-background-base-secondary);
  border: 1px solid var(--color-border-base-default);
  border-radius: 6px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.fingerprint-visual[b-84jjdelycm] {
  width: 80px;
  height: 100px;
  background: linear-gradient(135deg, #e8e8e8 0%, #d1d1d1 100%);
  border: 2px solid #a8a8a8;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
}

.fingerprint-info[b-84jjdelycm] {
  flex: 1;
}

.fingerprint-label[b-84jjdelycm] {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-base-default);
  margin-bottom: 4px;
}

.fingerprint-quality[b-84jjdelycm] {
  font-size: 12px;
  color: #107c10;
  display: flex;
  align-items: center;
  gap: 6px;
}

.quality-bar[b-84jjdelycm] {
  width: 100px;
  height: 6px;
  background: #e8e8e8;
  border-radius: 3px;
  overflow: hidden;
}

.quality-fill[b-84jjdelycm] {
  height: 100%;
  background: #107c10;
  transition: width 0.3s;
}

.stats-grid[b-84jjdelycm] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}

.stat-card[b-84jjdelycm] {
  background: var(--neutral-layer-1);
  border: 1px solid;
  border-radius: 6px;
  padding: 16px;
  text-align: center;
}

  .stat-card.success[b-84jjdelycm] {
    background: #dff6dd;
    border-color: #107c10;
  }

  .stat-card.warning[b-84jjdelycm] {
    background: #fff4ce;
    border-color: #ffb900;
  }

  .stat-card.info[b-84jjdelycm] {
    background: #e6f3ff;
    border-color: var(--accent-fill-rest);
  }

.stat-value[b-84jjdelycm] {
  font-size: 28px;
  font-weight: 700;
}

  .stat-value.success[b-84jjdelycm] {
    color: #107c10;
  }

  .stat-value.warning[b-84jjdelycm] {
    color: #ca5010;
  }

  .stat-value.info[b-84jjdelycm] {
    color: var(--accent-fill-rest);
  }

.stat-label[b-84jjdelycm] {
  font-size: 12px;
  color: var(--color-text-base-default);
}

.matches-section[b-84jjdelycm] {
  margin-top: 20px;
  width: 100%;
}

.match-card[b-84jjdelycm] {
  background: var(--neutral-layer-1);
  border: 2px solid var(--color-border-base-default);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 16px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
  box-sizing: border-box;
}

  .match-card:hover[b-84jjdelycm] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 4px 12px rgba(0,88,210,0.15);
  }

.match-header[b-84jjdelycm] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
  width: 100%;
  padding-right: 100px; /* Space for confidence circle */
}

.match-photo[b-84jjdelycm] {
  width: 100px;
  height: 120px;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  border: 2px solid #d1d1d1;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #a8a8a8;
  flex-shrink: 0;
}

.match-info[b-84jjdelycm] {
  flex: 1;
  min-width: 0; /* Allows proper flex shrinking */
}

.match-name[b-84jjdelycm] {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-base-default);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.match-details[b-84jjdelycm] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  font-size: 13px;
}

.match-detail[b-84jjdelycm] {
  display: flex;
  gap: 6px;
}

  .match-detail strong[b-84jjdelycm] {
    color: var(--color-text-base-secondary);
    min-width: 120px;
  }

  .match-detail span[b-84jjdelycm] {
    color: var(--color-text-base-default);
  }

.match-confidence[b-84jjdelycm] {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: center;
}

.confidence-circle[b-84jjdelycm] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  border: 4px solid;
  background: var(--neutral-layer-1);
}

.confidence-high[b-84jjdelycm] {
  border-color: #107c10;
  color: #107c10;
}

.confidence-medium[b-84jjdelycm] {
  border-color: #ffb900;
  color: #ca5010;
}

.confidence-label[b-84jjdelycm] {
  font-size: 11px;
  font-weight: 400;
  color: var(--color-text-base-secondary);
  margin-top: 4px;
}

.match-scores[b-84jjdelycm] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border-base-default);
}

.score-item[b-84jjdelycm] {
  text-align: center;
  padding: 12px;
  background: var(--color-background-base-secondary);
  border-radius: 6px;
}

.score-icon[b-84jjdelycm] {
  font-size: 24px;
  margin-bottom: 6px;
}

.score-value[b-84jjdelycm] {
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

  .score-value.high[b-84jjdelycm] {
    color: #107c10;
  }

  .score-value.medium[b-84jjdelycm] {
    color: #ca5010;
  }

.score-label[b-84jjdelycm] {
  font-size: 11px;
  color: var(--color-text-base-secondary);
  text-transform: uppercase;
}

.actions-bar[b-84jjdelycm] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border-base-default);
}

  .actions-bar.no-border[b-84jjdelycm] {
    border-top: none;
    padding-top: 0;
  }
/* _content/IGM.Web/Pages/_GenericComponents/FaceSearch/FaceSearchResults/FaceSearchResultsForm.razor.rz.scp.css */
.container[b-2hp4fy57co] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Header */
.header[b-2hp4fy57co] {
  padding: 16px 0 8px;
  margin-bottom: 16px;
}

  .header h1[b-2hp4fy57co] {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-text-base-default);
    margin: 0 0 4px;
  }

  .header p[b-2hp4fy57co] {
    color: var(--color-text-base-secondary);
    font-size: 13px;
    margin: 0;
  }

/* Summary bar - captured photo + stats in one row */
.summary-bar[b-2hp4fy57co] {
  display: flex;
  align-items: center;
  gap: 24px;
  background: var(--neutral-layer-1);
  border: 1px solid var(--color-border-base-default);
  border-radius: 10px;
  padding: 16px 24px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.summary-photo[b-2hp4fy57co] {
  width: 100px;
  height: 130px;
  border-radius: 8px;
  border: 2px solid var(--color-border-base-default);
  overflow: hidden;
  flex-shrink: 0;
  background: linear-gradient(135deg, #f5f5f5, #eaeaea);
  display: flex;
  align-items: center;
  justify-content: center;
}

  .summary-photo img[b-2hp4fy57co] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.summary-photo .photo-placeholder[b-2hp4fy57co] {
  font-size: 32px;
  color: var(--accent-fill-rest);
  font-weight: 700;
}

.summary-stats[b-2hp4fy57co] {
  display: flex;
  gap: 16px;
  flex: 1;
}

.stat-chip[b-2hp4fy57co] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid;
}

  .stat-chip.success[b-2hp4fy57co] {
    background: #ecfdf5;
    border-color: #a7f3d0;
  }

  .stat-chip.info[b-2hp4fy57co] {
    background: #eff6ff;
    border-color: #bfdbfe;
  }

.stat-chip-value[b-2hp4fy57co] {
  font-size: 22px;
  font-weight: 700;
}

  .stat-chip.success .stat-chip-value[b-2hp4fy57co] {
    color: #059669;
  }

  .stat-chip.info .stat-chip-value[b-2hp4fy57co] {
    color: var(--accent-fill-rest);
  }

.stat-chip-label[b-2hp4fy57co] {
  font-size: 12px;
  color: var(--color-text-base-secondary);
  font-weight: 500;
}

/* Matches section */
.full-width-card[b-2hp4fy57co] {
  width: 100%;
}

.matches-section[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

/* Match card - horizontal layout with score on left */
.match-card[b-2hp4fy57co] {
  display: flex;
  align-items: stretch;
  background: var(--neutral-layer-1);
  border: 1px solid var(--color-border-base-default);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  box-sizing: border-box;
}

  .match-card:hover[b-2hp4fy57co] {
    border-color: #93c5fd;
    box-shadow: 0 4px 16px rgba(0,88,210,0.1);
  }

/* Score section - left side */
.match-score[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  border-right: 1px solid var(--color-border-base-default);
  background: var(--color-background-base-secondary);
  min-width: 110px;
  position: relative;
}

.score-ring[b-2hp4fy57co] {
  width: 72px;
  height: 72px;
}

.score-text[b-2hp4fy57co] {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.score-value[b-2hp4fy57co] {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.score-percent[b-2hp4fy57co] {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 2px;
}

.score-label[b-2hp4fy57co] {
  font-size: 11px;
  color: var(--color-text-base-tertiary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 6px;
}

/* Match body - right side */
.match-body[b-2hp4fy57co] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 16px;
  min-width: 0;
}

.match-header[b-2hp4fy57co] {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

.match-photo[b-2hp4fy57co] {
  width: 90px;
  height: 110px;
  background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

  .match-photo img[b-2hp4fy57co] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.match-info[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.match-name[b-2hp4fy57co] {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-base-default);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match-confidence-tag[b-2hp4fy57co] {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  width: fit-content;
}

/* Action buttons */
.match-actions[b-2hp4fy57co] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

[b-2hp4fy57co] .btn-reject {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border-color: #fca5a5 !important;
}

  [b-2hp4fy57co] .btn-reject:hover {
    background: #fee2e2 !important;
  }

/* Bottom actions */
.bottom-actions[b-2hp4fy57co] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border-base-default);
}

/* No results state */
.no-results-card[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  background: var(--neutral-layer-1);
  border: 1px dashed var(--color-border-base-default);
  border-radius: 10px;
  text-align: center;
}

.no-results-icon[b-2hp4fy57co] {
  margin-bottom: 16px;
  opacity: 0.5;
}

.no-results-text[b-2hp4fy57co] {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-base-secondary);
  margin-bottom: 4px;
}

.no-results-hint[b-2hp4fy57co] {
  font-size: 13px;
  color: var(--color-text-base-tertiary);
}
/* _content/IGM.Web/Pages/_GenericComponents/FingerprintsSearch/FingerprintsSearchResults/FingerprintsSearchResultsForm.razor.rz.scp.css */
.container[b-w3z0jlcptc] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Header */
.header[b-w3z0jlcptc] {
  padding: 16px 0 8px;
  margin-bottom: 16px;
}

  .header h1[b-w3z0jlcptc] {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-text-base-default);
    margin: 0 0 4px;
  }

  .header p[b-w3z0jlcptc] {
    color: var(--color-text-base-secondary);
    font-size: 13px;
    margin: 0;
  }

/* Summary bar */
.summary-bar[b-w3z0jlcptc] {
  display: flex;
  align-items: center;
  gap: 24px;
  background: var(--neutral-layer-1);
  border: 1px solid var(--color-border-base-default);
  border-radius: 10px;
  padding: 16px 24px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.summary-fingerprints[b-w3z0jlcptc] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.fingerprint-thumb[b-w3z0jlcptc] {
  width: 80px;
  height: 100px;
  border-radius: 8px;
  border: 2px solid var(--color-border-base-default);
  overflow: hidden;
  background: linear-gradient(135deg, #f5f5f5, #eaeaea);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

  .fingerprint-thumb img[b-w3z0jlcptc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.fingerprint-label[b-w3z0jlcptc] {
  position: absolute;
  bottom: 2px;
  right: 4px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
  padding: 1px 5px;
}

.photo-placeholder[b-w3z0jlcptc] {
  width: 80px;
  height: 100px;
  border-radius: 8px;
  border: 2px solid var(--color-border-base-default);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: var(--accent-fill-rest);
  font-weight: 700;
  background: linear-gradient(135deg, #f5f5f5, #eaeaea);
}

.summary-stats[b-w3z0jlcptc] {
  display: flex;
  gap: 16px;
  flex: 1;
}

.stat-chip[b-w3z0jlcptc] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid;
}

  .stat-chip.success[b-w3z0jlcptc] {
    background: #ecfdf5;
    border-color: #a7f3d0;
  }

  .stat-chip.info[b-w3z0jlcptc] {
    background: #eff6ff;
    border-color: #bfdbfe;
  }

.stat-chip-value[b-w3z0jlcptc] {
  font-size: 22px;
  font-weight: 700;
}

  .stat-chip.success .stat-chip-value[b-w3z0jlcptc] {
    color: #059669;
  }

  .stat-chip.info .stat-chip-value[b-w3z0jlcptc] {
    color: var(--accent-fill-rest);
  }

.stat-chip-label[b-w3z0jlcptc] {
  font-size: 12px;
  color: var(--color-text-base-secondary);
  font-weight: 500;
}

/* Matches section */
.full-width-card[b-w3z0jlcptc] {
  width: 100%;
}

.matches-section[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

/* Match card */
.match-card[b-w3z0jlcptc] {
  display: flex;
  align-items: stretch;
  background: var(--neutral-layer-1);
  border: 1px solid var(--color-border-base-default);
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  box-sizing: border-box;
}

  .match-card:hover[b-w3z0jlcptc] {
    border-color: #93c5fd;
    box-shadow: 0 4px 16px rgba(0,88,210,0.1);
  }

/* Score section */
.match-score[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  border-right: 1px solid var(--color-border-base-default);
  background: var(--color-background-base-secondary);
  min-width: 110px;
  position: relative;
}

.score-ring[b-w3z0jlcptc] {
  width: 72px;
  height: 72px;
}

.score-text[b-w3z0jlcptc] {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.score-value[b-w3z0jlcptc] {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.score-percent[b-w3z0jlcptc] {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 2px;
}

.score-label[b-w3z0jlcptc] {
  font-size: 11px;
  color: var(--color-text-base-tertiary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 6px;
}

/* Match body */
.match-body[b-w3z0jlcptc] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 16px;
  min-width: 0;
}

.match-header[b-w3z0jlcptc] {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

.match-photo[b-w3z0jlcptc] {
  width: 90px;
  height: 110px;
  background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

  .match-photo img[b-w3z0jlcptc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.match-info[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.match-name[b-w3z0jlcptc] {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-base-default);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match-confidence-tag[b-w3z0jlcptc] {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  width: fit-content;
}

/* Action buttons */
.match-actions[b-w3z0jlcptc] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

[b-w3z0jlcptc] .btn-reject {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border-color: #fca5a5 !important;
}

  [b-w3z0jlcptc] .btn-reject:hover {
    background: #fee2e2 !important;
  }

/* Bottom actions */
.bottom-actions[b-w3z0jlcptc] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border-base-default);
}

/* No results state */
.no-results-card[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  background: var(--neutral-layer-1);
  border: 1px dashed var(--color-border-base-default);
  border-radius: 10px;
  text-align: center;
}

.no-results-icon[b-w3z0jlcptc] {
  margin-bottom: 16px;
  opacity: 0.5;
}

.no-results-text[b-w3z0jlcptc] {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-base-secondary);
  margin-bottom: 4px;
}

.no-results-hint[b-w3z0jlcptc] {
  font-size: 13px;
  color: var(--color-text-base-tertiary);
}
/* _content/IGM.Web/Shared/Dashboard/DashboardComponent.razor.rz.scp.css */
.dashboard-root[b-m7kwjdwr5t] {
    padding: 10px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.dashboard-section-title[b-m7kwjdwr5t] {
    background: linear-gradient(135deg, var(--accent-fill-rest) 0%, #4A90E2 100%);
    color: white;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.dashboard-grid[b-m7kwjdwr5t] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px;
    align-items: start;
}

.dashboard-grid--compact[b-m7kwjdwr5t] {
    gap: 6px;
}

.dashboard-cell[b-m7kwjdwr5t] {
    min-height: 100px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dashboard-cell[b-m7kwjdwr5t] >  .dashboard-widget {
    width: 100%;
    height: 100%;
    min-height: 160px;
    padding: 12px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
}

.dashboard-cell[b-m7kwjdwr5t] >  .dashboard-widget-header {
    font-size: 13px;
    font-weight: 600;
    color: #344054;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #EAECF0;
}

.dashboard-cell[b-m7kwjdwr5t] >  .dashboard-widget-body {
    flex: 1;
    overflow: auto;
}

.dashboard-cell[b-m7kwjdwr5t] >  .dashboard-widget-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #98A2B3;
    font-size: 13px;
    font-style: italic;
}

@media (max-width: 1200px) {
    .dashboard-grid[b-m7kwjdwr5t] {
        grid-template-columns: repeat(6, 1fr);
    }
    .dashboard-cell[b-m7kwjdwr5t] {
        grid-column: span 6 !important;
    }
}

@media (max-width: 600px) {
    .dashboard-grid[b-m7kwjdwr5t] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .dashboard-cell[b-m7kwjdwr5t] {
        grid-column: span 1 !important;
    }
}