@import '_content/AiSuite.Modules.RagLab/AiSuite.Modules.RagLab.xbp4rvligg.bundle.scp.css';

/* /Components/Knowledge/PlatformKnowledgeCard.razor.rz.scp.css */
/* SC-23 "ZNANJE PLATFORME" (DESIGN N-06, 41 section 9 P3a delta): muted intro, group labels 12/600 uppercase muted, rows = title 14/400 + date 12 muted;
   on a phone the date goes under the title. */
.ds-pk__intro[b-thyjiz6ade] { margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.ds-pk__group[b-thyjiz6ade] { margin: var(--space-4) 0 var(--space-1); color: var(--color-text-muted); font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-upper); text-transform: uppercase; }
.ds-pk__list[b-thyjiz6ade] { display: grid; margin: 0; padding: 0; list-style: none; }
.ds-pk__row[b-thyjiz6ade] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); padding: var(--space-2) 0; border-bottom: 1px solid var(--color-border-subtle); }
.ds-pk__row:last-child[b-thyjiz6ade] { border-bottom: 0; }
.ds-pk__title[b-thyjiz6ade] { min-width: 0; overflow-wrap: anywhere; color: var(--color-text); font-size: var(--text-sm); font-weight: var(--weight-regular); }
.ds-pk__since[b-thyjiz6ade] { flex: none; color: var(--color-text-muted); font-size: var(--text-xs); }

@media (max-width: 767px) {
    .ds-pk__row[b-thyjiz6ade] { flex-direction: column; align-items: flex-start; gap: var(--space-1); }
}
/* /Components/Knowledge/TemplateEditor.razor.rz.scp.css */
/* SC-33 authoring (43 section 8): the JSON content is typed in a monospace field; no colours of its own. */
.ds-teditor__content[b-j9xa7f0bs2]  textarea { font-family: ui-monospace, Consolas, monospace; font-size: var(--text-sm); line-height: 1.5; white-space: pre; overflow-wrap: normal; overflow-x: auto; }
/* /Components/Pages/Account/TwoFactorSetup.razor.rz.scp.css */
/* 02 section 14.6: the QR code at most 240 px wide, centred, the key below it. Tokens only. */
.ds-two-factor__qr[b-f6rs0nt0dx] {
    display: block;
    width: 100%;
    max-width: 240px;
    height: auto;
    margin: 0 auto var(--space-4);
    image-rendering: pixelated;
}

.ds-two-factor__key[b-f6rs0nt0dx] {
    display: grid;
    gap: var(--space-1);
    margin: 0 0 var(--space-5);
    color: var(--color-text-body);
    font-size: var(--text-sm);
    text-align: center;
}

.ds-two-factor__key code[b-f6rs0nt0dx] {
    color: var(--color-text);
    font-family: ui-monospace, Consolas, monospace;
    font-size: var(--text-md);
    letter-spacing: 0.05em;
    overflow-wrap: anywhere;
}

/* The recovery-code panel of the enabled state (02 section 14.5): highlighted after the factor was turned on, the codes in two monospace columns. */
.ds-two-factor__recovery[b-f6rs0nt0dx] {
    display: grid;
    gap: var(--space-3);
    margin: 0 0 var(--space-5);
    padding: var(--space-4);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-md);
}

.ds-two-factor__recovery--prompt[b-f6rs0nt0dx] {
    border-color: var(--color-accent);
}

.ds-two-factor__prompt[b-f6rs0nt0dx],
.ds-two-factor__left[b-f6rs0nt0dx] {
    margin: 0;
    color: var(--color-text-body);
    font-size: var(--text-sm);
}

.ds-two-factor__prompt[b-f6rs0nt0dx] {
    color: var(--color-text);
    font-weight: var(--weight-semibold);
}

.ds-two-factor__codes[b-f6rs0nt0dx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2) var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ds-two-factor__codes code[b-f6rs0nt0dx] {
    color: var(--color-text);
    font-family: ui-monospace, Consolas, monospace;
    font-size: var(--text-md);
    letter-spacing: 0.05em;
}

.ds-two-factor__recovery[b-f6rs0nt0dx]  .ds-login__alert {
    margin-bottom: 0;
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
/* SC-01 login, the parts that belong to this page only: the hero with the slogan and the SR | EN switch. The card is shared (layout.css). Tokens only. */
.ds-login__lang[b-bmqu7bgvwv] {
    position: fixed;
    top: var(--space-4);
    right: var(--space-4);
    z-index: var(--z-sticky);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
}

.ds-login__lang a[b-bmqu7bgvwv] {
    display: inline-flex;
    align-items: center;
    min-height: var(--touch-min);
    justify-content: center;
    min-width: var(--touch-min);
    padding-inline: var(--space-1);
    color: var(--color-text-muted);
    text-decoration: none;
}

.ds-login__lang a:hover[b-bmqu7bgvwv],
.ds-login__lang a[aria-current="true"][b-bmqu7bgvwv] {
    color: var(--color-text);
}

.ds-login__lang a[aria-current="true"][b-bmqu7bgvwv] {
    font-weight: var(--weight-bold);
}

.ds-login__hero[b-bmqu7bgvwv] {
    width: 490px;
    margin-top: 52px;
    text-align: right;
}

.ds-login__hero[b-bmqu7bgvwv]  .ds-hero-blob {
    margin-left: auto;
}

.ds-login__slogan[b-bmqu7bgvwv] {
    margin: var(--space-6) 0 0 -80px;
}

.ds-login__dot[b-bmqu7bgvwv] {
    color: var(--color-primary);
}

@media (max-width: 1099px) {
    .ds-login__hero[b-bmqu7bgvwv] {
        width: auto;
        margin-top: 0;
        text-align: center;
    }

    .ds-login__hero[b-bmqu7bgvwv]  .ds-hero-blob {
        width: 240px;
        height: auto;
        margin-inline: auto;
    }

    .ds-login__slogan[b-bmqu7bgvwv] {
        margin: var(--space-4) 0 0;
        font-size: 2.25rem;
        line-height: 1.22;
    }
}

@media (max-width: 767px) {
    .ds-login__hero[b-bmqu7bgvwv]  .ds-hero-blob {
        display: none;
    }

    .ds-login__slogan[b-bmqu7bgvwv] {
        font-size: 2rem;
        line-height: 1.25;
    }
}
/* /Components/Pages/Knowledge/Documents.razor.rz.scp.css */
/* SC-23 (DESIGN N-06): the toolbar, the feeds card, the list card and the drop zone stacked with the panel gap. */
.ds-documents[b-2xwnadom1l] { display: grid; gap: var(--space-4); margin-top: var(--space-4); }
.ds-documents[b-2xwnadom1l]  .ds-documents__list { min-width: 0; }
.ds-documents[b-2xwnadom1l]  .ds-documents__drop { margin-top: var(--space-1); }
/* /Components/Pages/Knowledge/Instructions.razor.rz.scp.css */
/* SC-22 (DESIGN N-05): the segment card (240 px) beside the list / detail card; below 1100 px the segments lie above the list as a scrollable row. */
.ds-instructions[b-adxr4g1ibf] { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--space-5); align-items: start; margin-top: var(--space-4); }
.ds-instructions[b-adxr4g1ibf]  .ds-instructions__nav, .ds-instructions[b-adxr4g1ibf]  .ds-instructions__main { min-width: 0; }
.ds-instructions[b-adxr4g1ibf]  .ds-instructions__nav { position: sticky; top: var(--space-4); }

@media (max-width: 1099px) {
  .ds-instructions[b-adxr4g1ibf] { grid-template-columns: minmax(0, 1fr); }
  .ds-instructions[b-adxr4g1ibf]  .ds-instructions__nav { position: static; padding: var(--space-2); }
}
